rk-designsystem
Version:
A React component library built on top of Digdir Design System
1,080 lines • 259 kB
HTML
<!DOCTYPE html>
<!-- saved from url=(0061)https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/08e6fc -->
<html class="full-height overflow-hidden" lang="en" data-styleguide-theme="4978" data-headlessui-focus-visible=""><script type="text/javascript" async="" src="./LageKompSteg10_files/insight.min.js.download"></script><script crossorigin="anonymous" integrity="sha256-gKzNK1gbmli1amJVFsNzLfxkyNI7OZS55NUIhor+lyM=" type="text/javascript" src="./LageKompSteg10_files/appcues.main.c59bdb8d4afa48850a5a865e5fa00fb2f06b3f4b.js.download" async=""></script><script src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/content/location/location.js" id="eppiocemhmnlbhjplcgkofciiegomcon"></script><script src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/libs/extend-native-history-api.js"></script><script src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/libs/requests.js"></script><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kom i gang · Red Cross Norway · zeroheight</title>
<meta property="og:title" content="Red Cross Norway · zeroheight">
<meta name="twitter:title" content="Red Cross Norway · zeroheight">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="https://zeroheight.com/uploads/9XMDeWFgZj0Kuxy7GHfHBA.svg">
<meta name="twitter:image" content="https://zeroheight.com/uploads/9XMDeWFgZj0Kuxy7GHfHBA.svg">
<link rel="stylesheet" href="./LageKompSteg10_files/plugin-4a494e7f121a21f8107858ef2ae2a4195419e15b227b90c9665c2a43f22cb9f2.css" media="all" data-turbolinks-track="true">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="referrer" content="origin">
<link rel="stylesheet" type="text/css" href="./LageKompSteg10_files/vendors.css">
<link rel="stylesheet" type="text/css" href="./LageKompSteg10_files/commons.css">
<link rel="stylesheet" type="text/css" href="./LageKompSteg10_files/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
<link href="./LageKompSteg10_files/css2" rel="stylesheet">
<meta name="robots" content="noindex">
<meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token" content="9ppRS9cgsbsgpNcQ-jSwOY184K9Lq5LskCn5xCazPjnIo_oXhVpLmbGsIfhXyJPGIkwS9o2OW0MBt39DLIGSiQ">
<link rel="icon" type="image/x-icon" href="https://zeroheight.com/favicon.ico">
<script nonce="">
function forgeryToken() {
return 'QYnEmi8055IpxNbWEEgPFEvMZyktEQndmNfHPEjGznd_sG_GfU4dsLjMID69tCzr5PyVcOs0wHIJSUG7QvRixw';
}
</script><script bis_use="true" type="text/javascript" charset="utf-8" data-bis-config="["facebook.com/","twitter.com/","youtube-nocookie.com/embed/","//vk.com/","//www.vk.com/","linkedin.com/","//www.linkedin.com/","//instagram.com/","//www.instagram.com/","//www.google.com/recaptcha/api2/","//hangouts.google.com/webchat/","//www.google.com/calendar/","//www.google.com/maps/embed","spotify.com/","soundcloud.com/","//player.vimeo.com/","//disqus.com/","//tgwidget.com/","//js.driftt.com/","friends2follow.com","/widget","login","//video.bigmir.net/","blogger.com","//smartlock.google.com/","//keep.google.com/","/web.tolstoycomments.com/","moz-extension://","chrome-extension://","/auth/","//analytics.google.com/","adclarity.com","paddle.com/checkout","hcaptcha.com","recaptcha.net","2captcha.com","accounts.google.com","www.google.com/shopping/customerreviews","buy.tinypass.com","gstatic.com","secureir.ebaystatic.com","docs.google.com","contacts.google.com","github.com","mail.google.com","chat.google.com","audio.xpleer.com","keepa.com","static.xx.fbcdn.net","sas.selleramp.com","1plus1.video","console.googletagservices.com","//lnkd.demdex.net/","//radar.cedexis.com/","//li.protechts.net/","challenges.cloudflare.com/","ogs.google.com"]" src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/traffic.js"></script>
<!-- adds key to window without starting -->
<script nonce="">
window.amplitude_api_key_no_start = '710046ca554fe7c78d358b8c5e09a168';
</script>
<!-- start Amplitude -->
<script nonce="">
window.amplitude_api_key = '710046ca554fe7c78d358b8c5e09a168';
</script><!-- end Amplitude -->
<!-- start sentry -->
<script nonce="">
window.SENTRY_DSN = 'https://2cda59db5cb04520a5bffe1736d73cee@sentry.io/1297203'
window.SENTRY_ENVIRONMENT = 'production'
</script>
<!-- end sentry -->
<!-- start ZH Google Tag Manager -->
<script nonce="">
dataLayer = window.dataLayer || [];
dataLayer.push({nonce: "72EvysKaT/te/XOKs76jX+kofC+xwwqeQgRucEwY5Ro="});
</script>
<!-- end ZH Google Tag Manager -->
<!-- Appcues analytics -->
<script nonce="">
window.AppcuesSettings = {
enableURLDetection: true
};
</script><script src="./LageKompSteg10_files/119582.js.download" nonce=""></script>
<!-- LinkedIn Tracking -->
<script nonce="">
_linkedin_partner_id = "5115098";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script><script nonce="">
(function(l) {
if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
window.lintrk.q=[]}
var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript";b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);})(window.lintrk);
</script><noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5115098&fmt=gif" />
</noscript>
<style id="_goober"> @keyframes go2264125279{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go3020080000{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes go463499852{from{transform:scale(0) rotate(90deg);opacity:0;}to{transform:scale(1) rotate(90deg);opacity:1;}}@keyframes go1268368563{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes go1310225428{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go651618207{0%{height:0;width:0;opacity:0;}40%{height:0;width:6px;opacity:1;}100%{opacity:1;height:10px;}}@keyframes go901347462{from{transform:scale(0.6);opacity:0.4;}to{transform:scale(1);opacity:1;}}.go4109123758{z-index:9999;}.go4109123758 > *{pointer-events:auto;}.go2072408551{display:flex;align-items:center;background:#fff;color:#363636;line-height:1.3;will-change:transform;box-shadow:0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);max-width:350px;pointer-events:auto;padding:8px 10px;border-radius:8px;}.go3958317564{display:flex;justify-content:center;margin:4px 10px;color:inherit;flex:1 1 auto;white-space:pre-line;}@keyframes go3223188581{0%{transform:translate3d(0,-200%,0) scale(.6);opacity:.5;}100%{transform:translate3d(0,0,0) scale(1);opacity:1;}}@keyframes go502128938{0%{transform:translate3d(0,0,-1px) scale(1);opacity:1;}100%{transform:translate3d(0,-150%,-1px) scale(.6);opacity:0;}}</style><style></style><style data-styled="active" data-styled-version="5.3.11"></style><style id="styleguide-themes"></style><style id="custom-zh-colors" type="text/css">.page-title * {
color: var(--colors-blocks-content-text-styleguide-title, #212121);
}
.page .category-name {
color: var(--colors-blocks-content-text-styleguide-secondary-body, #605f60);
}
.ql-editor table td {
color: var(--colors-blocks-content-text-styleguide-body, #212121);
}
.ql-container.page-introduction .ql-editor p {
color: var(--colors-blocks-content-text-styleguide-page-intro, #605f60);
}
.page-introduction .ProseMirror p.zheditor-p {
color: var(--colors-blocks-content-text-styleguide-page-intro, #605f60);
}
.page--wrapper {
background-color: var(--colors-blocks-content-background-styleguide-body, #ffffff)
}
/* notes editor should not be affected by theme */
.notes-editor p,
.notes-editor blockquote,
.notes-editor ul,
.notes-editor ol {
color: #212121;
}
.notes-editor h2 {
color: #212121;
}
.notes-editor h3 {
color: #212121;
}
.notes-editor h4 {
color: #212121;
}
.notes-editor a,
.notes-editor a b,
.notes-editor a strong {
color: #2265c9;
}
#texteditor-container p,
#texteditor-container blockquote,
#texteditor-container ul,
#texteditor-container ol {
color: var(--colors-blocks-content-text-styleguide-body, #212121);
}
#texteditor-container h2 {
color:var(--colors-blocks-content-text-large-heading, #212121);
}
#texteditor-container h3 {
color:var(--colors-blocks-content-text-small-heading, #212121);
}
#texteditor-container h4 {
color:var(--colors-blocks-content-text-smaller-heading, #212121);
}
#texteditor-container .sketch-item .name-row .name {
cursor: auto; color:var(--colors-blocks-upload-text-label, #212121);
}
#texteditor-container .sketch-item .name-row .name .edit svg * {
fill:var(--colors-blocks-upload-text-label, #212121);
}
#texteditor-container a, #texteditor-container a b, #texteditor-container a strong,
.details-box a,
.details-box a b,
.details-box a strong,
.editor-link .link {
color: var(--colors-blocks-content-text-link, #2265c9);
}
#texteditor-container p.show-placeholder:not(.drag-placeholder)::before{
color: var(--colors-blocks-content-text-placeholder, #9e9e9e)
}
.search-highlight{
padding-left: 1px !important;
padding-right: 1px !important;
background-color: var(--colors-ui-element-background-search-highlight, #E2EBF8) !important;
color:var(--colors-ui-element-text, #212121) !important;
}
.hr-border,
.divider {
background-color: var(--colors-blocks-content-border-main, #dedede);
}
.page-tabs .border-color-full,
.pattern-type.border-color-full,
.pattern-type > .border-color-full,
.resources .code.border-color-faint,
.tabs.border-color-full {
border-color: var(--colors-blocks-content-border-main, #dedede);
}
#texteditor-container blockquote {
border-left: 4px solid var(--colors-blocks-content-border-main, #dedede);
}
.page-tabs .accent-background{
background: var(--colors-blocks-tabs-border-active, #4d4d4d);
}
.active-tab.tab-view--name {
color: var(--colors-blocks-tabs-text-active, #212121);
}
.tab-view--name {
color: var(--colors-blocks-tabs-text-main, #605f60);
}
.ql-editor .table-wrapper table td{
border-color: var(--colors-blocks-table-border-main, #dedede);
}
.table-wrapper.show-header tr:first-child td{
background-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
border-color: var(--colors-blocks-table-border-main, #dedede) !important;
}
.table-wrapper.show-header.hide-border tr:first-child td{
border-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
}
.table-wrapper.show-header.border-style-rows tr:first-child td{
border-left-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
border-right-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
}
.table-wrapper.show-header tr:first-child{
background-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
}
.table-wrapper.highlight-even-rows tr:nth-child(odd) td{
background-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
}
.table-wrapper.highlight-even-rows.hide-border tr:nth-child(odd) td{
border-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
}
.table-wrapper.highlight-even-rows.border-style-rows tr:nth-child(odd) td{
border-left-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
border-right-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
}
.table-wrapper.highlight-even-rows tr:nth-child(odd){
background-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
}
.inner-code {
min-height: calc(100% - 32px);
color: #212121;
background-color: #fcfbfb;
font-size: 13px;
font-family: "Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace;
line-height: 20px;
-webkit-font-smoothing: antialiased;
padding:
16px
16px
16px
16px;
;
.prism-script {
color: #212121;
}
.prism-tag,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-params,
.hljs-variable,
.hljs-template-variable,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
color: #337D18;
font-style: #337D18;
}
.prism-property,
.prism-class-name,
.prism-boolean,
.prism-number,
.hljs-section,
.hljs-meta,
.hljs-link,
.hljs-attr {
color: #1e64cd;
font-style: #1e64cd;
}
.prism-punctuation,
.hljs-type,
.hljs-tag {
color: #212121;
font-style: #212121;
}
.prism-string-property,
.prism-string,
.prism-function,
.prism-attr-value,
.hljs-selector-tag,
.hljs-string,
.hljs-title {
color: #7744CB;
font-style: #7744CB;
}
.prism-builtin,
.prism-operator,
.prism-keyword,
.hljs-builtin-name,
.hljs-literal,
.hljs-keyword,
.hljs-built_in {
color: #cd2622;
font-style: #cd2622
}
.hljs-number {
color: #cd2622;
font-style: #cd2622;
}
.prism-comment,
.hljs-comment {
color: #605f60;
font-style: italic;
}
/* Resets to avoid unwanted inherited styles */
#texteditor-container .markdown pre.hljs code {
margin-left: unset;
padding: unset;
}
#texteditor-container .markdown h3 code,
#texteditor-container .markdown h2 code,
#texteditor-container .markdown h1 code {
margin: unset;
line-height: 1.4;
}
}
.ql-editor pre.ql-syntax {
color: #212121;
background-color: #fcfbfb;
font-size: 13px;
font-family: "Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace;
line-height: 20px;
-webkit-font-smoothing: antialiased;
padding:
16px
16px
16px
16px;
;
border: 1px solid var(--colors-blocks-content-border-main, #dedede);
border-left: 3px solid var(--colors-styleguide-background-accent, #2265c9);
}
.styleguide-settings-content {
--colors-ui-element-background-main: #ffffff;
--colors-ui-element-background-action: #2265c9;
--colors-ui-element-background-active: #eeeeee;
--colors-ui-element-background-hover: #f7f7f7;
--colors-ui-element-border: #dedede;
--colors-ui-element-text: #212121;
--colors-ui-element-text-secondary: #605f60;;
}</style><link href="./LageKompSteg10_files/css2(1)" rel="stylesheet" class="custom-zh-fonts"><style class="custom-zh-fonts" type="text/css">
#texteditor-container p,
#texteditor-container h2,
#texteditor-container h3,
#texteditor-container h4,
#texteditor-container h5,
#texteditor-container li {
max-width:560px;
}
}
.page-introduction-element {
max-width:560px;
}
#texteditor-container h2,
#texteditor-container h3,
#texteditor-container h4,
#texteditor-container h5,
#texteditor-container li {
padding-right: 300px;
}
}
.details-box li, .ui-selectmenu-menu li, .ui-autocomplete li{
padding-right: 0;
}
</style><iframe src="./LageKompSteg10_files/saved_resource.html"></iframe><iframe src="./LageKompSteg10_files/saved_resource(1).html"></iframe><iframe src="./LageKompSteg10_files/saved_resource(2).html"></iframe><link rel="stylesheet" type="text/css" integrity="oAzWkIGu2eINiA7AHWZtghnvS5DuvILEICBpL1HdPkY=" crossorigin="anonymous" href="./LageKompSteg10_files/container.c59bdb8d4afa48850a5a865e5fa00fb2f06b3f4b.css"><iframe src="./LageKompSteg10_files/saved_resource(3).html"></iframe><style data-tiptap-style="">.ProseMirror {
position: relative;
}
.ProseMirror {
word-wrap: break-word;
white-space: pre-wrap;
white-space: break-spaces;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}
.ProseMirror [contenteditable="false"] {
white-space: normal;
}
.ProseMirror [contenteditable="false"] [contenteditable="true"] {
white-space: pre-wrap;
}
.ProseMirror pre {
white-space: pre-wrap;
}
img.ProseMirror-separator {
display: inline !important;
border: none !important;
margin: 0 !important;
width: 1px !important;
height: 1px !important;
}
.ProseMirror-gapcursor {
display: none;
pointer-events: none;
position: absolute;
margin: 0;
}
.ProseMirror-gapcursor:after {
content: "";
display: block;
position: absolute;
top: -2px;
width: 20px;
border-top: 1px solid black;
animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}
@keyframes ProseMirror-cursor-blink {
to {
visibility: hidden;
}
}
.ProseMirror-hideselection *::selection {
background: transparent;
}
.ProseMirror-hideselection *::-moz-selection {
background: transparent;
}
.ProseMirror-hideselection * {
caret-color: transparent;
}
.ProseMirror-focused .ProseMirror-gapcursor {
display: block;
}
.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0
}</style></head>
<body data-no-turbolink="" class="disable-selecting p0 m0 white-background full-height zh-read-only overflow-hidden" __processed_3e82d255-16b1-4da9-b13a-596bb0bb6e97__="true" bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWllZ29tY29uIiwiYWRibG9ja2VyU3RhdHVzIjp7IkRJU1BMQVkiOiJkaXNhYmxlZCIsIkZBQ0VCT09LIjoiZGlzYWJsZWQiLCJUV0lUVEVSIjoiZGlzYWJsZWQiLCJSRURESVQiOiJkaXNhYmxlZCIsIlBJTlRFUkVTVCI6ImRpc2FibGVkIiwiSU5TVEFHUkFNIjoiZGlzYWJsZWQiLCJUSUtUT0siOiJkaXNhYmxlZCIsIkxJTktFRElOIjoiZGlzYWJsZWQiLCJDT05GSUciOiJkaXNhYmxlZCJ9LCJ2ZXJzaW9uIjoiMi4wLjMzIiwic2NvcmUiOjIwMDMzfV0="><div class="full-height flex-column" id="content" bis_skin_checked="1"><div class="full-height flex-column" bis_skin_checked="1"><div id="spinner-overlay" class="absolute flex-center white-background full-width full-height
half-opacity z6 t0 l0 display-none" bis_skin_checked="1">
<img src="./LageKompSteg10_files/spin.gif" alt="loading" class="block">
</div>
<a id="skip-link" class="skip-to-content" tabindex="0">Skip to content</a>
<!-- mobile warning -->
<div class="mobile-warning absolute pos-left0 pos-top0 z5 full-width full-height
white-background hide-above-700" bis_skin_checked="1">
<div class="flex-column mgx6" bis_skin_checked="1">
<div class="left-align mgt6" bis_skin_checked="1">
<img src="./LageKompSteg10_files/zh-full-logo.svg" alt="zeroheight" style="width:150px;height:auto;">
</div>
<div class="title type_heading-medium mgt8" bis_skin_checked="1">Refresh to view the mobile styleguide 📱</div>
<div class="subtitle type_interface-medium mgt2" bis_skin_checked="1"></div>
<div class="mgt4" bis_skin_checked="1">
<div class="mobile-button flex" bis_skin_checked="1"></div>
</div>
</div>
</div>
<div id="modal-on-top" bis_skin_checked="1"></div>
<div id="styleguide-switcher" bis_skin_checked="1"></div>
<div class="flex flex-column" bis_skin_checked="1">
<div id="banner-trial" bis_skin_checked="1"></div>
</div>
<nav id="zh-navbar" style="z-index: 5" aria-label="Styleguide editor navigation"></nav>
<nav id="styleguide-navbar" aria-label="Styleguide main navigation"></nav>
<div id="styleguide-navbar-dropdown" class="z5" bis_skin_checked="1"></div>
<div id="header" bis_skin_checked="1"></div>
<div class="banner flex flex-column" bis_skin_checked="1">
<div id="banner-billing-address" bis_skin_checked="1"></div>
<div id="banner-refresh" bis_skin_checked="1"></div>
<div id="banner-newsletter" bis_skin_checked="1"></div>
</div>
<div id="updates" bis_skin_checked="1"></div>
<div id="modal" bis_skin_checked="1"></div>
<div id="zh-cookie-banner" class="z5 fixed pos-bottom2 pos-left2" bis_skin_checked="1"></div>
<div id="notifications" bis_skin_checked="1"></div>
<div id="tooltip" bis_skin_checked="1"></div>
<div id="dropdown-react" class="z5 dropdown-react" bis_skin_checked="1"></div>
<div id="uploads-popin-container" bis_skin_checked="1"></div>
<div id="banner-upgrade" bis_skin_checked="1"></div>
<main id="132227" class="full-width full-height flex-grow flex-column"><div class="content flex-grow flex-column" style="min-height:0px;" bis_skin_checked="1"><div class="flex full-height flex-grow full-width relative" bis_skin_checked="1">
<p id="secondary-nav-label" class="visually-hidden" aria-hidden="true">Styleguide secondary navigation</p>
<nav class="left-pane wg60 flex absolute top0 left0 flex-column border-right border-color-full z4 full-height white-background side-bar-border" aria-labelledby="secondary-nav-label"><div class="flex-column full-height side-bar-background tree-bar-view relative" bis_skin_checked="1">
<div class="logo" bis_skin_checked="1"><div class="TreeBarViewstyled__LogoContainerStyled-hAHSwS bMWLMK" bis_skin_checked="1"><a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/6c39474a8" aria-label="Navigate to home page" data-testid="home-link-logo"><img src="./LageKompSteg10_files/8678425273c0a38990a7166e_Logo.png" aria-label="Styleguide logo" class="StyleguideNavbarstyled__LogoStyled-kptZPy fCBzkn" style="width: 100%;"></a></div></div>
<div class="mgt6 mgb6" bis_skin_checked="1">
<div class="search-box mgx6 border-box hg10
rounded-corners-input flex-vertical-center" style="border: 1px solid var(--colors-sidebar-border-main, #dedede);" bis_skin_checked="1">
<div class="styleguide-nav-bar-view--search-box-icon search-icon hg6 wg6 mgl4" bis_skin_checked="1"><i color="var(--colors-sidebar-text-icon, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY hjqCBo"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke" attributes="[object Object]"><path fill="#212121" fill-rule="evenodd" d="M11 4c-3.86599 0-7 3.13401-7 7 0 3.866 3.13401 7 7 7 3.866 0 7-3.134 7-7 0-3.86599-3.134-7-7-7m-9 7c0-4.97056 4.02944-9 9-9 4.9706 0 9 4.02944 9 9 0 4.9706-4.0294 9-9 9-4.97056 0-9-4.0294-9-9" clip-rule="evenodd" vector-effect="non-scaling-stroke" attributes="[object Object]"></path><path fill="#212121" fill-rule="evenodd" d="M15.9429 15.9429c.3905-.3905 1.0237-.3905 1.4142 0l4.35 4.35c.3905.3905.3905 1.0237 0 1.4142-.3905.3906-1.0237.3906-1.4142 0l-4.35-4.35c-.3905-.3905-.3905-1.0237 0-1.4142" clip-rule="evenodd" vector-effect="non-scaling-stroke" attributes="[object Object]"></path></svg></i></div>
<input type="search" placeholder="Search..." class="search search-text-input full-width flex-grow no-border-styling mgx2
side-foreground
no-background type_color-secondary
type_interface-medium">
</div>
<!-- results popup -->
<div class="results-container absolute z5 ml5 mt2 border-box flex-column display-none wg120" style="border-radius: 3px; border: 1px solid var(--colors-ui-element-border, #dedede); background: var(--colors-ui-element-background-main, #ffffff);" bis_skin_checked="1">
<div class="overflow-y-only flex-grow rounded-corners" bis_skin_checked="1">
<div class="results" bis_skin_checked="1"></div>
</div>
</div>
</div>
<div class="pages-wrapper flex-column overflow-y-auto pgb4 pgx2 max-full-width border-box nmgr1 overflow-momentum" bis_skin_checked="1">
<div class="full-height" bis_skin_checked="1"><div class="component full-height" bis_skin_checked="1"><div class="min-full-height full-height" bis_skin_checked="1"><div bis_skin_checked="1"><ul class="Sidebarstyled__SidebarStyled-nArwk jyyggU sidebar"><li class="Sidebarstyled__CategoryItemStyled-daOCpr jDxhip"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__CategoryListItemStyled-cguOCV eeZeJo sidebar--category" data-appid="sidebar-For Dev-category"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><span readonly="" type="interface.medium" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF exOAVa">For Dev</span></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="for-dev-expand-icon" aria-label="For Dev submenu" aria-pressed="true" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cRDEOk" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><div style="position: relative;" bis_skin_checked="1"><ul class="Sidebarstyled__SlidedownStyled-hNFULz kzafzw"><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Get started-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/14c4ef-get-started" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Get started</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Design Tokens-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/0779fa-design-tokens" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Design Tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></div></li><li class="Sidebarstyled__CategoryItemStyled-daOCpr jDxhip"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__CategoryListItemStyled-cguOCV eeZeJo sidebar--category" data-appid="sidebar-For Designere-category"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><span readonly="" type="interface.medium" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF exOAVa">For Designere</span></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="for-designere-expand-icon" aria-label="For Designere submenu" aria-pressed="true" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cRDEOk" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><div style="position: relative;" bis_skin_checked="1"><ul class="Sidebarstyled__SlidedownStyled-hNFULz kzafzw"><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Kom i gang-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Kom i gang</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="kom-i-gang-expand-icon" aria-label="Kom i gang submenu" aria-pressed="true" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cRDEOk" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz kzafzw"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/44a402" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Figma tilkobling</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/536ee0" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Oppstart</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs cftTFq Sidebarstyled__TabListItemStyled-rfyoG kYRTud sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="heading.small" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/08e6fc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC YJpHr hHnKMP">Lage ett nytt komponent</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/023552" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Praktiske eksempler</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/23b17a" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Token studio</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Farger-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/93e405-farger" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Farger</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="farger-expand-icon" aria-label="Farger submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/93e405-farger/b/44a402" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Sette opp ditt eget fargesystem</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/93e405-farger/b/56d43c" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Designsystemets temagenerator</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/93e405-farger/b/161b66" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Bruk fargene du har generert</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Bidra med design-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/27a5f1-bidra-med-design" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Bidra med design</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="bidra-med-design-expand-icon" aria-label="Bidra med design submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/27a5f1-bidra-med-design/b/44a402" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Foreslå nytt design eller forbedringer</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li></ul></div></li><li class="Sidebarstyled__CategoryItemStyled-daOCpr jDxhip"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__CategoryListItemStyled-cguOCV eeZeJo sidebar--category" data-appid="sidebar-Designelementer-category"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><span readonly="" type="interface.medium" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF exOAVa">Designelementer</span></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="designelementer-expand-icon" aria-label="Designelementer submenu" aria-pressed="true" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cRDEOk" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><div style="position: relative;" bis_skin_checked="1"><ul class="Sidebarstyled__SlidedownStyled-hNFULz kzafzw"><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Design Tokens-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/7994e9-design-tokens" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Design Tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="design-tokens-expand-icon" aria-label="Design Tokens submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/7994e9-design-tokens/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Hva er design tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/7994e9-design-tokens/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Design tokens I Figma</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Farger-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/3273c4-farger" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Farger</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="farger-expand-icon" aria-label="Farger submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/3273c4-farger/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Navnestruktur</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/3273c4-farger/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Oversikt og forklaring av farger</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/3273c4-farger/b/81795c" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Farge-tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Skygger-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/59bc8d-skygger" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Skygger</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="skygger-expand-icon" aria-label="Skygger submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/59bc8d-skygger/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Bruk av skygger i designet</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/59bc8d-skygger/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Skygge-tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Størrelse og avstander-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/436ec0-strrelse-og-avstander" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Størrelse og avstander</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="størrelse-og-avstander-expand-icon" aria-label="Størrelse og avstander submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/436ec0-strrelse-og-avstander/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Komponentstørrelser</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/436ec0-strrelse-og-avstander/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Størrelse-tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Typografi-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/0387fc-typografi" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Typografi</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="typografi-expand-icon" aria-label="Typografi submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/0387fc-typografi/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Font-family</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/0387fc-typografi/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Typografi-tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li></ul></div></li></ul></div></div></div></div>
</div>
<div class="mgb4 controls display-none" bis_skin_checked="1">
<hr class="mgx6 mgb6 hr-border separator">
<div class="add-category" bis_skin_checked="1"></div>
<div class="versioning" bis_skin_checked="1"></div>
<div class="styleguide-settings" bis_skin_checked="1"></div>
</div>
<div class="user-box mt-auto" bis_skin_checked="1"></div>
<div class="bottom-controls pt1 pb1" bis_skin_checked="1">
<div class="theme-switcher flex flex-row flex-align-content-top mgx2" bis_skin_checked="1"></div>
<div class="releases-dropdown flex flex-row flex-align-content-top mgb2 mgx2 display-none" bis_skin_checked="1"></div>
</div>
<div class="flex-grow" bis_skin_checked="1"></div>
<a href="https://zeroheight.com/?utm_source=zh_made_with" target="_blank" class="block created pg6 neutrals-subtle-background">
<div class="type_interface-small type_color-secondary" bis_skin_checked="1">
Styleguide created with
</div>
<div class="zh-logo mgt2" bis_skin_checked="1"><i height="8" class="SvgImagestyled__SvgImageStyled-hRIQwA lamCqn"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 25" role="img"><g clip-path="url(#__3YQvDxo__a)"><path fill="#333" d="M35.0744 8.67227V7.23193h-7.668v1.4612h5.693l-5.798 7.44997v1.4404h7.878v-1.4612h-5.903zM44.1735 7.6594c-.728-.45196-1.604-.67844-2.626-.67844s-1.922.22648-2.7.67844c-.777.45197-1.383 1.08174-1.817 1.88833-.434.80657-.651 1.76017-.651 2.85877 0 1.0987.221 2.0344.662 2.8489.441.8136 1.047 1.4473 1.817 1.8993.77.4519 1.652.6784 2.647.6784.826 0 1.551-.146 2.174-.438.623-.2921 1.145-.6884 1.565-1.1891.42-.5006.721-1.0708.903-1.7115h-1.744c-.224.5702-.581 1.0232-1.071 1.3569-.49.3338-1.1.5007-1.828.5007-.588 0-1.142-.1431-1.66-.4282-.518-.285-.938-.7132-1.26-1.2833-.284-.5017-.435-1.1185-.469-1.8367h8.305c.014-.1947.021-.3715.021-.5324v-.449c0-.8622-.196-1.6589-.588-2.389s-.953-1.32114-1.681-1.7741zm-6.045 3.7876c.054-.5543.201-1.0321.447-1.4294.315-.50762.732-.89402 1.25-1.15825s1.078-.39634 1.681-.39634c.896 0 1.642.26423 2.237.79268s.914 1.25951.956 2.19131zM50.2711 8.02594c-.364.33376-.658.73805-.882 1.20988l-.147-2.00355h-1.597V17.5828h1.765v-5.217c0-.6814.087-1.2526.263-1.7115.175-.4589.42-.82049.735-1.08472.315-.26422.679-.45494 1.092-.57414.413-.11821.851-.17781 1.313-.17781h.483V6.98096c-.644 0-1.218.09039-1.723.27118-.504.18078-.938.43806-1.303.77182zM61.7731 7.64848c-.785-.44502-1.667-.66752-2.647-.66752s-1.866.2225-2.658.66752c-.791.44501-1.418 1.07478-1.88 1.88832-.462.8135-.693 1.7701-.693 2.8697 0 1.0997.227 2.0562.683 2.8698.455.8135 1.075 1.4433 1.859 1.8883s1.667.6675 2.647.6675q1.47 0 2.658-.6675c.791-.445 1.418-1.0748 1.88-1.8883.462-.8136.693-1.7701.693-2.8698 0-1.0996-.228-2.0552-.683-2.8697-.455-.81354-1.075-1.44331-1.859-1.88832m.252 6.92752c-.322.5841-.743 1.0221-1.261 1.3142-.518.292-1.079.438-1.681.438s-1.138-.146-1.649-.438c-.511-.2921-.928-.7301-1.25-1.3142s-.483-1.3072-.483-2.1704c0-.8633.161-1.6033.483-2.1804.322-.57714.746-1.01222 1.271-1.30426s1.082-.43806 1.67-.43806 1.141.14602 1.66.43806c.518.29204.935.72712 1.25 1.30426.315.5771.473 1.3042.473 2.1804 0 .8761-.161 1.5863-.483 2.1704M72.9703 7.47117c-.602-.32681-1.303-.49071-2.101-.49071s-1.474.17781-2.111.53243-1.131.85228-1.481 1.49198V2.55615h-1.765V17.5813h1.765v-5.363c0-.8066.14-1.485.42-2.0343.28-.54936.665-.97053 1.155-1.26257s1.036-.43806 1.639-.43806c.868 0 1.523.27118 1.964.81354s.662 1.34999.662 2.42079v5.8636h1.744v-6.0514c0-1.0291-.165-1.88135-.494-2.55681-.329-.67448-.795-1.17512-1.397-1.50292zM83.8571 7.6594c-.728-.45196-1.604-.67844-2.626-.67844s-1.922.22648-2.7.67844c-.777.45197-1.383 1.08174-1.817 1.88833-.434.80657-.651 1.76017-.651 2.85877 0 1.0987.221 2.0344.662 2.8489.441.8136 1.047 1.4473 1.817 1.8993.77.4519 1.652.6784 2.647.6784.826 0 1.551-.146 2.174-.438.623-.2921 1.145-.6884 1.565-1.1891.42-.5006.721-1.0708.903-1.7115h-1.744c-.224.5702-.581 1.0232-1.071 1.3569-.49.3338-1.1.5007-1.828.5007-.588 0-1.142-.1431-1.66-.4282-.518-.285-.938-.7132-1.26-1.2833-.284-.5017-.435-1.1185-.469-1.8367h8.305c.014-.1947.021-.3715.021-.5324v-.449c0-.8622-.196-1.6589-.588-2.389s-.953-1.32114-1.681-1.7741zm-6.046 3.7876c.054-.5543.201-1.0321.447-1.4294.315-.50762.732-.89402 1.25-1.15825s1.078-.39634 1.681-.39634c.896 0 1.642.26423 2.237.79268s.914 1.25951.956 2.19131zM88.5438 2.55615c-.35 0-.641.10728-.872.32284-.231.21654-.347.49766-.347.84532 0 .34767.115.63673.347.86619.231.22946.522.34469.872.34469s.623-.11424.861-.34469c.238-.22946.357-.51852.357-.86619 0-.34766-.119-.62977-.357-.84532-.238-.21556-.525-.32284-.861-.32284M89.4258 7.23193h-1.765V17.5825h1.765zM95.7525 6.98096c-.882 0-1.632.16688-2.248.50064s-1.085.77579-1.408 1.3251c-.322.54932-.483 1.16518-.483 1.8466 0 .6814.161 1.3013.483 1.8575.195.3368.451.6268.753.8791l-1.783 1.7712v.4797c.196.1808.417.3547.662.5215.202.1381.446.2633.729.3765-.236.158-.437.3248-.603.4997-.329.3476-.56.6993-.693 1.0539s-.2.6854-.2.9913c0 .7371.203 1.3569.609 1.8576.406.5006.973.8731 1.702 1.1165.728.2433 1.562.3655 2.5.3655 1.064 0 1.936-.1738 2.616-.5215.679-.3476 1.183-.7927 1.513-1.336.3295-.5424.4945-1.1135.4945-1.7115s-.13-1.0957-.389-1.5337c-.2595-.4381-.6765-.7897-1.2505-1.054-.574-.2642-1.331-.4311-2.269-.5006-.7-.0556-1.26-.1113-1.681-.1669-.42-.0556-.749-.1182-.987-.1877-.238-.0696-.427-.149-.567-.2394-.05-.0318-.105-.0725-.157-.1073l1.051-.9695c.476.15 1.008.2315 1.606.2315.882 0 1.631-.1639 2.248-.4907.616-.3269 1.085-.7689 1.408-1.3252.322-.5562.483-1.1751.483-1.8575 0-.68241-.161-1.29728-.483-1.8466-.036-.06158-.081-.11622-.12-.17482l1.9485-.08543V7.23227h-3.8295c-.487-.1639-1.036-.25032-1.654-.25032zm.336 10.20454c.994.0556 1.67.2473 2.027.5741s.536.7122.536 1.1582q0 .6258-.357 1.0848c-.238.3059-.571.5463-.998.7201-.427.1739-.935.2613-1.523.2613s-1.117-.0765-1.586-.2295-.837-.3824-1.103-.6884c-.266-.3059-.399-.6883-.399-1.1483q0-.4797.336-1.0638c.186-.3238.546-.6189 1.072-.8861.541.0914 1.203.1649 1.995.2186zm1.439-4.8723c-.441.3824-1.033.5741-1.775.5741s-1.338-.1907-1.786-.5741c-.448-.3825-.672-.9357-.672-1.6589 0-.72314.224-1.25557.672-1.638.448-.38244 1.043-.57415 1.786-.57415s1.334.19171 1.775.57415c.441.38243.662.92876.662 1.638 0 .7092-.221 1.2764-.662 1.6589M109.892 7.47117c-.602-.32681-1.303-.49071-2.101-.49071s-1.474.17781-2.111.53243-1.131.85228-1.481 1.49198V2.55615h-1.765V17.5813h1.765v-5.363c0-.8066.14-1.485.42-2.0343.28-.54936.665-.97053 1.155-1.26257s1.036-.43806 1.639-.43806c.868 0 1.523.27118 1.964.81354s.662 1.34999.662 2.42079v5.8636h1.744v-6.0514c0-1.0291-.165-1.88135-.494-2.55681-.329-.67448-.795-1.17512-1.397-1.50292zM119.624 8.71099V7.22894h-3.067V4.74561h-1.534l-.231 2.48333h-1.807v1.48205h1.807v5.69681c0 .7926.122 1.4224.368 1.8883.245.4659.599.7966 1.061.9913s1.008.2921 1.639.2921h1.597v-1.5029h-1.092c-.672 0-1.142-.1143-1.408-.3447-.266-.2295-.399-.6715-.399-1.3251V8.71h3.067z"></path><path fill="#FF4852" d="M12.6989 1.1869 2.40722.500488 1.72725 10.8897l10.29175.6865zM11.7568 15.2447l2.1379-10.18593L23.985 7.21696zM16.6351 24.5005c2.8479 0 5.1566-2.3306 5.1566-5.2055s-2.3087-5.2054-5.1566-5.2054-5.1566 2.3305-5.1566 5.2054 2.3087 5.2055 5.1566 5.2055"></path><path fill="#FF4852" d="M12.0213 11.5733c-5.68061-.418-10.6222 3.8924-11.036315 9.6269l10.286415.757z"></path></g><defs><clippath id="__3YQvDxo__a"><path fill="#fff" d="M.484985.500488h119.2v24h-119.2z"></path></clippath></defs></svg></i></div>
</a>
</div></nav>
<div class="expander absolute top0 pos-left59 wg2 z3 full-height hover-cursor-resize" bis_skin_checked="1"></div>
<article class="right-pane full-width border-box relative flex-grow flex-column pgl60" style="padding-left: 240px;"><div class="full-width full-height relative" bis_skin_checked="1"><div class="full-width full-height absolute flex-column" bis_skin_checked="1"><div tabindex="-1" class="page--wrapper full-width full-height overflow-anchor-none overflow-y-scroll overflow-x-auto overflow-momentum flex-column page__read-only" bis_skin_checked="1"><div class="banner absolute z3 pos-top0 pos-left0 full-width" bis_skin_checked="1">
<div class="banner-trial" bis_skin_checked="1"></div>
<div class="banner-billing-address" bis_skin_checked="1"></div>
<div class="banner-refresh" bis_skin_checked="1"></div>
<div class="banner-newsletter" bis_skin_checked="1"></div>
</div>
<div class="page-banner-container pos-top0" bis_skin_checked="1"><div class="Box-hsdYAF kLQJTa" bis_skin_checked="1"></div></div>
<div class="page-modal-container" bis_skin_checked="1"></div>
<div class="banner-space" bis_skin_checked="1"></div>
<div class="synced-page-banner " bis_skin_checked="1"></div>
<div class="banner relative full-width" bis_skin_checked="1">
<div class="banner-preview-mode" bis_skin_checked="1"></div>
</div>
<div class="relative" bis_skin_checked="1">
<div class="miwg242 pagehero border-box full-width full-cover" bis_skin_checked="1"></div>
<div class="cover--frozen-overlay" bis_skin_checked="1"></div>
</div>
<div id="main-content" tabindex="-1" bis_skin_checked="1">
<div class="page relative mx-auto mxwg212 miwg212 px12 pgt24 pgb24" bis_skin_checked="1">
<div class="page--outline right-align z2 sticky zeroheight pos-top12 translatez0" bis_skin_checked="1"><nav offset="48" class="PageOutlinestyled__PageOutlineStyled-ebOIwA hsQNYO"><div aria-pressed="false" tabindex="0" role="button" aria-label="Page contents" aria-describedby="page-outline__assistive-description" class="PageOutlinestyled__IconHeaderStyled-dBhSCf gbdOFP" bis_skin_checked="1"><i color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M3 6c0-.55228.44772-1 1-1h10c.5523 0 1 .44772 1 1s-.4477 1-1 1H4c-.55228 0-1-.44772-1-1M3 10c0-.55228.44772-1 1-1h16c.5523 0 1 .44772 1 1 0 .5523-.4477 1-1 1H4c-.55228 0-1-.4477-1-1M3 14c0-.5523.44772-1 1-1h12c.5523 0 1 .4477 1 1s-.4477 1-1 1H4c-.55228 0-1-.4477-1-1M3 18c0-.5523.44772-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H4c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><div class="Box-hsdYAF kLQJTa" bis_skin_checked="1" style="margin-left: 8px; justify-content: center; display: none;"><span type="heading.small" color="var(--colors-ui-element-text, #212121)" class="Text-iXOHMN GeneM">Outline</span></div></div></nav><span id="page-outline__assistive-description" style="display: none;">When expanded use tab to review current page headings and press enter or space to navigate to the selected section</span></div>
<div class="page--frozen-overlay" bis_skin_checked="1"></div>
<div class="block--actions" bis_skin_checked="1"></div>
<div class="page--helper-button" bis_skin_checked="1"></div>
<div class="page--comments-container" bis_skin_checked="1"></div>
<div class="page--preview-tooltips-container" bis_skin_checked="1"></div>
<div class="empty" bis_skin_checked="1"></div>
<!-- Hide on load and only show if needed -->
<div class="title-frame relative" bis_skin_checked="1">
<div class="flex" bis_skin_checked="1">
<div class="category" bis_skin_checked="1"><div class="category-name" spellcheck="false" autocorrect="off" contenteditable="false" placeholder="New category" bis_skin_checked="1">For Designere</div></div>
</div>
<div class="title-wrap flex flex-align-items-center" bis_skin_checked="1">
<div class="page-title" id="page-title__annotation-container" translate="yes" bis_skin_checked="1"><h1 class="type_heading-xxlarge mgb4" spellcheck="false" autocorrect="off" contenteditable="false" placeholder="New page" data-block-id="page-title">Kom i gang</h1></div>
<div class="page-status-tag" bis_skin_checked="1"><div data-testid="status-tag" class="StatusTagstyled__StatusTagWrapperStyled-hbnOMj dMHMyf" bis_skin_checked="1"><span class="TagCorestyled__TagWrapperStyled-bZcYpU bEfimh"><span class="TagCorestyled__TagCoreStyled-giVumc cgQMVE">In progress</span></span></div></div>
</div>
</div>
<div class="introduction" bis_skin_checked="1"><div class="page-introduction-element mgb8" bis_skin_checked="1" style="display: none;"><div class="entry page-introduction" id="page-introduction-view__container" bis_skin_checked="1"></div>
<div class="last-edited-container mgt4" bis_skin_checked="1"></div>
</div></div>
<div class="shortcut-tiles" bis_skin_checked="1"></div>
<div class="tabs page-tabs relative pos-nleft4 mgb8 hg14 z0" translate="yes" bis_skin_checked="1"><div class="full-height flex overflow-x-scroll tiny-scrollbar overflow-x-only mxwg218" bis_skin_checked="1"><div class="full-height flex" bis_skin_checked="1"><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
<a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/44a402" class="name relative tab-view--name type_interface-medium"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
<div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name" '="" bis_skin_checked="1">
Figma tilkobling
</div>
<div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
<div class="edit-icon" bis_skin_checked="1"></div>
</div>
</div></a>
<div class="line relative z0 pos-bottom0 pos-left0 absolute full-width accent-background display-none" style="height: 2px; " bis_skin_checked="1"></div>
<div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
</div><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
<a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/536ee0" class="name relative tab-view--name type_interface-medium"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
<div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name
" '="" bis_skin_checked="1">
Oppstart
</div>
<div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
<div class="edit-icon" bis_skin_checked="1"></div>
</div>
</div></a>
<div class="line relative z0 display-none pos-bottom0 pos-left0 absolute full-width accent-background" style="height: 2px; " bis_skin_checked="1"></div>
<div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
</div><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
<a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/08e6fc" class="name relative tab-view--name active-tab type_heading-small"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
<div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name bold" '="" bis_skin_checked="1">
Lage ett nytt komponent
</div>
<div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
<div class="edit-icon" bis_skin_checked="1"></div>
</div>
</div></a>
<div class="line relative z0 pos-bottom0 pos-left0 absolute full-width accent-background" style="height: 2px; " bis_skin_checked="1"></div>
<div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
</div><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
<a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/023552" class="name relative tab-view--name type_interface-medium"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
<div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name
" '="" bis_skin_checked="1">
Praktiske eksempler
</div>
<div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
<div class="edit-icon" bis_skin_checked="1"></div>
</div>
</div></a>
<div class="line relative z0 display-none pos-bottom0 pos-left0 absolute full-width accent-background" style="height: 2px; " bis_skin_checked="1"></div>
<div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
</div><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
<a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/23b17a" class="name relative tab-view--name type_interface-medium"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
<div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name
" '="" bis_skin_checked="1">
Token studio
</div>
<div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
<div class="edit-icon" bis_skin_checked="1"></div>
</div>
</div></a>
<div class="line relative z0 display-none pos-bottom0 pos-left0 absolute full-width accent-background" style="height: 2px; " bis_skin_checked="1"></div>
<div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
</div></div>
<div class="line absolute pos-bottom0 pos-left4 border-bottom border-color-full mxwg212" style="height:1px; width: 100%; z-index: -1;" bis_skin_checked="1"></div></div></div>
<div class="relative" bis_skin_checked="1">
<div class="content" bis_skin_checked="1"><div class="BodyEditor__StyledBodyEditor-cxhtsj drhdMd" bis_skin_checked="1"><div data-tiptap="true" data-testid="body-editor" data-editor-name="body" class="ZhEditor__StyledZhEditor-maceX hMnSYR" bis_skin_checked="1"><div name="body" class="ZhEditorstyled__EditorContainerStyled-dHtYux gSmklX" bis_skin_checked="1"><div class="ZhEditorstyled__EditorContentStyled-fkfFpn cHKJRG" bis_skin_checked="1"><div contenteditable="false" translate="yes" class="tiptap ProseMirror" bis_skin_checked="1"><h3 class="zheditor-heading" data-block-id="0faa20ebb4">Lage nye komponenter</h3><p class="zheditor-p" data-block-id="29e63763ff">Denne siden forklarer hvordan man bygger nye komponenter i designsystemet. Målet er å sikre at komponentene er konsistente, skalerbare, tilgjengelige og enkle å bruke både i design og utvikling.</p><p class="zheditor-p" data-block-id="d5e2efdfc5"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="93e39000f9">Tokens som grunnlag</h3><p class="zheditor-p" data-block-id="0d59bdeacf">Alle komponenter skal bygges med tokens. Tokens er de grunnleggende verdiene i systemet og gjør det mulig å oppdatere eller tilpasse design uten å endre hver enkelt komponent.</p><ul class="zheditor-ul" data-block-id="d76c0345b4"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Autolayout</strong><br data-block-id="">Bruk alltid Autolayout i Figma. Det gir produksjonsklare filer og speiler hvordan kode er strukturert.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Størrelsestokens</strong><br data-block-id="">Bruk tokens for spacing, padding og dimensjoner. Unngå manuelle verdier.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Semantiske tokens</strong><br data-block-id="">Benytt semantiske tokens for farger, typografi og spacing. Dette sikrer støtte for lys og mørk modus, ulike størrelser og temaer – og gjør komponentene direkte koblet til kode.</p></li></ul><p class="zheditor-p" data-block-id="f44b0bd874"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="523c795a8d">Bygging med atomisk design</h3><p class="zheditor-p" data-block-id="dc2331c6fa">Komponenter settes sammen hierarkisk etter atomisk design:</p><ul class="zheditor-ul" data-block-id="28e608d1ef"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Atomer</strong> – de minste byggeklossene (f.eks. knapp, ikon, inputfelt).</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Molekyler</strong> – sammensatte atomer (f.eks. søkefelt = input + knapp).</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Organismer</strong> – større helheter laget av molekyler (f.eks. skjema eller navigasjon).</p></li></ul><p class="zheditor-p" data-block-id="1c5decbb27">Dette prinsippet gjør komponentene modulære og gjenbrukbare.</p><div data-block-id="1531cc9fdf" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="Eksempel på atomisk design struktur i en kort modul" data-testid="image" src="./LageKompSteg10_files/apBtKWkc1mll4GbjWV1itQ.png" style="width: 924px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width caption-input-center-align" bis_skin_checked="1"><p data-testid="caption" class="ImageCaptionstyled__ReadOnlyImageCaptionStyled-debNWe ejZju">Eksempel på atomisk design struktur i en kort modul</p></div>
</div>
<div class="image-block--caption full-width editable-caption caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><h3 class="zheditor-heading" data-block-id="4303677b27">Eksempel Kalender Modul</h3><p class="zheditor-p" data-block-id="ccca882572">Trinn 1: Begynn på atomisk nivå</p><ul class="zheditor-ul" data-block-id="3617f2ac2d"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Se for deg atomene som trengs når du lager en kalender. Eksempelvis kan det være:</p><ul class="zheditor-ul" data-block-id=""><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Tekst</strong></p><ul class="zheditor-ul" data-block-id=""><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Måned/år (f.eks. "August 2025")</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Ukedagsnavn (man, tir, ons …)</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Dato-nummer (1, 2, 3 …)</p></li></ul></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Ikoner</strong></p><ul class="zheditor-ul" data-block-id=""><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Piltaster for navigasjon (forrige/neste måned)</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Eventuelt ikon for «dagens dato» eller «reset»</p></li></ul></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Knapper</strong></p><ul class="zheditor-ul" data-block-id=""><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Navigasjonsknapper (forrige/neste måned)</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Dato-knapp (hver dato er en interaktiv knapp)</p></li></ul></li></ul></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Vi vet at vi allerede har <code class="zheditor-inline-code" data-block-id="">icon-button</code> så den kan vi enkelt hente ut fra komponent bibiloteket</p></li></ul><div data-block-id="8159348f85" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/Aw20NIA8X4v0fH4RvfXTjQ.png" style="width: 924px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
<div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><p class="zheditor-p" data-block-id="8b03e3a066"><br class="ProseMirror-trailingBreak"></p><p class="zheditor-p" data-block-id="91549c9d66"><strong data-block-id="">Trinn 2: Start med å bygge ut atomene dine</strong></p><ul class="zheditor-ul" data-block-id="19747536f9"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">I vårt tilfelleI vårt tilfelle vil vi trenge ett celle komponent som viser ukedagene og dato-nummer i en mnd. Her kan vi bruke samme atom for ukedagsnavn og dato-nummer</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Vi lager to elementer som vi kaller "cell" og legger til autolayout og appellerer token verdiene</p></li></ul><div data-block-id="54b327b1a0" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/dEnCU8pawlFGymt29wheGA.png" style="width: 924px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
<div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><p class="zheditor-p" data-block-id="b764c35083"><strong data-block-id="">Trinn 3: Lag variantene du trenger</strong></p><ul class="zheditor-ul" data-block-id="b9bc6d826f"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">I vårt tilfelle vil vi trenge ett celle komponent som viser ukedagene og dagene i en mnd</p></li></ul><div data-block-id="66f7f149d6" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/Szjd1fzYpuonRposgc9Hxg.png" style="width: 924px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
<div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><p class="zheditor-p" data-block-id="d758147e71"><strong data-block-id="">Trinn 4: Sett sammen molekylet</strong></p><div data-block-id="a2371d7e7e" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/OkCzs12gou5bKwg6UM6i_g.png" style="width: 588px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
<div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><p class="zheditor-p" data-block-id="8853305608"><strong data-block-id="">Trinn 5: Bygg ut organismen</strong></p><ul class="zheditor-ul" data-block-id="41e8ed81e7"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Her legger vi sammen molekylene til en tabell</p></li></ul><div data-block-id="d1707f07db" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/x6weQw9segigXP6wNu0oLQ.png" style="width: 588px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
<div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><p class="zheditor-p" data-block-id="c42bfeafff"><strong data-block-id="">Trinn 6:</strong> <strong data-block-id="">Legg til riktig states</strong></p><div data-block-id="85830a2624" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/edlFwshaBG8nzz416hRKhw.png" style="width: 588px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
<div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><p class="zheditor-p" data-block-id="113645d129"><strong data-block-id="">Trinn 7: Gjør ferdig organismen med eksisterende elementer</strong></p><div data-block-id="38a1e473ee" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/eD5pBu-OuSjw5S3ixiE2_g.png" style="width: 588px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
<div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><p class="zheditor-p" data-block-id="5d32a9ecca"><strong data-block-id="">Trinn 8: Bygg ut med flere varianter hvis det gir mening</strong></p><div data-block-id="e52b108bf5" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
<div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
<div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
<div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
<img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/sR8dAzLIjEs0LcFCqtyoww.png" style="width: 588px;">
<div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
<div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
<div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
</div>
</div>
<!-- hidden file input -->
<input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
<div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
<div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
<div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="settings-popout-container" bis_skin_checked="1"></div>
<div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
</div>
</div>
</div></div></div></div><h3 class="zheditor-heading" data-block-id="c208935d3f">Varianter og tilstander</h3><p class="zheditor-p" data-block-id="7027d07abb">Alle komponenter skal ha definerte varianter og interaksjonstilstander:</p><ul class="zheditor-ul" data-block-id="2ca46888c8"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Bruk <strong data-block-id="">Figma Variants</strong> i stedet for duplisering.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Minimumstilstander: <em data-block-id="">default, hover, pressed, disabled, focus</em>. Litt ut fra kontekst</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Opprett en ny variant når det gjelder en tilpasning av samme komponent, og en ny komponent kun når funksjonen er unik.</p></li></ul><p class="zheditor-p" data-block-id="1e382cc09b"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="0ae4420ae9">Tilgjengelighet</h3><p class="zheditor-p" data-block-id="5539ffd606">Tilgjengelighet skal alltid ivaretas:</p><ul class="zheditor-ul" data-block-id="ada678a475"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Følg WCAG-kontrastkrav (minimum 4.5:1 for tekst).</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Interaktive flater skal ha minst 44 × 44 px treffflate.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Fokustilstand skal alltid være synlig, også uten hover.</p></li></ul><p class="zheditor-p" data-block-id="9fbcac57ac"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="af83069d79">Responsivitet</h3><p class="zheditor-p" data-block-id="02b7a8cd69">Komponenter skal fungere på tvers av skjermstørrelser og layouts:</p><ul class="zheditor-ul" data-block-id="129242d253"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Bruk størrelsestokens for spacing og dimensjoner.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Støtt små, mellomstore og store layoutvarianter.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Sørg for at komponenter brytes eller stackes logisk i mindre formater.</p></li></ul><p class="zheditor-p" data-block-id="9597af6603"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="6e53129304">Gjenbruk i kontekst</h3><p class="zheditor-p" data-block-id="5e3c3896a9">En komponent skal alltid kunne brukes i ulike sammenhenger.<br data-block-id="">Vis derfor eksempler i dokumentasjonen, som:</p><ul class="zheditor-ul" data-block-id="e8044e473e"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">knapp i et skjema</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">kort i et grid</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">inputfelt i en dialogboks</p></li></ul><p class="zheditor-p" data-block-id="0d2e2d15c4"><br class="ProseMirror-trailingBreak"></p><div class="react-renderer node-rules" contenteditable="false" draggable="true" bis_skin_checked="1"><div data-block-id="1fe76fed47" data-node-view-wrapper="" style="white-space: normal; margin-top: -10px;" bis_skin_checked="1"><div data-testid="actions-wrapper" class="Box-hsdYAF ActionMenuContainer__StyledActionsWrapper-XFguf kLQJTa gwixzq" bis_skin_checked="1"><div class="Box-hsdYAF kLQJTa" style="position: relative; overflow: initial;" bis_skin_checked="1"><div class="DosAndDontsstyled__DosAndDontsContainerStyled-iDDHA-D hRJCDw" bis_skin_checked="1"><div class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__EmptyOptionsTileStyled-mJFus fqrfAu gepodJ" bis_skin_checked="1"></div><div data-cy="dd-image-container-0" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu lopnoP" bis_skin_checked="1"></div><div data-cy="dd-text-container-0" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu hdatgc" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-do, #bdf4e9)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY cZBtqp"><i class="Iconstyled__IconStyled-gPYeWY gPnPbw Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-do, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M20.7071 6.29289c.3905.39053.3905 1.02369 0 1.41422L9.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0l-5-5c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3905 1.02369-.3905 1.41422 0L9 16.5858 19.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-do, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN heqgbr">Do</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Bruk Autolayout og tokens konsekvent.</div></div><div data-cy="dd-image-container-1" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu cSJKzD" bis_skin_checked="1"></div><div data-cy="dd-text-container-1" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu dAiAYI" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-do, #bdf4e9)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY cZBtqp"><i class="Iconstyled__IconStyled-gPYeWY gPnPbw Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-do, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M20.7071 6.29289c.3905.39053.3905 1.02369 0 1.41422L9.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0l-5-5c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3905 1.02369-.3905 1.41422 0L9 16.5858 19.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-do, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN heqgbr">Do</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Følg atomisk design-struktur.</div></div><div data-cy="dd-image-container-2" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu eygCft" bis_skin_checked="1"><div data-testid="dd-color-box-styled" spacing="0" class="Box-hsdYAF DosAndDontsstyled__DosAndDontsColoredBoxStyled-ktvqvx jtcrxj hNulRr" bis_skin_checked="1"><div class="Box-hsdYAF DosAndDontsstyled__DosAndDontsImageBoxStyled-bJBbrC kLQJTa chaNoC" bis_skin_checked="1"><img alt="" src="./LageKompSteg10_files/5Cz6pIkuV1E2RnEPlt0Hpg.png" class="DosAndDontsstyled__ImageStyled-bQgmfa gbeuld" style="max-width: 100%;"></div></div><div class="DosAndDontsstyled__DosAndDontsImageSpacingStyled-iNvtxy feZCJI" bis_skin_checked="1"></div></div><div data-cy="dd-text-container-2" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu fbkLNW" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-do, #bdf4e9)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY cZBtqp"><i class="Iconstyled__IconStyled-gPYeWY gPnPbw Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-do, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M20.7071 6.29289c.3905.39053.3905 1.02369 0 1.41422L9.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0l-5-5c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3905 1.02369-.3905 1.41422 0L9 16.5858 19.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-do, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN heqgbr">Do</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Definer varianter og interaksjonstilstander med Figma Variants.</div></div><div data-cy="dd-image-container-3" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu ininzt" bis_skin_checked="1"><div data-testid="dd-color-box-styled" spacing="0" class="Box-hsdYAF DosAndDontsstyled__DosAndDontsColoredBoxStyled-ktvqvx jtcrxj hNulRr" bis_skin_checked="1"><div class="Box-hsdYAF DosAndDontsstyled__DosAndDontsImageBoxStyled-bJBbrC kLQJTa chaNoC" bis_skin_checked="1"><img alt="" src="./LageKompSteg10_files/423mZ5EZ77GBsUg-Ih2UXw.png" class="DosAndDontsstyled__ImageStyled-bQgmfa gbeuld" style="max-width: 100%;"></div></div><div class="DosAndDontsstyled__DosAndDontsImageSpacingStyled-iNvtxy feZCJI" bis_skin_checked="1"></div></div><div data-cy="dd-text-container-3" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu bbiKaS" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-do, #bdf4e9)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY cZBtqp"><i class="Iconstyled__IconStyled-gPYeWY gPnPbw Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-do, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M20.7071 6.29289c.3905.39053.3905 1.02369 0 1.41422L9.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0l-5-5c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3905 1.02369-.3905 1.41422 0L9 16.5858 19.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-do, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN heqgbr">Do</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Dokumenter med eksempler på gjenbruk.</div></div><div data-cy="dd-image-container-4" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu fZRwmn" bis_skin_checked="1"></div><div data-cy="dd-text-container-4" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu cguoPP" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Ikke bland lys og mørk modus i samme komponent.</div></div><div data-cy="dd-image-container-5" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu iTHCVX" bis_skin_checked="1"></div><div data-cy="dd-text-container-5" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu jehOun" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Ikke bruk manuelle verdier for farger, spacing eller typografi.</div></div><div data-cy="dd-image-container-6" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu hURyIC" bis_skin_checked="1"></div><div data-cy="dd-text-container-6" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu bpBXnN" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Ikke lag unødvendige duplikater av eksisterende komponenter.</div></div><div data-cy="dd-image-container-7" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu bhtcJO" bis_skin_checked="1"></div><div data-cy="dd-text-container-7" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu eRnblp" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Ikke utelat interaksjons- eller tilgjengelighetskrav.</div></div><div data-cy="dd-image-container-8" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu ldHIWU" bis_skin_checked="1"><div data-testid="dd-color-box-styled" spacing="0" class="Box-hsdYAF DosAndDontsstyled__DosAndDontsColoredBoxStyled-ktvqvx jtcrxj hNulRr" bis_skin_checked="1"><div class="Box-hsdYAF DosAndDontsstyled__DosAndDontsImageBoxStyled-bJBbrC kLQJTa chaNoC" bis_skin_checked="1"><img alt="" src="./LageKompSteg10_files/yCEJ0dTNZdZ6HbTALosHNQ.png" class="DosAndDontsstyled__ImageStyled-bQgmfa gbeuld" style="max-width: 100%;"></div></div><div class="DosAndDontsstyled__DosAndDontsImageSpacingStyled-iNvtxy feZCJI" bis_skin_checked="1"></div></div><div data-cy="dd-text-container-8" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu gOxhTf" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Unngå detaching av komponenter</div></div></div></div></div></div></div><p class="zheditor-p" data-block-id="daade356dc"><br class="ProseMirror-trailingBreak"></p></div></div></div><div data-testid="menu-container" bis_skin_checked="1"></div><div data-testid="slash-inserter-container" translate="no" bis_skin_checked="1"></div></div><div bis_skin_checked="1"></div></div></div>
</div>
</div>
</div>
<div class="flex-grow" bis_skin_checked="1"></div>
<div id="inpage-dropdown-react" class="z2 fixed top0 left0" bis_skin_checked="1"></div>
<footer class="full-width hg13 border-box neutrals-subtle-background pgy3 flex">
<div class="flex-grow" bis_skin_checked="1"></div>
<div class="mgr5" bis_skin_checked="1">
<a class="footer-link block hover-pointer" aria-label="zeroheight" href="https://zeroheight.com/?utm_source=zh_made_with" target="_blank">
<div class="pg1 hg5" bis_skin_checked="1">
<div class="zh-logo" bis_skin_checked="1"><i aria-label="zeroheight logo" class="SvgImagestyled__SvgImageStyled-hRIQwA hsWTLM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 25" role="img"><g clip-path="url(#__3YQvDxo__a)"><path fill="#333" d="M35.0744 8.67227V7.23193h-7.668v1.4612h5.693l-5.798 7.44997v1.4404h7.878v-1.4612h-5.903zM44.1735 7.6594c-.728-.45196-1.604-.67844-2.626-.67844s-1.922.22648-2.7.67844c-.777.45197-1.383 1.08174-1.817 1.88833-.434.80657-.651 1.76017-.651 2.85877 0 1.0987.221 2.0344.662 2.8489.441.8136 1.047 1.4473 1.817 1.8993.77.4519 1.652.6784 2.647.6784.826 0 1.551-.146 2.174-.438.623-.2921 1.145-.6884 1.565-1.1891.42-.5006.721-1.0708.903-1.7115h-1.744c-.224.5702-.581 1.0232-1.071 1.3569-.49.3338-1.1.5007-1.828.5007-.588 0-1.142-.1431-1.66-.4282-.518-.285-.938-.7132-1.26-1.2833-.284-.5017-.435-1.1185-.469-1.8367h8.305c.014-.1947.021-.3715.021-.5324v-.449c0-.8622-.196-1.6589-.588-2.389s-.953-1.32114-1.681-1.7741zm-6.045 3.7876c.054-.5543.201-1.0321.447-1.4294.315-.50762.732-.89402 1.25-1.15825s1.078-.39634 1.681-.39634c.896 0 1.642.26423 2.237.79268s.914 1.25951.956 2.19131zM50.2711 8.02594c-.364.33376-.658.73805-.882 1.20988l-.147-2.00355h-1.597V17.5828h1.765v-5.217c0-.6814.087-1.2526.263-1.7115.175-.4589.42-.82049.735-1.08472.315-.26422.679-.45494 1.092-.57414.413-.11821.851-.17781 1.313-.17781h.483V6.98096c-.644 0-1.218.09039-1.723.27118-.504.18078-.938.43806-1.303.77182zM61.7731 7.64848c-.785-.44502-1.667-.66752-2.647-.66752s-1.866.2225-2.658.66752c-.791.44501-1.418 1.07478-1.88 1.88832-.462.8135-.693 1.7701-.693 2.8697 0 1.0997.227 2.0562.683 2.8698.455.8135 1.075 1.4433 1.859 1.8883s1.667.6675 2.647.6675q1.47 0 2.658-.6675c.791-.445 1.418-1.0748 1.88-1.8883.462-.8136.693-1.7701.693-2.8698 0-1.0996-.228-2.0552-.683-2.8697-.455-.81354-1.075-1.44331-1.859-1.88832m.252 6.92752c-.322.5841-.743 1.0221-1.261 1.3142-.518.292-1.079.438-1.681.438s-1.138-.146-1.649-.438c-.511-.2921-.928-.7301-1.25-1.3142s-.483-1.3072-.483-2.1704c0-.8633.161-1.6033.483-2.1804.322-.57714.746-1.01222 1.271-1.30426s1.082-.43806 1.67-.43806 1.141.14602 1.66.43806c.518.29204.935.72712 1.25 1.30426.315.5771.473 1.3042.473 2.1804 0 .8761-.161 1.5863-.483 2.1704M72.9703 7.47117c-.602-.32681-1.303-.49071-2.101-.49071s-1.474.17781-2.111.53243-1.131.85228-1.481 1.49198V2.55615h-1.765V17.5813h1.765v-5.363c0-.8066.14-1.485.42-2.0343.28-.54936.665-.97053 1.155-1.26257s1.036-.43806 1.639-.43806c.868 0 1.523.27118 1.964.81354s.662 1.34999.662 2.42079v5.8636h1.744v-6.0514c0-1.0291-.165-1.88135-.494-2.55681-.329-.67448-.795-1.17512-1.397-1.50292zM83.8571 7.6594c-.728-.45196-1.604-.67844-2.626-.67844s-1.922.22648-2.7.67844c-.777.45197-1.383 1.08174-1.817 1.88833-.434.80657-.651 1.76017-.651 2.85877 0 1.0987.221 2.0344.662 2.8489.441.8136 1.047 1.4473 1.817 1.8993.77.4519 1.652.6784 2.647.6784.826 0 1.551-.146 2.174-.438.623-.2921 1.145-.6884 1.565-1.1891.42-.5006.721-1.0708.903-1.7115h-1.744c-.224.5702-.581 1.0232-1.071 1.3569-.49.3338-1.1.5007-1.828.5007-.588 0-1.142-.1431-1.66-.4282-.518-.285-.938-.7132-1.26-1.2833-.284-.5017-.435-1.1185-.469-1.8367h8.305c.014-.1947.021-.3715.021-.5324v-.449c0-.8622-.196-1.6589-.588-2.389s-.953-1.32114-1.681-1.7741zm-6.046 3.7876c.054-.5543.201-1.0321.447-1.4294.315-.50762.732-.89402 1.25-1.15825s1.078-.39634 1.681-.39634c.896 0 1.642.26423 2.237.79268s.914 1.25951.956 2.19131zM88.5438 2.55615c-.35 0-.641.10728-.872.32284-.231.21654-.347.49766-.347.84532 0 .34767.115.63673.347.86619.231.22946.522.34469.872.34469s.623-.11424.861-.34469c.238-.22946.357-.51852.357-.86619 0-.34766-.119-.62977-.357-.84532-.238-.21556-.525-.32284-.861-.32284M89.4258 7.23193h-1.765V17.5825h1.765zM95.7525 6.98096c-.882 0-1.632.16688-2.248.50064s-1.085.77579-1.408 1.3251c-.322.54932-.483 1.16518-.483 1.8466 0 .6814.161 1.3013.483 1.8575.195.3368.451.6268.753.8791l-1.783 1.7712v.4797c.196.1808.417.3547.662.5215.202.1381.446.2633.729.3765-.236.158-.437.3248-.603.4997-.329.3476-.56.6993-.693 1.0539s-.2.6854-.2.9913c0 .7371.203 1.3569.609 1.8576.406.5006.973.8731 1.702 1.1165.728.2433 1.562.3655 2.5.3655 1.064 0 1.936-.1738 2.616-.5215.679-.3476 1.183-.7927 1.513-1.336.3295-.5424.4945-1.1135.4945-1.7115s-.13-1.0957-.389-1.5337c-.2595-.4381-.6765-.7897-1.2505-1.054-.574-.2642-1.331-.4311-2.269-.5006-.7-.0556-1.26-.1113-1.681-.1669-.42-.0556-.749-.1182-.987-.1877-.238-.0696-.427-.149-.567-.2394-.05-.0318-.105-.0725-.157-.1073l1.051-.9695c.476.15 1.008.2315 1.606.2315.882 0 1.631-.1639 2.248-.4907.616-.3269 1.085-.7689 1.408-1.3252.322-.5562.483-1.1751.483-1.8575 0-.68241-.161-1.29728-.483-1.8466-.036-.06158-.081-.11622-.12-.17482l1.9485-.08543V7.23227h-3.8295c-.487-.1639-1.036-.25032-1.654-.25032zm.336 10.20454c.994.0556 1.67.2473 2.027.5741s.536.7122.536 1.1582q0 .6258-.357 1.0848c-.238.3059-.571.5463-.998.7201-.427.1739-.935.2613-1.523.2613s-1.117-.0765-1.586-.2295-.837-.3824-1.103-.6884c-.266-.3059-.399-.6883-.399-1.1483q0-.4797.336-1.0638c.186-.3238.546-.6189 1.072-.8861.541.0914 1.203.1649 1.995.2186zm1.439-4.8723c-.441.3824-1.033.5741-1.775.5741s-1.338-.1907-1.786-.5741c-.448-.3825-.672-.9357-.672-1.6589 0-.72314.224-1.25557.672-1.638.448-.38244 1.043-.57415 1.786-.57415s1.334.19171 1.775.57415c.441.38243.662.92876.662 1.638 0 .7092-.221 1.2764-.662 1.6589M109.892 7.47117c-.602-.32681-1.303-.49071-2.101-.49071s-1.474.17781-2.111.53243-1.131.85228-1.481 1.49198V2.55615h-1.765V17.5813h1.765v-5.363c0-.8066.14-1.485.42-2.0343.28-.54936.665-.97053 1.155-1.26257s1.036-.43806 1.639-.43806c.868 0 1.523.27118 1.964.81354s.662 1.34999.662 2.42079v5.8636h1.744v-6.0514c0-1.0291-.165-1.88135-.494-2.55681-.329-.67448-.795-1.17512-1.397-1.50292zM119.624 8.71099V7.22894h-3.067V4.74561h-1.534l-.231 2.48333h-1.807v1.48205h1.807v5.69681c0 .7926.122 1.4224.368 1.8883.245.4659.599.7966 1.061.9913s1.008.2921 1.639.2921h1.597v-1.5029h-1.092c-.672 0-1.142-.1143-1.408-.3447-.266-.2295-.399-.6715-.399-1.3251V8.71h3.067z"></path><path fill="#FF4852" d="M12.6989 1.1869 2.40722.500488 1.72725 10.8897l10.29175.6865zM11.7568 15.2447l2.1379-10.18593L23.985 7.21696zM16.6351 24.5005c2.8479 0 5.1566-2.3306 5.1566-5.2055s-2.3087-5.2054-5.1566-5.2054-5.1566 2.3305-5.1566 5.2054 2.3087 5.2055 5.1566 5.2055"></path><path fill="#FF4852" d="M12.0213 11.5733c-5.68061-.418-10.6222 3.8924-11.036315 9.6269l10.286415.757z"></path></g><defs><clippath id="__3YQvDxo__a"><path fill="#fff" d="M.484985.500488h119.2v24h-119.2z"></path></clippath></defs></svg></i></div>
</div>
</a>
</div>
</footer>
</div>
<div class="relative z3" bis_skin_checked="1"><div class="container full-width" bis_skin_checked="1"><div class="full-height" bis_skin_checked="1"><div class="component full-height" bis_skin_checked="1"><div class="min-full-height full-height" bis_skin_checked="1"><div bis_skin_checked="1"></div></div></div></div></div>
</div>
</div>
</div></article>
</div></div>
<div class="join-banner" bis_skin_checked="1"></div>
<div class="page--recommendations-container" bis_skin_checked="1"></div></main>
</div></div>
<script nonce="">
window.APP_VERSION = "1.5.9.9013";
window.APP_MODE = "production";
window.USER_INFO = {"token":"jLyOSK-02WycLn8jaS3hjQ","root_url":"https://zeroheight.com","viewUrl":"6c39474a8","styleguideId":132227,"shareLink":true,"view_only":true,"externalViewer":true,"needsPassword":false,"hasStyleguidePassword":false,"hasPrivateViewers":false,"custom_domain":false,"avenir_hack":false,"ssoUrl":null,"ssoViewer":null,"hasSsoLogout":false,"features":{"PLAT_147_get_user_images_from_cdn":true,"PLAT_144_get_bundles_from_cdn":true,"SKI_2256_get_design_uploads_from_cdn":false,"4181_login_retry_lockout":false,"4193_complex_password":false,"3073_show_newsletter_banner":false,"COLLAB-2_iframe_sandbox_restrictions_exemption":false,"SUP_1195_saml_signing":false,"SUP_1195_encrypted_assertions":false,"footer_links_on_locked_screen":false,"disable_private_viewers":false,"comet_41_keep_feature_banner":true,"comet_88_show_activation_checklist":true,"comet_106_unverified_user_flow":true,"comet_109_welcome_screen_modal":true,"comet_118_onboarding_questions":true,"comet_178_enterprise_promotion":true,"comet_153_enterprise_trials":true,"comet_255_styleguide_from_component_set":false,"comet_19_rebrand":true,"SKI_424_enable_token_studio_import":false,"SKI_1705_token_set_automation":true,"SKI_1705_tokens_automation_management":true,"SKI_1931_token_outputs_multiple_formats":true,"SKI_701_live_code_migrate_html_preview":false,"SKI_1446_package_version_usage":true,"SKI_1463_component_usage":true,"SKI_1459_remove_repo_restrictions":true,"SKI_1837_non_token_color_usage":true,"SKI_2131_adoption_via_git_providers":false,"SKI_2131_adoption_setup_email":true,"SKI_2131_git_integration_sharing":true,"SKI_2131_adoption_data_in_styleguides":false,"SKI_2131_color_usage_similar_tokens":false,"SKI_2234_component_sources":false,"SKI_2234_component_sources_filtering":true,"SKI_2351_adoption_angular_support":true,"SKI_1597_rich_link_embed":true,"SKI_1627_release_notes_block":true,"SKI_1866_component_prop_usage":true,"SKI_2201_use_zheditor_in_design_upload_details":false,"SKI_2363_slack_bot":false,"SKI_2363_use_dev_slack_bot":false,"SKI_2357_remote_mcp":false,"SKI_2407_teams_bot":false,"SKI_2466_bedrock_indexing":false,"SKI_upload_npm_packages":false,"SKI_1968_figma_plugin_file_sync":false,"SKI_2328_reset_plugin_data":false,"SKI_1958_variables_extended_collections":true,"SKI_1695_open_api_page_html_format":true,"SKI_2190_open_api_deprecate_markdown_html":true,"TREE_1504_create_pages_in_quill":false,"TREE-986_zheditor_trial_banner":false,"TREE-1397-page_repair_during_migration":true,"TECH_425_refactored_sketch_block_duplication":false,"TIMP-284_improve_library_items_speed":true,"import_code_snippet_test":false,"figma_sync_variables_tracking":true,"multiple_sso":false,"AUD-705_self_serve_figma_access_code":false,"AUD-334_styleguide_switcher":false,"TREE_2031_omit_hidden_content_from_releases":false,"TREE_2273_verify_image_mime":true,"TREE_2208_live_code_bundle_caching":true,"TREE_2208_live_code_execution_order":false,"TREE_2214_component_set_documentation_settings":true,"TREE_2394_component_sets_custom_columns":true,"TREE-2414_ai_assistant":false,"TREE-2431_create_with_ai":false,"TREE-2498_ai_writing_assistant":false,"TREE-2450_ai_release_notes":true,"TREE-2470_updated_ai_prompts":true,"improved_assistant_reasoning":true,"TREE-2442_ai_dynamic_templating":false,"TREE-2473_assistant_update_entities":true,"TREE-2530_ai_tone_of_voice":true,"TREE_2533_save_tabs_individually":false,"debug_zhapp_controller_index":false,"SUP-1646_figma_file_stack_level_fix":false,"SUP-1394_disable_styleguide_locking_for_workspaces":false,"SUP-1336-allow-project-match-for-versions":false,"SUP-954_typography_display_name_fallback":false,"SUP-1288_custom_domain_cookies":true,"SUP_2807_disable_unverified_user_api_requests":false,"SUP_3042_log_markdown_sync_failures":false,"confirm_private_viewer":true,"TECH-393-improve-design-upload-queries":true,"TECH-258-use-serverless-storybook-api":true,"PROD-50_ethnio":false,"prevent_blocks_version_removal_on_library_removal":true,"SEA_310_project_permissions_fix":true,"lazy_iframe_loading":false,"4884_new_action_list":true,"4718_display_figma_descriptions":true,"4902_embed_github":true,"4849_sso_viewer_logout":false,"invoke_step_functions_for_figma_lambdas":true,"4883_limit_styleguides_per_plan":true,"4294_show_comments_context":true,"4299_xd_bounds_with_shadows":true,"3817_sso_invite_user_creation":true,"3770_viewer_logging":true,"3601_pipedrive_contact_form":true,"2737_download_invoices":true,"3134_abstract_improvements":true,"3313_sso_or_ip":true,"3196_editor_permissions":true,"3082_session_timeout":true,"3187_stripe_fail_fix":true,"link_password":false,"custom_domain":false,"extended_colors":false,"styleguide_security":false,"styleguide_permissions":false,"export_pdf":false,"custom_font":false,"permissions":false,"analytics":false,"versioning":false,"hiding":false,"password_protected_pages":false,"editor_invites":false,"viewer_invites":false,"comments":false,"seo_indexing":false,"hide_invoice_tab":false,"custom_intro_sizes":false,"sso":false,"synced_pages":false,"projects":false,"rules_colors":false,"shortcut_resizing":false,"styleguide_analytics":false,"page_history":true,"page_history_actions":false,"slack_release_notifications":false,"private_npm":false,"ms_teams_release_notifications":false,"hotjar":false,"custom_templates":false,"template_selector":true,"footer_links_on_locked_screen":false,"multi_theme":false,"zapier":false,"code_uploads":true,"external_link_confirmation":true,"markdown":false,"onboarding":true,"page_helpfulness":false,"manager_role":false,"reviewer_role":false,"tokens":true,"lightbox":true,"native_storybook":true,"rename_page_status":false,"hero_image":false,"page_outline_toggle":false,"api":false,"footer":false,"ai":false,"self_serve_billing":false,"offer_trial":true,"activation_checklist":true,"max_styleguides":1,"max_users":1,"sso_config":false},"is_free":true,"team_plan":"Free v2","team_name":"Red Cross","team_id":187632,"team_logo":null,"team_url":"https://untitled-team-154xb.zeroheight.com","on_trial":false};
window.DEFAULT_DOMAIN = "zeroheight.com";
window.AVAILABLE_PLANS = null;
window.USER_ATTACHMENTS_WHITELIST = ["jpg", "jpeg", "gif", "png", "webp", "zip", "pdf", "sketch", "svg", "fig", "xd", "json", "tiff", "eps", "mov", "mp4", "psd", "ai", "ait", "aia", "indd", "doc", "docx", "xls", "xlsx", "xltx", "ppt", "pptx", "pot", "potx", "pub", "key", "eot", "woff", "woff2", "ttf", "ico", "otf", "xlsm", "twb", "twbx", "tps", "overflow", "ase", "idml", "txt", "dot", "dotx", "aep", "wav", "vtt", "emltpl"];
window.USER_ATTACHMENTS_BATCH_LIMIT = 30;
window.USER_ATTACHMENTS_MAX_FILE_SIZE = "";
window.FIGMA_CLIENT_ID = "GVUYtYPZ4Ep7ZmVoFdZa9k";
window.ZEPLIN_CLIENT_ID = "5e1e0c653c30ec4d1757291b";
window.KEEP_OPEN = false;
if (window['ZeroheightSketch']) {
document.getElementById('content').className += ' sketch-background';
}
window.styleguideDetails = {"id":132227,"name":"Red Cross Norway","created_at":"2025-06-24T08:55:29.706Z","updated_at":"2025-11-25T11:36:59.389Z","last_upload":null,"team_id":187632,"team_name":"Red Cross","share_id":"6c39474a8","logo":"https://cdn.zeroheight.com/styleguide_logos/132227-default/8678425273c0a38990a7166e_Logo.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uemVyb2hlaWdodC5jb20vc3R5bGVndWlkZV9sb2dvcy8xMzIyMjctZGVmYXVsdC84Njc4NDI1MjczYzBhMzg5OTBhNzE2NmVfTG9nby5wbmciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3NjQxOTk3MzF9fX1dfQ__\u0026Signature=STst1zivAwjScuYZdBiyehCTCxAwlFv7k~QKo879niCvpaCSeZuaraHrA0t7L3FZ7p~THuo50YA6jOr~5anW2JFfd7l6FhKWCF5mCnXtxjDKSPupWMo8DwCJ-L0sXyY0dPM-vGoe76Ec1qkTrpzP3HsbliyY9Dr0~vi~Kd3Rr9ODlFffxOxZ7j6h9inZf9wyPQP3DPjIYRROYDHOva089thi-37UaN3bEN~1TM83XMq5sY45kcMV840HeQ3aGhv~0yCb~TBOPy9GdiTAhSakD4u1y4iK5tbUrE8qnKto5trP5nYJADd7jjWLURyZmqXp9D4Rzy9XMmCMAGWt-kr4iQ__\u0026Key-Pair-Id=KDUNFXWNWK45P","properties":"{\"color\":\"rgb(250, 250, 250)\",\"colorBody\":null,\"colorItemName\":null,\"colorLargeHeading\":null,\"colorAccent\":null,\"colorLink\":null,\"colorNavBackground\":null,\"colorNavBorder\":null,\"colorNavText\":null,\"colorSideActive\":null,\"colorSideBackground\":null,\"colorSideBorder\":null,\"colorSideCategory\":null,\"colorSideHover\":null,\"colorSideIcon\":null,\"colorSidePage\":null,\"colorSmallerHeading\":null,\"colorSmallHeading\":null,\"colorTitle\":null,\"coverHeight\":0.4901,\"CSSIncludes\":[],\"customFonts\":[],\"fontStyles\":{},\"JSIncludes\":[],\"tableBorderColor\":null,\"showCoverText\":true,\"footerLinksColor\":null,\"footerTextColor\":null,\"footerBackgroundColor\":null,\"footerDividerColor\":null,\"footerLinks\":[],\"footerText\":\"\",\"showPageLinks\":false,\"headerTextColor\":null,\"headerBackgroundColor\":null,\"shortcutTiles\":[],\"storybookLinks\":[{\"id\":1763048287274,\"title\":\"Storybook Norwegian Red Cross\",\"url\":\"https://norwegianredcross.github.io/DesignSystem/storybook\",\"vpn\":false,\"hasDocsAsStories\":true}],\"calloutBackground1\":null,\"calloutBackground2\":null,\"calloutBackground3\":null,\"calloutBackground4\":null,\"storybookBlockSettings\":{\"showStoryName\":false,\"blockState\":{\"itemFixedWidth\":false,\"storybookControlsPresentation\":\"controls\",\"isCodeEnabled\":true,\"isDocsViewEnabled\":false},\"storyNameHeadingLevel\":2},\"customStorybookErrorMessage\":\"Storybook unable to load\"}","has_password":false,"has_page_password":false,"needs_page_password":false,"downgrade_locked":false,"has_github_items":false,"integration_block_providers":[],"custom_domain":null,"share_link":"https://zeroheight.com/6c39474a8","default_release_name":"latest","default_release_id":null,"num_of_releases":0,"categories":[{"id":1982316,"name":"___cover","order":null,"visibility":null,"collapsed":false,"pages":[{"id":7312652,"uid":"331e4b","version_id":null,"name":"___cover","visibility":null,"created_at":"2025-06-24T08:55:31.170Z","updated_at":"2025-11-17T13:53:07Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":null,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":1982321,"name":"Designelementer","order":3,"visibility":null,"collapsed":false,"pages":[{"id":7312669,"uid":"3273c4","version_id":null,"name":"Farger","visibility":null,"created_at":"2025-06-24T09:02:28.481Z","updated_at":"2025-11-18T10:26:22Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":3,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7312949,"uid":"7994e9","version_id":null,"name":"Design Tokens","visibility":null,"created_at":"2025-06-24T10:58:19.363Z","updated_at":"2025-11-17T13:55:44Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313273,"uid":"0387fc","version_id":null,"name":"Typografi","visibility":null,"created_at":"2025-06-24T11:33:55.245Z","updated_at":"2025-06-24T11:35:53Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":6,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313271,"uid":"436ec0","version_id":null,"name":"Størrelse og avstander","visibility":null,"created_at":"2025-06-24T11:28:18.809Z","updated_at":"2025-11-18T09:21:56Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":5,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313256,"uid":"59bc8d","version_id":null,"name":"Skygger","visibility":null,"created_at":"2025-06-24T11:09:59.256Z","updated_at":"2025-11-18T09:18:29Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":4,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7312667,"uid":"38040b","version_id":null,"name":"Designelementer","visibility":null,"created_at":"2025-06-24T09:02:02.231Z","updated_at":"2025-06-24T11:33:55Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":2,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":null}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":1982494,"name":"For Designere","order":2,"visibility":null,"collapsed":false,"pages":[{"id":7313306,"uid":"02876f","version_id":null,"name":"Kom i gang","visibility":null,"created_at":"2025-06-24T12:22:01.928Z","updated_at":"2025-11-25T11:36:59Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":0,"status_object":"{\"statusKey\": \"In progress\", \"colorAtSave\": \"neutral\", \"labelAtSave\": \"In progress\"}","has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313302,"uid":"27a5f1","version_id":null,"name":"Bidra med design","visibility":null,"created_at":"2025-06-24T12:17:04.847Z","updated_at":"2025-08-28T07:52:23Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":2,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313276,"uid":"93e405","version_id":null,"name":"Farger","visibility":null,"created_at":"2025-06-24T11:36:29.349Z","updated_at":"2025-06-24T12:57:31Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313274,"uid":"21f79c","version_id":null,"name":"For Designere","visibility":null,"created_at":"2025-06-24T11:36:19.392Z","updated_at":"2025-06-24T12:57:31Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":-1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":null}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":1986505,"name":"For Dev","order":1,"visibility":null,"collapsed":false,"pages":[{"id":7464636,"uid":"14c4ef","version_id":null,"name":"Get started","visibility":null,"created_at":"2025-08-06T11:57:08.515Z","updated_at":"2025-11-13T15:43:24Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":"{\"statusKey\": \"In progress\", \"colorAtSave\": \"neutral\", \"labelAtSave\": \"In progress\"}","has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7531078,"uid":"0779fa","version_id":null,"name":"Design Tokens","visibility":null,"created_at":"2025-08-26T18:16:02.353Z","updated_at":"2025-08-28T08:14:45Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":3,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7327080,"uid":"630704","version_id":null,"name":"For Dev","visibility":null,"created_at":"2025-06-27T11:06:06.693Z","updated_at":"2025-08-26T17:38:22Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":-1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":null}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":2122296,"name":"Components","order":4,"visibility":null,"collapsed":false,"pages":[{"id":7826646,"uid":"454f27","version_id":null,"name":"Components","visibility":null,"created_at":"2025-11-13T15:45:22.373Z","updated_at":"2025-11-13T16:00:42Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":-1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":null}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]}],"navigations":null,"has_empty_navbar":false,"shared_with_team":true,"owner_user_id":162904,"project_id":null,"project_name":null,"sync_pages_across_projects":null,"themes":[{"id":4978,"name":"Norwegian Red Cross","display_name":"Red Cross Norway","logo_removed":false,"cover_image_removed":false,"cover_image_meta":{},"styleguide_logo_removed":false,"theme_properties":[{"id":401954,"key":"colors.blocks.upload.background.annotation","value":"#D52B1E"},{"id":401953,"key":"code.editor.mode","value":"light"},{"id":401952,"key":"colors.blocks.content.text.link","value":"#D52B1E"},{"id":401951,"key":"colors.accent.background","value":"#D52B1E"}],"has_logo":false,"has_cover_image":false}],"page_feedback_enabled":true,"inline_feedback_enabled":true,"integrations":[]};
window.STRIPE_KEY = "pk_live_AntKoC5aCKHq9PYkoIPii1zJ";
</script> <script src="./LageKompSteg10_files/runtime.js.download" type="text/javascript" nonce=""></script>
<script src="./LageKompSteg10_files/vendors.js.download" type="text/javascript" nonce=""></script>
<script src="./LageKompSteg10_files/commons.js.download" type="text/javascript" nonce=""></script>
<script src="./LageKompSteg10_files/app.js.download" type="text/javascript" id="zh-app-script" nonce=""></script><div id="notificationHolder" bis_skin_checked="1"><div style="position: fixed; z-index: 9999; inset: 16px; pointer-events: none;" bis_skin_checked="1"></div></div>
<div bis_skin_checked="1"></div><div bis_skin_checked="1"></div></body></html>