rk-designsystem
Version:
A React component library built on top of Digdir Design System
533 lines (463 loc) • 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_ch