UNPKG

rk-designsystem

Version:

A React component library built on top of Digdir Design System

533 lines (463 loc) 259 kB
<!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="[&quot;facebook.com/&quot;,&quot;twitter.com/&quot;,&quot;youtube-nocookie.com/embed/&quot;,&quot;//vk.com/&quot;,&quot;//www.vk.com/&quot;,&quot;linkedin.com/&quot;,&quot;//www.linkedin.com/&quot;,&quot;//instagram.com/&quot;,&quot;//www.instagram.com/&quot;,&quot;//www.google.com/recaptcha/api2/&quot;,&quot;//hangouts.google.com/webchat/&quot;,&quot;//www.google.com/calendar/&quot;,&quot;//www.google.com/maps/embed&quot;,&quot;spotify.com/&quot;,&quot;soundcloud.com/&quot;,&quot;//player.vimeo.com/&quot;,&quot;//disqus.com/&quot;,&quot;//tgwidget.com/&quot;,&quot;//js.driftt.com/&quot;,&quot;friends2follow.com&quot;,&quot;/widget&quot;,&quot;login&quot;,&quot;//video.bigmir.net/&quot;,&quot;blogger.com&quot;,&quot;//smartlock.google.com/&quot;,&quot;//keep.google.com/&quot;,&quot;/web.tolstoycomments.com/&quot;,&quot;moz-extension://&quot;,&quot;chrome-extension://&quot;,&quot;/auth/&quot;,&quot;//analytics.google.com/&quot;,&quot;adclarity.com&quot;,&quot;paddle.com/checkout&quot;,&quot;hcaptcha.com&quot;,&quot;recaptcha.net&quot;,&quot;2captcha.com&quot;,&quot;accounts.google.com&quot;,&quot;www.google.com/shopping/customerreviews&quot;,&quot;buy.tinypass.com&quot;,&quot;gstatic.com&quot;,&quot;secureir.ebaystatic.com&quot;,&quot;docs.google.com&quot;,&quot;contacts.google.com&quot;,&quot;github.com&quot;,&quot;mail.google.com&quot;,&quot;chat.google.com&quot;,&quot;audio.xpleer.com&quot;,&quot;keepa.com&quot;,&quot;static.xx.fbcdn.net&quot;,&quot;sas.selleramp.com&quot;,&quot;1plus1.video&quot;,&quot;console.googletagservices.com&quot;,&quot;//lnkd.demdex.net/&quot;,&quot;//radar.cedexis.com/&quot;,&quot;//li.protechts.net/&quot;,&quot;challenges.cloudflare.com/&quot;,&quot;ogs.google.com&quot;]" 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_ch