rk-designsystem 1.1.37 → 1.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/dist/BaseColorsExample.png +0 -0
  2. package/dist/BordersColorsExample.png +0 -0
  3. package/dist/ButtonColors.png +0 -0
  4. package/dist/ColorNameStructure.png +0 -0
  5. package/dist/ColorScaleGroups.png +0 -0
  6. package/dist/ComponentSizesExample.png +0 -0
  7. package/dist/FargeTokensDark.png +0 -0
  8. package/dist/FargeTokensLight.png +0 -0
  9. package/dist/LageKompSteg1.png +0 -0
  10. package/dist/LageKompSteg10.html +1080 -0
  11. package/dist/LageKompSteg2.png +0 -0
  12. package/dist/LageKompSteg3.png +0 -0
  13. package/dist/LageKompSteg4.png +0 -0
  14. package/dist/LageKompSteg5.png +0 -0
  15. package/dist/LageKompSteg6.png +0 -0
  16. package/dist/LageKompSteg7.png +0 -0
  17. package/dist/LageKompSteg8.png +0 -0
  18. package/dist/LageKompSteg9.png +0 -0
  19. package/dist/LibraryActivationScreenshot.png +0 -0
  20. package/dist/MediumComponentSizeExample.png +0 -0
  21. package/dist/MediumLargeComponentsExample.png +0 -0
  22. package/dist/OppstartStep1.png +0 -0
  23. package/dist/OppstartStep10.png +0 -0
  24. package/dist/OppstartStep11.png +0 -0
  25. package/dist/OppstartStep12.png +0 -0
  26. package/dist/OppstartStep13.png +0 -0
  27. package/dist/OppstartStep14.png +0 -0
  28. package/dist/OppstartStep2.png +0 -0
  29. package/dist/OppstartStep3.png +0 -0
  30. package/dist/OppstartStep4.png +0 -0
  31. package/dist/OppstartStep5.png +0 -0
  32. package/dist/OppstartStep6.png +0 -0
  33. package/dist/OppstartStep7.png +0 -0
  34. package/dist/OppstartStep8.png +0 -0
  35. package/dist/OppstartStep9.png +0 -0
  36. package/dist/SemanticColorUsage.png +0 -0
  37. package/dist/ShadowExample.png +0 -0
  38. package/dist/ShadowTokensExample.png +0 -0
  39. package/dist/SurfaceTintedExample.png +0 -0
  40. package/dist/TemabyggerExample.png +0 -0
  41. package/dist/TextColorsExample.png +0 -0
  42. package/dist/ThemesExample.png +0 -0
  43. package/dist/TokenStudioSetup.png +0 -0
  44. package/dist/TokenStudioSync.png +0 -0
  45. package/dist/code.svg +1 -0
  46. package/dist/component.svg +1 -0
  47. package/dist/componentlibrary.es.js +1171 -1110
  48. package/dist/componentlibrary.umd.js +4 -4
  49. package/dist/components/Select.svg +16 -0
  50. package/dist/components/alert.svg +14 -0
  51. package/dist/components/avatar.svg +5 -0
  52. package/dist/components/badge.svg +5 -0
  53. package/dist/components/breadcrumb.svg +7 -0
  54. package/dist/components/button.svg +4 -0
  55. package/dist/components/card.svg +15 -0
  56. package/dist/components/carousel.svg +14 -0
  57. package/dist/components/checkbox.svg +10 -0
  58. package/dist/components/chip.svg +1 -0
  59. package/dist/components/dateinput.svg +1 -0
  60. package/dist/components/datepicker.svg +35 -0
  61. package/dist/components/details.svg +24 -0
  62. package/dist/components/dialog.svg +13 -0
  63. package/dist/components/divider.svg +19 -0
  64. package/dist/components/dropdown.svg +15 -0
  65. package/dist/components/errorsummary.svg +11 -0
  66. package/dist/components/field.svg +1 -0
  67. package/dist/components/fieldset.svg +13 -0
  68. package/dist/components/link.svg +4 -0
  69. package/dist/components/list.svg +8 -0
  70. package/dist/components/loader.svg +5 -0
  71. package/dist/components/pagination.svg +12 -0
  72. package/dist/components/popover.svg +13 -0
  73. package/dist/components/radio.svg +9 -0
  74. package/dist/components/search.svg +17 -0
  75. package/dist/components/selectdropdown.svg +16 -0
  76. package/dist/components/skiplink.svg +4 -0
  77. package/dist/components/suggestion.svg +23 -0
  78. package/dist/components/switch.svg +5 -0
  79. package/dist/components/table.svg +13 -0
  80. package/dist/components/tabs.svg +6 -0
  81. package/dist/components/tag.svg +21 -0
  82. package/dist/components/textarea.svg +13 -0
  83. package/dist/components/textfield.svg +11 -0
  84. package/dist/components/togglegroup.svg +17 -0
  85. package/dist/components/tooltip.svg +10 -0
  86. package/dist/components/typography.svg +1 -0
  87. package/dist/design.svg +1 -0
  88. package/dist/designsystem.svg +1 -0
  89. package/dist/index.d.ts +4 -0
  90. package/dist/rk-designsystem.css +1 -1
  91. package/dist/toolbox.svg +1 -0
  92. package/package.json +4 -2
package/dist/LageKompSteg10.html ADDED
@@ -0,0 +1,1080 @@
1
+ <!DOCTYPE html>
2
+ <!-- saved from url=(0061)https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/08e6fc -->
3
+ <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">
4
+ <title>Kom i gang · Red Cross Norway · zeroheight</title>
5
+ <meta property="og:title" content="Red Cross Norway · zeroheight">
6
+ <meta name="twitter:title" content="Red Cross Norway · zeroheight">
7
+
8
+ <meta property="og:type" content="website">
9
+ <meta name="twitter:card" content="summary_large_image">
10
+
11
+ <meta property="og:image" content="https://zeroheight.com/uploads/9XMDeWFgZj0Kuxy7GHfHBA.svg">
12
+ <meta name="twitter:image" content="https://zeroheight.com/uploads/9XMDeWFgZj0Kuxy7GHfHBA.svg">
13
+
14
+ <link rel="stylesheet" href="./LageKompSteg10_files/plugin-4a494e7f121a21f8107858ef2ae2a4195419e15b227b90c9665c2a43f22cb9f2.css" media="all" data-turbolinks-track="true">
15
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
16
+ <meta name="referrer" content="origin">
17
+
18
+ <link rel="stylesheet" type="text/css" href="./LageKompSteg10_files/vendors.css">
19
+ <link rel="stylesheet" type="text/css" href="./LageKompSteg10_files/commons.css">
20
+
21
+ <link rel="stylesheet" type="text/css" href="./LageKompSteg10_files/style.css">
22
+
23
+
24
+
25
+
26
+
27
+ <link rel="preconnect" href="https://fonts.googleapis.com/">
28
+ <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
29
+ <link href="./LageKompSteg10_files/css2" rel="stylesheet">
30
+
31
+
32
+ <meta name="robots" content="noindex">
33
+
34
+ <meta name="csrf-param" content="authenticity_token">
35
+ <meta name="csrf-token" content="9ppRS9cgsbsgpNcQ-jSwOY184K9Lq5LskCn5xCazPjnIo_oXhVpLmbGsIfhXyJPGIkwS9o2OW0MBt39DLIGSiQ">
36
+
37
+
38
+ <link rel="icon" type="image/x-icon" href="https://zeroheight.com/favicon.ico">
39
+
40
+ <script nonce="">
41
+ function forgeryToken() {
42
+ return 'QYnEmi8055IpxNbWEEgPFEvMZyktEQndmNfHPEjGznd_sG_GfU4dsLjMID69tCzr5PyVcOs0wHIJSUG7QvRixw';
43
+ }
44
+
45
+ </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>
46
+
47
+ <!-- adds key to window without starting -->
48
+ <script nonce="">
49
+ window.amplitude_api_key_no_start = '710046ca554fe7c78d358b8c5e09a168';
50
+ </script>
51
+ <!-- start Amplitude -->
52
+ <script nonce="">
53
+ window.amplitude_api_key = '710046ca554fe7c78d358b8c5e09a168';
54
+ </script><!-- end Amplitude -->
55
+
56
+ <!-- start sentry -->
57
+
58
+ <script nonce="">
59
+ window.SENTRY_DSN = 'https://2cda59db5cb04520a5bffe1736d73cee@sentry.io/1297203'
60
+ window.SENTRY_ENVIRONMENT = 'production'
61
+ </script>
62
+ <!-- end sentry -->
63
+
64
+
65
+
66
+
67
+
68
+
69
+ <!-- start ZH Google Tag Manager -->
70
+ <script nonce="">
71
+ dataLayer = window.dataLayer || [];
72
+ dataLayer.push({nonce: "72EvysKaT/te/XOKs76jX+kofC+xwwqeQgRucEwY5Ro="});
73
+ </script>
74
+ <!-- end ZH Google Tag Manager -->
75
+ <!-- Appcues analytics -->
76
+ <script nonce="">
77
+ window.AppcuesSettings = {
78
+ enableURLDetection: true
79
+ };
80
+ </script><script src="./LageKompSteg10_files/119582.js.download" nonce=""></script>
81
+
82
+ <!-- LinkedIn Tracking -->
83
+ <script nonce="">
84
+ _linkedin_partner_id = "5115098";
85
+ window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
86
+ window._linkedin_data_partner_ids.push(_linkedin_partner_id);
87
+ </script><script nonce="">
88
+ (function(l) {
89
+ if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
90
+ window.lintrk.q=[]}
91
+ var s = document.getElementsByTagName("script")[0];
92
+ var b = document.createElement("script");
93
+ b.type = "text/javascript";b.async = true;
94
+ b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
95
+ s.parentNode.insertBefore(b, s);})(window.lintrk);
96
+ </script><noscript>
97
+ <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5115098&fmt=gif" />
98
+ </noscript>
99
+
100
+ <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 * {
101
+ color: var(--colors-blocks-content-text-styleguide-title, #212121);
102
+ }
103
+ .page .category-name {
104
+ color: var(--colors-blocks-content-text-styleguide-secondary-body, #605f60);
105
+ }
106
+ .ql-editor table td {
107
+ color: var(--colors-blocks-content-text-styleguide-body, #212121);
108
+ }
109
+ .ql-container.page-introduction .ql-editor p {
110
+ color: var(--colors-blocks-content-text-styleguide-page-intro, #605f60);
111
+ }
112
+ .page-introduction .ProseMirror p.zheditor-p {
113
+ color: var(--colors-blocks-content-text-styleguide-page-intro, #605f60);
114
+ }
115
+ .page--wrapper {
116
+ background-color: var(--colors-blocks-content-background-styleguide-body, #ffffff)
117
+ }
118
+ /* notes editor should not be affected by theme */
119
+ .notes-editor p,
120
+ .notes-editor blockquote,
121
+ .notes-editor ul,
122
+ .notes-editor ol {
123
+ color: #212121;
124
+ }
125
+ .notes-editor h2 {
126
+ color: #212121;
127
+ }
128
+ .notes-editor h3 {
129
+ color: #212121;
130
+ }
131
+ .notes-editor h4 {
132
+ color: #212121;
133
+ }
134
+ .notes-editor a,
135
+ .notes-editor a b,
136
+ .notes-editor a strong {
137
+ color: #2265c9;
138
+ }
139
+ #texteditor-container p,
140
+ #texteditor-container blockquote,
141
+ #texteditor-container ul,
142
+ #texteditor-container ol {
143
+ color: var(--colors-blocks-content-text-styleguide-body, #212121);
144
+ }
145
+ #texteditor-container h2 {
146
+ color:var(--colors-blocks-content-text-large-heading, #212121);
147
+ }
148
+ #texteditor-container h3 {
149
+ color:var(--colors-blocks-content-text-small-heading, #212121);
150
+ }
151
+ #texteditor-container h4 {
152
+ color:var(--colors-blocks-content-text-smaller-heading, #212121);
153
+ }
154
+
155
+ #texteditor-container .sketch-item .name-row .name {
156
+ cursor: auto; color:var(--colors-blocks-upload-text-label, #212121);
157
+ }
158
+ #texteditor-container .sketch-item .name-row .name .edit svg * {
159
+ fill:var(--colors-blocks-upload-text-label, #212121);
160
+ }
161
+ #texteditor-container a, #texteditor-container a b, #texteditor-container a strong,
162
+ .details-box a,
163
+ .details-box a b,
164
+ .details-box a strong,
165
+ .editor-link .link {
166
+ color: var(--colors-blocks-content-text-link, #2265c9);
167
+ }
168
+ #texteditor-container p.show-placeholder:not(.drag-placeholder)::before{
169
+ color: var(--colors-blocks-content-text-placeholder, #9e9e9e)
170
+ }
171
+ .search-highlight{
172
+ padding-left: 1px !important;
173
+ padding-right: 1px !important;
174
+ background-color: var(--colors-ui-element-background-search-highlight, #E2EBF8) !important;
175
+ color:var(--colors-ui-element-text, #212121) !important;
176
+ }
177
+ .hr-border,
178
+ .divider {
179
+ background-color: var(--colors-blocks-content-border-main, #dedede);
180
+ }
181
+ .page-tabs .border-color-full,
182
+ .pattern-type.border-color-full,
183
+ .pattern-type > .border-color-full,
184
+ .resources .code.border-color-faint,
185
+ .tabs.border-color-full {
186
+ border-color: var(--colors-blocks-content-border-main, #dedede);
187
+ }
188
+
189
+ #texteditor-container blockquote {
190
+ border-left: 4px solid var(--colors-blocks-content-border-main, #dedede);
191
+ }
192
+
193
+ .page-tabs .accent-background{
194
+ background: var(--colors-blocks-tabs-border-active, #4d4d4d);
195
+ }
196
+ .active-tab.tab-view--name {
197
+ color: var(--colors-blocks-tabs-text-active, #212121);
198
+ }
199
+ .tab-view--name {
200
+ color: var(--colors-blocks-tabs-text-main, #605f60);
201
+ }
202
+
203
+ .ql-editor .table-wrapper table td{
204
+ border-color: var(--colors-blocks-table-border-main, #dedede);
205
+ }
206
+
207
+ .table-wrapper.show-header tr:first-child td{
208
+ background-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
209
+ border-color: var(--colors-blocks-table-border-main, #dedede) !important;
210
+ }
211
+ .table-wrapper.show-header.hide-border tr:first-child td{
212
+ border-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
213
+ }
214
+ .table-wrapper.show-header.border-style-rows tr:first-child td{
215
+ border-left-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
216
+ border-right-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
217
+ }
218
+ .table-wrapper.show-header tr:first-child{
219
+ background-color: var(--colors-blocks-table-background-header, #ebebeb) !important;
220
+ }
221
+ .table-wrapper.highlight-even-rows tr:nth-child(odd) td{
222
+ background-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
223
+ }
224
+ .table-wrapper.highlight-even-rows.hide-border tr:nth-child(odd) td{
225
+ border-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
226
+ }
227
+ .table-wrapper.highlight-even-rows.border-style-rows tr:nth-child(odd) td{
228
+ border-left-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
229
+ border-right-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
230
+ }
231
+ .table-wrapper.highlight-even-rows tr:nth-child(odd){
232
+ background-color: var(--colors-blocks-table-background-alternate-row, #fcfbfb);
233
+ }
234
+
235
+ .inner-code {
236
+ min-height: calc(100% - 32px);
237
+ color: #212121;
238
+ background-color: #fcfbfb;
239
+ font-size: 13px;
240
+ font-family: "Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace;
241
+ line-height: 20px;
242
+ -webkit-font-smoothing: antialiased;
243
+ padding:
244
+ 16px
245
+ 16px
246
+ 16px
247
+ 16px;
248
+ ;
249
+
250
+
251
+ .prism-script {
252
+ color: #212121;
253
+ }
254
+ .prism-tag,
255
+ .hljs-symbol,
256
+ .hljs-bullet,
257
+ .hljs-addition,
258
+ .hljs-params,
259
+ .hljs-variable,
260
+ .hljs-template-variable,
261
+ .hljs-name,
262
+ .hljs-selector-id,
263
+ .hljs-selector-class,
264
+ .hljs-regexp,
265
+ .hljs-deletion {
266
+ color: #337D18;
267
+ font-style: #337D18;
268
+ }
269
+ .prism-property,
270
+ .prism-class-name,
271
+ .prism-boolean,
272
+ .prism-number,
273
+ .hljs-section,
274
+ .hljs-meta,
275
+ .hljs-link,
276
+ .hljs-attr {
277
+ color: #1e64cd;
278
+ font-style: #1e64cd;
279
+ }
280
+ .prism-punctuation,
281
+ .hljs-type,
282
+ .hljs-tag {
283
+ color: #212121;
284
+ font-style: #212121;
285
+ }
286
+ .prism-string-property,
287
+ .prism-string,
288
+ .prism-function,
289
+ .prism-attr-value,
290
+ .hljs-selector-tag,
291
+ .hljs-string,
292
+ .hljs-title {
293
+ color: #7744CB;
294
+ font-style: #7744CB;
295
+ }
296
+ .prism-builtin,
297
+ .prism-operator,
298
+ .prism-keyword,
299
+ .hljs-builtin-name,
300
+ .hljs-literal,
301
+ .hljs-keyword,
302
+ .hljs-built_in {
303
+ color: #cd2622;
304
+ font-style: #cd2622
305
+ }
306
+ .hljs-number {
307
+ color: #cd2622;
308
+ font-style: #cd2622;
309
+ }
310
+ .prism-comment,
311
+ .hljs-comment {
312
+ color: #605f60;
313
+ font-style: italic;
314
+ }
315
+
316
+ /* Resets to avoid unwanted inherited styles */
317
+ #texteditor-container .markdown pre.hljs code {
318
+ margin-left: unset;
319
+ padding: unset;
320
+ }
321
+ #texteditor-container .markdown h3 code,
322
+ #texteditor-container .markdown h2 code,
323
+ #texteditor-container .markdown h1 code {
324
+ margin: unset;
325
+ line-height: 1.4;
326
+ }
327
+
328
+ }
329
+
330
+ .ql-editor pre.ql-syntax {
331
+ color: #212121;
332
+ background-color: #fcfbfb;
333
+ font-size: 13px;
334
+ font-family: "Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace;
335
+ line-height: 20px;
336
+ -webkit-font-smoothing: antialiased;
337
+ padding:
338
+ 16px
339
+ 16px
340
+ 16px
341
+ 16px;
342
+ ;
343
+ border: 1px solid var(--colors-blocks-content-border-main, #dedede);
344
+ border-left: 3px solid var(--colors-styleguide-background-accent, #2265c9);
345
+ }
346
+ .styleguide-settings-content {
347
+ --colors-ui-element-background-main: #ffffff;
348
+ --colors-ui-element-background-action: #2265c9;
349
+ --colors-ui-element-background-active: #eeeeee;
350
+ --colors-ui-element-background-hover: #f7f7f7;
351
+ --colors-ui-element-border: #dedede;
352
+ --colors-ui-element-text: #212121;
353
+ --colors-ui-element-text-secondary: #605f60;;
354
+ }</style><link href="./LageKompSteg10_files/css2(1)" rel="stylesheet" class="custom-zh-fonts"><style class="custom-zh-fonts" type="text/css">
355
+ #texteditor-container p,
356
+ #texteditor-container h2,
357
+ #texteditor-container h3,
358
+ #texteditor-container h4,
359
+ #texteditor-container h5,
360
+ #texteditor-container li {
361
+ max-width:560px;
362
+ }
363
+ }
364
+ .page-introduction-element {
365
+ max-width:560px;
366
+ }
367
+
368
+ #texteditor-container h2,
369
+ #texteditor-container h3,
370
+ #texteditor-container h4,
371
+ #texteditor-container h5,
372
+ #texteditor-container li {
373
+ padding-right: 300px;
374
+ }
375
+ }
376
+ .details-box li, .ui-selectmenu-menu li, .ui-autocomplete li{
377
+ padding-right: 0;
378
+ }
379
+ </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 {
380
+ position: relative;
381
+ }
382
+
383
+ .ProseMirror {
384
+ word-wrap: break-word;
385
+ white-space: pre-wrap;
386
+ white-space: break-spaces;
387
+ -webkit-font-variant-ligatures: none;
388
+ font-variant-ligatures: none;
389
+ font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
390
+ }
391
+
392
+ .ProseMirror [contenteditable="false"] {
393
+ white-space: normal;
394
+ }
395
+
396
+ .ProseMirror [contenteditable="false"] [contenteditable="true"] {
397
+ white-space: pre-wrap;
398
+ }
399
+
400
+ .ProseMirror pre {
401
+ white-space: pre-wrap;
402
+ }
403
+
404
+ img.ProseMirror-separator {
405
+ display: inline !important;
406
+ border: none !important;
407
+ margin: 0 !important;
408
+ width: 1px !important;
409
+ height: 1px !important;
410
+ }
411
+
412
+ .ProseMirror-gapcursor {
413
+ display: none;
414
+ pointer-events: none;
415
+ position: absolute;
416
+ margin: 0;
417
+ }
418
+
419
+ .ProseMirror-gapcursor:after {
420
+ content: "";
421
+ display: block;
422
+ position: absolute;
423
+ top: -2px;
424
+ width: 20px;
425
+ border-top: 1px solid black;
426
+ animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
427
+ }
428
+
429
+ @keyframes ProseMirror-cursor-blink {
430
+ to {
431
+ visibility: hidden;
432
+ }
433
+ }
434
+
435
+ .ProseMirror-hideselection *::selection {
436
+ background: transparent;
437
+ }
438
+
439
+ .ProseMirror-hideselection *::-moz-selection {
440
+ background: transparent;
441
+ }
442
+
443
+ .ProseMirror-hideselection * {
444
+ caret-color: transparent;
445
+ }
446
+
447
+ .ProseMirror-focused .ProseMirror-gapcursor {
448
+ display: block;
449
+ }
450
+
451
+ .tippy-box[data-animation=fade][data-state=hidden] {
452
+ opacity: 0
453
+ }</style></head>
454
+
455
+
456
+ <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
457
+ half-opacity z6 t0 l0 display-none" bis_skin_checked="1">
458
+
459
+ <img src="./LageKompSteg10_files/spin.gif" alt="loading" class="block">
460
+
461
+ </div>
462
+
463
+
464
+ <a id="skip-link" class="skip-to-content" tabindex="0">Skip to content</a>
465
+
466
+
467
+ <!-- mobile warning -->
468
+ <div class="mobile-warning absolute pos-left0 pos-top0 z5 full-width full-height
469
+ white-background hide-above-700" bis_skin_checked="1">
470
+ <div class="flex-column mgx6" bis_skin_checked="1">
471
+ <div class="left-align mgt6" bis_skin_checked="1">
472
+ <img src="./LageKompSteg10_files/zh-full-logo.svg" alt="zeroheight" style="width:150px;height:auto;">
473
+ </div>
474
+ <div class="title type_heading-medium mgt8" bis_skin_checked="1">Refresh to view the mobile styleguide 📱</div>
475
+ <div class="subtitle type_interface-medium mgt2" bis_skin_checked="1"></div>
476
+ <div class="mgt4" bis_skin_checked="1">
477
+ <div class="mobile-button flex" bis_skin_checked="1"></div>
478
+ </div>
479
+ </div>
480
+ </div>
481
+ <div id="modal-on-top" bis_skin_checked="1"></div>
482
+ <div id="styleguide-switcher" bis_skin_checked="1"></div>
483
+ <div class="flex flex-column" bis_skin_checked="1">
484
+ <div id="banner-trial" bis_skin_checked="1"></div>
485
+ </div>
486
+ <nav id="zh-navbar" style="z-index: 5" aria-label="Styleguide editor navigation"></nav>
487
+ <nav id="styleguide-navbar" aria-label="Styleguide main navigation"></nav>
488
+ <div id="styleguide-navbar-dropdown" class="z5" bis_skin_checked="1"></div>
489
+ <div id="header" bis_skin_checked="1"></div>
490
+ <div class="banner flex flex-column" bis_skin_checked="1">
491
+ <div id="banner-billing-address" bis_skin_checked="1"></div>
492
+ <div id="banner-refresh" bis_skin_checked="1"></div>
493
+ <div id="banner-newsletter" bis_skin_checked="1"></div>
494
+ </div>
495
+ <div id="updates" bis_skin_checked="1"></div>
496
+ <div id="modal" bis_skin_checked="1"></div>
497
+ <div id="zh-cookie-banner" class="z5 fixed pos-bottom2 pos-left2" bis_skin_checked="1"></div>
498
+ <div id="notifications" bis_skin_checked="1"></div>
499
+ <div id="tooltip" bis_skin_checked="1"></div>
500
+ <div id="dropdown-react" class="z5 dropdown-react" bis_skin_checked="1"></div>
501
+ <div id="uploads-popin-container" bis_skin_checked="1"></div>
502
+ <div id="banner-upgrade" bis_skin_checked="1"></div>
503
+
504
+ <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">
505
+ <p id="secondary-nav-label" class="visually-hidden" aria-hidden="true">Styleguide secondary navigation</p>
506
+ <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">
507
+
508
+
509
+ <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>
510
+ <div class="mgt6 mgb6" bis_skin_checked="1">
511
+
512
+
513
+
514
+
515
+
516
+ <div class="search-box mgx6 border-box hg10
517
+ rounded-corners-input flex-vertical-center" style="border: 1px solid var(--colors-sidebar-border-main, #dedede);" bis_skin_checked="1">
518
+ <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>
519
+ <input type="search" placeholder="Search..." class="search search-text-input full-width flex-grow no-border-styling mgx2
520
+ side-foreground
521
+ no-background type_color-secondary
522
+ type_interface-medium">
523
+ </div>
524
+
525
+ <!-- results popup -->
526
+ <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">
527
+ <div class="overflow-y-only flex-grow rounded-corners" bis_skin_checked="1">
528
+ <div class="results" bis_skin_checked="1"></div>
529
+ </div>
530
+ </div>
531
+ </div>
532
+ <div class="pages-wrapper flex-column overflow-y-auto pgb4 pgx2 max-full-width border-box nmgr1 overflow-momentum" bis_skin_checked="1">
533
+ <div class="full-height" bis_skin_checked="1"><div class="component full-height" bis_skin_checked="1"><div class="min-full-height full-height" bis_skin_checked="1"><div bis_skin_checked="1"><ul class="Sidebarstyled__SidebarStyled-nArwk jyyggU sidebar"><li class="Sidebarstyled__CategoryItemStyled-daOCpr jDxhip"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__CategoryListItemStyled-cguOCV eeZeJo sidebar--category" data-appid="sidebar-For Dev-category"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><span readonly="" type="interface.medium" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF exOAVa">For Dev</span></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="for-dev-expand-icon" aria-label="For Dev submenu" aria-pressed="true" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cRDEOk" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><div style="position: relative;" bis_skin_checked="1"><ul class="Sidebarstyled__SlidedownStyled-hNFULz kzafzw"><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Get started-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/14c4ef-get-started" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Get started</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Design Tokens-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/0779fa-design-tokens" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Design Tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></div></li><li class="Sidebarstyled__CategoryItemStyled-daOCpr jDxhip"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__CategoryListItemStyled-cguOCV eeZeJo sidebar--category" data-appid="sidebar-For Designere-category"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><span readonly="" type="interface.medium" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF exOAVa">For Designere</span></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="for-designere-expand-icon" aria-label="For Designere submenu" aria-pressed="true" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cRDEOk" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><div style="position: relative;" bis_skin_checked="1"><ul class="Sidebarstyled__SlidedownStyled-hNFULz kzafzw"><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Kom i gang-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Kom i gang</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="kom-i-gang-expand-icon" aria-label="Kom i gang submenu" aria-pressed="true" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cRDEOk" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz kzafzw"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/44a402" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Figma tilkobling</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/536ee0" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Oppstart</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs cftTFq Sidebarstyled__TabListItemStyled-rfyoG kYRTud sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="heading.small" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/08e6fc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC YJpHr hHnKMP">Lage ett nytt komponent</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/023552" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Praktiske eksempler</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/23b17a" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Token studio</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Farger-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/93e405-farger" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Farger</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="farger-expand-icon" aria-label="Farger submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/93e405-farger/b/44a402" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Sette opp ditt eget fargesystem</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/93e405-farger/b/56d43c" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Designsystemets temagenerator</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/93e405-farger/b/161b66" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Bruk fargene du har generert</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Bidra med design-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/27a5f1-bidra-med-design" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Bidra med design</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="bidra-med-design-expand-icon" aria-label="Bidra med design submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/27a5f1-bidra-med-design/b/44a402" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Foreslå nytt design eller forbedringer</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li></ul></div></li><li class="Sidebarstyled__CategoryItemStyled-daOCpr jDxhip"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__CategoryListItemStyled-cguOCV eeZeJo sidebar--category" data-appid="sidebar-Designelementer-category"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><span readonly="" type="interface.medium" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF exOAVa">Designelementer</span></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="designelementer-expand-icon" aria-label="Designelementer submenu" aria-pressed="true" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cRDEOk" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><div style="position: relative;" bis_skin_checked="1"><ul class="Sidebarstyled__SlidedownStyled-hNFULz kzafzw"><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Design Tokens-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/7994e9-design-tokens" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Design Tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="design-tokens-expand-icon" aria-label="Design Tokens submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/7994e9-design-tokens/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Hva er design tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/7994e9-design-tokens/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Design tokens I Figma</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Farger-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/3273c4-farger" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Farger</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="farger-expand-icon" aria-label="Farger submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/3273c4-farger/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Navnestruktur</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/3273c4-farger/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Oversikt og forklaring av farger</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/3273c4-farger/b/81795c" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Farge-tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Skygger-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/59bc8d-skygger" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Skygger</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="skygger-expand-icon" aria-label="Skygger submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/59bc8d-skygger/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Bruk av skygger i designet</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/59bc8d-skygger/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Skygge-tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Størrelse og avstander-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/436ec0-strrelse-og-avstander" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Størrelse og avstander</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="størrelse-og-avstander-expand-icon" aria-label="Størrelse og avstander submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/436ec0-strrelse-og-avstander/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Komponentstørrelser</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/436ec0-strrelse-og-avstander/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Størrelse-tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li><li class="Sidebarstyled__SidebarItemStyled-crpOEV iCGSSR sidebar--page"><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__PageListItemStyled-jQZRSC iWELQP" data-appid="sidebar-Typografi-page"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a readonly="" type="interface.medium" href="https://zeroheight.com/6c39474a8/p/0387fc-typografi" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF kRdBnx">Typografi</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"><div class="ListItemstyled__IconContainerStyled-ePcwXv GWgEG" bis_skin_checked="1"><i id="typografi-expand-icon" aria-label="Typografi submenu" aria-pressed="false" role="button" tabindex="0" class="Iconstyled__IconStyled-gPYeWY cXwyAc ListItemstyled__ActionIconStyled-bgvrPS ListItemstyled__ExpandIconStyled-JLwJS jrzDsS cKMFBJ" color="var(--colors-sidebar-text-icon, #605f60)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M5.29289 8.29289c.39053-.39052 1.02369-.39052 1.41422 0L12 13.5858l5.2929-5.29291c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-6 5.99999c-.3905.3905-1.0237.3905-1.4142 0L5.29289 9.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div></span><ul class="Sidebarstyled__SlidedownStyled-hNFULz jlrAOz"><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/0387fc-typografi/b/06d7cc" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Font-family</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li><li><span class="ListItemstyled__ListItemStyled-fTfWOs iGeXmZ Sidebarstyled__TabListItemStyled-rfyoG iEyPCf sidebar--tab"><div class="ListItemstyled__TextContainerStyled-AYuDB iKzqSK" bis_skin_checked="1"><a type="interface.medium" href="https://zeroheight.com/6c39474a8/p/0387fc-typografi/b/06f219" class="Text-iXOHMN ListItemstyled__TextStyled-kefdxC kMCBIF hHnKMP">Typografi-tokens</a></div><div class="ListItemstyled__IconsContainerStyled-erHBFE jGovOO" bis_skin_checked="1"></div></span></li></ul></li></ul></div></li></ul></div></div></div></div>
534
+ </div>
535
+
536
+ <div class="mgb4 controls display-none" bis_skin_checked="1">
537
+ <hr class="mgx6 mgb6 hr-border separator">
538
+ <div class="add-category" bis_skin_checked="1"></div>
539
+ <div class="versioning" bis_skin_checked="1"></div>
540
+ <div class="styleguide-settings" bis_skin_checked="1"></div>
541
+ </div>
542
+
543
+ <div class="user-box mt-auto" bis_skin_checked="1"></div>
544
+
545
+ <div class="bottom-controls pt1 pb1" bis_skin_checked="1">
546
+ <div class="theme-switcher flex flex-row flex-align-content-top mgx2" bis_skin_checked="1"></div>
547
+ <div class="releases-dropdown flex flex-row flex-align-content-top mgb2 mgx2 display-none" bis_skin_checked="1"></div>
548
+ </div>
549
+
550
+
551
+ <div class="flex-grow" bis_skin_checked="1"></div>
552
+ <a href="https://zeroheight.com/?utm_source=zh_made_with" target="_blank" class="block created pg6 neutrals-subtle-background">
553
+ <div class="type_interface-small type_color-secondary" bis_skin_checked="1">
554
+ Styleguide created with
555
+ </div>
556
+ <div class="zh-logo mgt2" bis_skin_checked="1"><i height="8" class="SvgImagestyled__SvgImageStyled-hRIQwA lamCqn"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 25" role="img"><g clip-path="url(#__3YQvDxo__a)"><path fill="#333" d="M35.0744 8.67227V7.23193h-7.668v1.4612h5.693l-5.798 7.44997v1.4404h7.878v-1.4612h-5.903zM44.1735 7.6594c-.728-.45196-1.604-.67844-2.626-.67844s-1.922.22648-2.7.67844c-.777.45197-1.383 1.08174-1.817 1.88833-.434.80657-.651 1.76017-.651 2.85877 0 1.0987.221 2.0344.662 2.8489.441.8136 1.047 1.4473 1.817 1.8993.77.4519 1.652.6784 2.647.6784.826 0 1.551-.146 2.174-.438.623-.2921 1.145-.6884 1.565-1.1891.42-.5006.721-1.0708.903-1.7115h-1.744c-.224.5702-.581 1.0232-1.071 1.3569-.49.3338-1.1.5007-1.828.5007-.588 0-1.142-.1431-1.66-.4282-.518-.285-.938-.7132-1.26-1.2833-.284-.5017-.435-1.1185-.469-1.8367h8.305c.014-.1947.021-.3715.021-.5324v-.449c0-.8622-.196-1.6589-.588-2.389s-.953-1.32114-1.681-1.7741zm-6.045 3.7876c.054-.5543.201-1.0321.447-1.4294.315-.50762.732-.89402 1.25-1.15825s1.078-.39634 1.681-.39634c.896 0 1.642.26423 2.237.79268s.914 1.25951.956 2.19131zM50.2711 8.02594c-.364.33376-.658.73805-.882 1.20988l-.147-2.00355h-1.597V17.5828h1.765v-5.217c0-.6814.087-1.2526.263-1.7115.175-.4589.42-.82049.735-1.08472.315-.26422.679-.45494 1.092-.57414.413-.11821.851-.17781 1.313-.17781h.483V6.98096c-.644 0-1.218.09039-1.723.27118-.504.18078-.938.43806-1.303.77182zM61.7731 7.64848c-.785-.44502-1.667-.66752-2.647-.66752s-1.866.2225-2.658.66752c-.791.44501-1.418 1.07478-1.88 1.88832-.462.8135-.693 1.7701-.693 2.8697 0 1.0997.227 2.0562.683 2.8698.455.8135 1.075 1.4433 1.859 1.8883s1.667.6675 2.647.6675q1.47 0 2.658-.6675c.791-.445 1.418-1.0748 1.88-1.8883.462-.8136.693-1.7701.693-2.8698 0-1.0996-.228-2.0552-.683-2.8697-.455-.81354-1.075-1.44331-1.859-1.88832m.252 6.92752c-.322.5841-.743 1.0221-1.261 1.3142-.518.292-1.079.438-1.681.438s-1.138-.146-1.649-.438c-.511-.2921-.928-.7301-1.25-1.3142s-.483-1.3072-.483-2.1704c0-.8633.161-1.6033.483-2.1804.322-.57714.746-1.01222 1.271-1.30426s1.082-.43806 1.67-.43806 1.141.14602 1.66.43806c.518.29204.935.72712 1.25 1.30426.315.5771.473 1.3042.473 2.1804 0 .8761-.161 1.5863-.483 2.1704M72.9703 7.47117c-.602-.32681-1.303-.49071-2.101-.49071s-1.474.17781-2.111.53243-1.131.85228-1.481 1.49198V2.55615h-1.765V17.5813h1.765v-5.363c0-.8066.14-1.485.42-2.0343.28-.54936.665-.97053 1.155-1.26257s1.036-.43806 1.639-.43806c.868 0 1.523.27118 1.964.81354s.662 1.34999.662 2.42079v5.8636h1.744v-6.0514c0-1.0291-.165-1.88135-.494-2.55681-.329-.67448-.795-1.17512-1.397-1.50292zM83.8571 7.6594c-.728-.45196-1.604-.67844-2.626-.67844s-1.922.22648-2.7.67844c-.777.45197-1.383 1.08174-1.817 1.88833-.434.80657-.651 1.76017-.651 2.85877 0 1.0987.221 2.0344.662 2.8489.441.8136 1.047 1.4473 1.817 1.8993.77.4519 1.652.6784 2.647.6784.826 0 1.551-.146 2.174-.438.623-.2921 1.145-.6884 1.565-1.1891.42-.5006.721-1.0708.903-1.7115h-1.744c-.224.5702-.581 1.0232-1.071 1.3569-.49.3338-1.1.5007-1.828.5007-.588 0-1.142-.1431-1.66-.4282-.518-.285-.938-.7132-1.26-1.2833-.284-.5017-.435-1.1185-.469-1.8367h8.305c.014-.1947.021-.3715.021-.5324v-.449c0-.8622-.196-1.6589-.588-2.389s-.953-1.32114-1.681-1.7741zm-6.046 3.7876c.054-.5543.201-1.0321.447-1.4294.315-.50762.732-.89402 1.25-1.15825s1.078-.39634 1.681-.39634c.896 0 1.642.26423 2.237.79268s.914 1.25951.956 2.19131zM88.5438 2.55615c-.35 0-.641.10728-.872.32284-.231.21654-.347.49766-.347.84532 0 .34767.115.63673.347.86619.231.22946.522.34469.872.34469s.623-.11424.861-.34469c.238-.22946.357-.51852.357-.86619 0-.34766-.119-.62977-.357-.84532-.238-.21556-.525-.32284-.861-.32284M89.4258 7.23193h-1.765V17.5825h1.765zM95.7525 6.98096c-.882 0-1.632.16688-2.248.50064s-1.085.77579-1.408 1.3251c-.322.54932-.483 1.16518-.483 1.8466 0 .6814.161 1.3013.483 1.8575.195.3368.451.6268.753.8791l-1.783 1.7712v.4797c.196.1808.417.3547.662.5215.202.1381.446.2633.729.3765-.236.158-.437.3248-.603.4997-.329.3476-.56.6993-.693 1.0539s-.2.6854-.2.9913c0 .7371.203 1.3569.609 1.8576.406.5006.973.8731 1.702 1.1165.728.2433 1.562.3655 2.5.3655 1.064 0 1.936-.1738 2.616-.5215.679-.3476 1.183-.7927 1.513-1.336.3295-.5424.4945-1.1135.4945-1.7115s-.13-1.0957-.389-1.5337c-.2595-.4381-.6765-.7897-1.2505-1.054-.574-.2642-1.331-.4311-2.269-.5006-.7-.0556-1.26-.1113-1.681-.1669-.42-.0556-.749-.1182-.987-.1877-.238-.0696-.427-.149-.567-.2394-.05-.0318-.105-.0725-.157-.1073l1.051-.9695c.476.15 1.008.2315 1.606.2315.882 0 1.631-.1639 2.248-.4907.616-.3269 1.085-.7689 1.408-1.3252.322-.5562.483-1.1751.483-1.8575 0-.68241-.161-1.29728-.483-1.8466-.036-.06158-.081-.11622-.12-.17482l1.9485-.08543V7.23227h-3.8295c-.487-.1639-1.036-.25032-1.654-.25032zm.336 10.20454c.994.0556 1.67.2473 2.027.5741s.536.7122.536 1.1582q0 .6258-.357 1.0848c-.238.3059-.571.5463-.998.7201-.427.1739-.935.2613-1.523.2613s-1.117-.0765-1.586-.2295-.837-.3824-1.103-.6884c-.266-.3059-.399-.6883-.399-1.1483q0-.4797.336-1.0638c.186-.3238.546-.6189 1.072-.8861.541.0914 1.203.1649 1.995.2186zm1.439-4.8723c-.441.3824-1.033.5741-1.775.5741s-1.338-.1907-1.786-.5741c-.448-.3825-.672-.9357-.672-1.6589 0-.72314.224-1.25557.672-1.638.448-.38244 1.043-.57415 1.786-.57415s1.334.19171 1.775.57415c.441.38243.662.92876.662 1.638 0 .7092-.221 1.2764-.662 1.6589M109.892 7.47117c-.602-.32681-1.303-.49071-2.101-.49071s-1.474.17781-2.111.53243-1.131.85228-1.481 1.49198V2.55615h-1.765V17.5813h1.765v-5.363c0-.8066.14-1.485.42-2.0343.28-.54936.665-.97053 1.155-1.26257s1.036-.43806 1.639-.43806c.868 0 1.523.27118 1.964.81354s.662 1.34999.662 2.42079v5.8636h1.744v-6.0514c0-1.0291-.165-1.88135-.494-2.55681-.329-.67448-.795-1.17512-1.397-1.50292zM119.624 8.71099V7.22894h-3.067V4.74561h-1.534l-.231 2.48333h-1.807v1.48205h1.807v5.69681c0 .7926.122 1.4224.368 1.8883.245.4659.599.7966 1.061.9913s1.008.2921 1.639.2921h1.597v-1.5029h-1.092c-.672 0-1.142-.1143-1.408-.3447-.266-.2295-.399-.6715-.399-1.3251V8.71h3.067z"></path><path fill="#FF4852" d="M12.6989 1.1869 2.40722.500488 1.72725 10.8897l10.29175.6865zM11.7568 15.2447l2.1379-10.18593L23.985 7.21696zM16.6351 24.5005c2.8479 0 5.1566-2.3306 5.1566-5.2055s-2.3087-5.2054-5.1566-5.2054-5.1566 2.3305-5.1566 5.2054 2.3087 5.2055 5.1566 5.2055"></path><path fill="#FF4852" d="M12.0213 11.5733c-5.68061-.418-10.6222 3.8924-11.036315 9.6269l10.286415.757z"></path></g><defs><clippath id="__3YQvDxo__a"><path fill="#fff" d="M.484985.500488h119.2v24h-119.2z"></path></clippath></defs></svg></i></div>
557
+ </a>
558
+
559
+ </div></nav>
560
+
561
+ <div class="expander absolute top0 pos-left59 wg2 z3 full-height hover-cursor-resize" bis_skin_checked="1"></div>
562
+
563
+
564
+ <article class="right-pane full-width border-box relative flex-grow flex-column pgl60" style="padding-left: 240px;"><div class="full-width full-height relative" bis_skin_checked="1"><div class="full-width full-height absolute flex-column" bis_skin_checked="1"><div tabindex="-1" class="page--wrapper full-width full-height overflow-anchor-none overflow-y-scroll overflow-x-auto overflow-momentum flex-column page__read-only" bis_skin_checked="1"><div class="banner absolute z3 pos-top0 pos-left0 full-width" bis_skin_checked="1">
565
+ <div class="banner-trial" bis_skin_checked="1"></div>
566
+ <div class="banner-billing-address" bis_skin_checked="1"></div>
567
+ <div class="banner-refresh" bis_skin_checked="1"></div>
568
+ <div class="banner-newsletter" bis_skin_checked="1"></div>
569
+ </div>
570
+ <div class="page-banner-container pos-top0" bis_skin_checked="1"><div class="Box-hsdYAF kLQJTa" bis_skin_checked="1"></div></div>
571
+ <div class="page-modal-container" bis_skin_checked="1"></div>
572
+ <div class="banner-space" bis_skin_checked="1"></div>
573
+ <div class="synced-page-banner " bis_skin_checked="1"></div>
574
+
575
+
576
+ <div class="banner relative full-width" bis_skin_checked="1">
577
+ <div class="banner-preview-mode" bis_skin_checked="1"></div>
578
+ </div>
579
+
580
+
581
+
582
+
583
+
584
+
585
+ <div class="relative" bis_skin_checked="1">
586
+
587
+ <div class="miwg242 pagehero border-box full-width full-cover" bis_skin_checked="1"></div>
588
+ <div class="cover--frozen-overlay" bis_skin_checked="1"></div>
589
+ </div>
590
+
591
+
592
+
593
+ <div id="main-content" tabindex="-1" bis_skin_checked="1">
594
+
595
+
596
+
597
+
598
+ <div class="page relative mx-auto mxwg212 miwg212 px12 pgt24 pgb24" bis_skin_checked="1">
599
+ <div class="page--outline right-align z2 sticky zeroheight pos-top12 translatez0" bis_skin_checked="1"><nav offset="48" class="PageOutlinestyled__PageOutlineStyled-ebOIwA hsQNYO"><div aria-pressed="false" tabindex="0" role="button" aria-label="Page contents" aria-describedby="page-outline__assistive-description" class="PageOutlinestyled__IconHeaderStyled-dBhSCf gbdOFP" bis_skin_checked="1"><i color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M3 6c0-.55228.44772-1 1-1h10c.5523 0 1 .44772 1 1s-.4477 1-1 1H4c-.55228 0-1-.44772-1-1M3 10c0-.55228.44772-1 1-1h16c.5523 0 1 .44772 1 1 0 .5523-.4477 1-1 1H4c-.55228 0-1-.4477-1-1M3 14c0-.5523.44772-1 1-1h12c.5523 0 1 .4477 1 1s-.4477 1-1 1H4c-.55228 0-1-.4477-1-1M3 18c0-.5523.44772-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H4c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><div class="Box-hsdYAF kLQJTa" bis_skin_checked="1" style="margin-left: 8px; justify-content: center; display: none;"><span type="heading.small" color="var(--colors-ui-element-text, #212121)" class="Text-iXOHMN GeneM">Outline</span></div></div></nav><span id="page-outline__assistive-description" style="display: none;">When expanded use tab to review current page headings and press enter or space to navigate to the selected section</span></div>
600
+ <div class="page--frozen-overlay" bis_skin_checked="1"></div>
601
+
602
+ <div class="block--actions" bis_skin_checked="1"></div>
603
+ <div class="page--helper-button" bis_skin_checked="1"></div>
604
+ <div class="page--comments-container" bis_skin_checked="1"></div>
605
+ <div class="page--preview-tooltips-container" bis_skin_checked="1"></div>
606
+ <div class="empty" bis_skin_checked="1"></div>
607
+
608
+
609
+ <!-- Hide on load and only show if needed -->
610
+ <div class="title-frame relative" bis_skin_checked="1">
611
+ <div class="flex" bis_skin_checked="1">
612
+ <div class="category" bis_skin_checked="1"><div class="category-name" spellcheck="false" autocorrect="off" contenteditable="false" placeholder="New category" bis_skin_checked="1">For Designere</div></div>
613
+ </div>
614
+ <div class="title-wrap flex flex-align-items-center" bis_skin_checked="1">
615
+ <div class="page-title" id="page-title__annotation-container" translate="yes" bis_skin_checked="1"><h1 class="type_heading-xxlarge mgb4" spellcheck="false" autocorrect="off" contenteditable="false" placeholder="New page" data-block-id="page-title">Kom i gang</h1></div>
616
+ <div class="page-status-tag" bis_skin_checked="1"><div data-testid="status-tag" class="StatusTagstyled__StatusTagWrapperStyled-hbnOMj dMHMyf" bis_skin_checked="1"><span class="TagCorestyled__TagWrapperStyled-bZcYpU bEfimh"><span class="TagCorestyled__TagCoreStyled-giVumc cgQMVE">In progress</span></span></div></div>
617
+ </div>
618
+ </div>
619
+
620
+
621
+ <div class="introduction" bis_skin_checked="1"><div class="page-introduction-element mgb8" bis_skin_checked="1" style="display: none;"><div class="entry page-introduction" id="page-introduction-view__container" bis_skin_checked="1"></div>
622
+ <div class="last-edited-container mgt4" bis_skin_checked="1"></div>
623
+
624
+ </div></div>
625
+ <div class="shortcut-tiles" bis_skin_checked="1"></div>
626
+ <div class="tabs page-tabs relative pos-nleft4 mgb8 hg14 z0" translate="yes" bis_skin_checked="1"><div class="full-height flex overflow-x-scroll tiny-scrollbar overflow-x-only mxwg218" bis_skin_checked="1"><div class="full-height flex" bis_skin_checked="1"><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
627
+ <a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/44a402" class="name relative tab-view--name type_interface-medium"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
628
+ <div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name" '="" bis_skin_checked="1">
629
+
630
+ Figma tilkobling
631
+
632
+ </div>
633
+ <div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
634
+ <div class="edit-icon" bis_skin_checked="1"></div>
635
+ </div>
636
+ </div></a>
637
+
638
+
639
+
640
+
641
+
642
+
643
+ <div class="line relative z0 pos-bottom0 pos-left0 absolute full-width accent-background display-none" style="height: 2px; " bis_skin_checked="1"></div>
644
+ <div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
645
+ </div><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
646
+ <a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/536ee0" class="name relative tab-view--name type_interface-medium"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
647
+ <div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name
648
+
649
+ " '="" bis_skin_checked="1">
650
+
651
+ Oppstart
652
+
653
+ </div>
654
+ <div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
655
+ <div class="edit-icon" bis_skin_checked="1"></div>
656
+ </div>
657
+ </div></a>
658
+
659
+
660
+
661
+
662
+
663
+
664
+ <div class="line relative z0 display-none pos-bottom0 pos-left0 absolute full-width accent-background" style="height: 2px; " bis_skin_checked="1"></div>
665
+ <div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
666
+ </div><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
667
+ <a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/08e6fc" class="name relative tab-view--name active-tab type_heading-small"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
668
+ <div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name bold" '="" bis_skin_checked="1">
669
+
670
+ Lage ett nytt komponent
671
+
672
+ </div>
673
+ <div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
674
+ <div class="edit-icon" bis_skin_checked="1"></div>
675
+ </div>
676
+ </div></a>
677
+
678
+
679
+
680
+
681
+
682
+
683
+ <div class="line relative z0 pos-bottom0 pos-left0 absolute full-width accent-background" style="height: 2px; " bis_skin_checked="1"></div>
684
+ <div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
685
+ </div><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
686
+ <a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/023552" class="name relative tab-view--name type_interface-medium"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
687
+ <div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name
688
+
689
+ " '="" bis_skin_checked="1">
690
+
691
+ Praktiske eksempler
692
+
693
+ </div>
694
+ <div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
695
+ <div class="edit-icon" bis_skin_checked="1"></div>
696
+ </div>
697
+ </div></a>
698
+
699
+
700
+
701
+
702
+
703
+
704
+ <div class="line relative z0 display-none pos-bottom0 pos-left0 absolute full-width accent-background" style="height: 2px; " bis_skin_checked="1"></div>
705
+ <div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
706
+ </div><div class="mgx4 hover-pointer text-decoration-none type_interface-large full-height flex-center relative tab-view--tab ui-droppable" bis_skin_checked="1">
707
+ <a href="https://zeroheight.com/6c39474a8/p/02876f-kom-i-gang/b/23b17a" class="name relative tab-view--name type_interface-medium"><div class="relative truncate flex-grow flex-vertical-center mihg5" bis_skin_checked="1"><!-- We need an empty href here, rather than a hash one. This is due to back button compatibility. -->
708
+ <div draggable="false" class="text-container block mihg5 miwg2 flex-vertical-center flex-grow text-field-view--name
709
+
710
+ " '="" bis_skin_checked="1">
711
+
712
+ Token studio
713
+
714
+ </div>
715
+ <div class="edit no-show-on-drag hover-pointer display-none flex-vertical-center mgl1" bis_skin_checked="1">
716
+ <div class="edit-icon" bis_skin_checked="1"></div>
717
+ </div>
718
+ </div></a>
719
+
720
+
721
+
722
+
723
+
724
+
725
+ <div class="line relative z0 display-none pos-bottom0 pos-left0 absolute full-width accent-background" style="height: 2px; " bis_skin_checked="1"></div>
726
+ <div class="droppable-tab-overlay display-none" bis_skin_checked="1"></div>
727
+ </div></div>
728
+
729
+
730
+ <div class="line absolute pos-bottom0 pos-left4 border-bottom border-color-full mxwg212" style="height:1px; width: 100%; z-index: -1;" bis_skin_checked="1"></div></div></div>
731
+ <div class="relative" bis_skin_checked="1">
732
+ <div class="content" bis_skin_checked="1"><div class="BodyEditor__StyledBodyEditor-cxhtsj drhdMd" bis_skin_checked="1"><div data-tiptap="true" data-testid="body-editor" data-editor-name="body" class="ZhEditor__StyledZhEditor-maceX hMnSYR" bis_skin_checked="1"><div name="body" class="ZhEditorstyled__EditorContainerStyled-dHtYux gSmklX" bis_skin_checked="1"><div class="ZhEditorstyled__EditorContentStyled-fkfFpn cHKJRG" bis_skin_checked="1"><div contenteditable="false" translate="yes" class="tiptap ProseMirror" bis_skin_checked="1"><h3 class="zheditor-heading" data-block-id="0faa20ebb4">Lage nye komponenter</h3><p class="zheditor-p" data-block-id="29e63763ff">Denne siden forklarer hvordan man bygger nye komponenter i design­systemet. Målet er å sikre at komponentene er konsistente, skalerbare, tilgjengelige og enkle å bruke både i design og utvikling.</p><p class="zheditor-p" data-block-id="d5e2efdfc5"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="93e39000f9">Tokens som grunnlag</h3><p class="zheditor-p" data-block-id="0d59bdeacf">Alle komponenter skal bygges med tokens. Tokens er de grunnleggende verdiene i systemet og gjør det mulig å oppdatere eller tilpasse design uten å endre hver enkelt komponent.</p><ul class="zheditor-ul" data-block-id="d76c0345b4"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Autolayout</strong><br data-block-id="">Bruk alltid Autolayout i Figma. Det gir produksjonsklare filer og speiler hvordan kode er strukturert.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Størrelsestokens</strong><br data-block-id="">Bruk tokens for spacing, padding og dimensjoner. Unngå manuelle verdier.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Semantiske tokens</strong><br data-block-id="">Benytt semantiske tokens for farger, typografi og spacing. Dette sikrer støtte for lys og mørk modus, ulike størrelser og temaer – og gjør komponentene direkte koblet til kode.</p></li></ul><p class="zheditor-p" data-block-id="f44b0bd874"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="523c795a8d">Bygging med atomisk design</h3><p class="zheditor-p" data-block-id="dc2331c6fa">Komponenter settes sammen hierarkisk etter atomisk design:</p><ul class="zheditor-ul" data-block-id="28e608d1ef"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Atomer</strong> – de minste byggeklossene (f.eks. knapp, ikon, inputfelt).</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Molekyler</strong> – sammensatte atomer (f.eks. søkefelt = input + knapp).</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Organismer</strong> – større helheter laget av molekyler (f.eks. skjema eller navigasjon).</p></li></ul><p class="zheditor-p" data-block-id="1c5decbb27">Dette prinsippet gjør komponentene modulære og gjenbrukbare.</p><div data-block-id="1531cc9fdf" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
733
+
734
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
735
+
736
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
737
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
738
+
739
+ <img class="image max-full-width z1" alt="Eksempel på atomisk design struktur i en kort modul" data-testid="image" src="./LageKompSteg10_files/apBtKWkc1mll4GbjWV1itQ.png" style="width: 924px;">
740
+
741
+
742
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
743
+
744
+ <div class="image-block--caption full-width caption-input-center-align" bis_skin_checked="1"><p data-testid="caption" class="ImageCaptionstyled__ReadOnlyImageCaptionStyled-debNWe ejZju">Eksempel på atomisk design struktur i en kort modul</p></div>
745
+ </div>
746
+ <div class="image-block--caption full-width editable-caption caption-input-center-align" bis_skin_checked="1"></div>
747
+ </div>
748
+
749
+ </div>
750
+
751
+
752
+ <!-- hidden file input -->
753
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
754
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
755
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
756
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
757
+ <div class="flex-grow" bis_skin_checked="1"></div>
758
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
759
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
760
+ </div>
761
+ </div>
762
+ </div></div></div></div><h3 class="zheditor-heading" data-block-id="4303677b27">Eksempel Kalender Modul</h3><p class="zheditor-p" data-block-id="ccca882572">Trinn 1: Begynn på atomisk nivå</p><ul class="zheditor-ul" data-block-id="3617f2ac2d"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Se for deg atomene som trengs når du lager en kalender. Eksempelvis kan det være:</p><ul class="zheditor-ul" data-block-id=""><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Tekst</strong></p><ul class="zheditor-ul" data-block-id=""><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Måned/år (f.eks. "August 2025")</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Ukedagsnavn (man, tir, ons …)</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Dato-nummer (1, 2, 3 …)</p></li></ul></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Ikoner</strong></p><ul class="zheditor-ul" data-block-id=""><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Piltaster for navigasjon (forrige/neste måned)</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Eventuelt ikon for «dagens dato» eller «reset»</p></li></ul></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id=""><strong data-block-id="">Knapper</strong></p><ul class="zheditor-ul" data-block-id=""><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Navigasjonsknapper (forrige/neste måned)</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Dato-knapp (hver dato er en interaktiv knapp)</p></li></ul></li></ul></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Vi vet at vi allerede har <code class="zheditor-inline-code" data-block-id="">icon-button</code> så den kan vi enkelt hente ut fra komponent bibiloteket</p></li></ul><div data-block-id="8159348f85" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
763
+
764
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
765
+
766
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
767
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
768
+
769
+ <img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/Aw20NIA8X4v0fH4RvfXTjQ.png" style="width: 924px;">
770
+
771
+
772
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
773
+
774
+ <div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
775
+ </div>
776
+ <div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
777
+ </div>
778
+
779
+ </div>
780
+
781
+
782
+ <!-- hidden file input -->
783
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
784
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
785
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
786
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
787
+ <div class="flex-grow" bis_skin_checked="1"></div>
788
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
789
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
790
+ </div>
791
+ </div>
792
+ </div></div></div></div><p class="zheditor-p" data-block-id="8b03e3a066"><br class="ProseMirror-trailingBreak"></p><p class="zheditor-p" data-block-id="91549c9d66"><strong data-block-id="">Trinn 2: Start med å bygge ut atomene dine</strong></p><ul class="zheditor-ul" data-block-id="19747536f9"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">I vårt tilfelleI vårt tilfelle vil vi trenge ett celle komponent som viser ukedagene og dato-nummer i en mnd. Her kan vi bruke samme atom for ukedagsnavn og dato-nummer</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Vi lager to elementer som vi kaller "cell" og legger til autolayout og appellerer token verdiene</p></li></ul><div data-block-id="54b327b1a0" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
793
+
794
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
795
+
796
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
797
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
798
+
799
+ <img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/dEnCU8pawlFGymt29wheGA.png" style="width: 924px;">
800
+
801
+
802
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
803
+
804
+ <div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
805
+ </div>
806
+ <div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
807
+ </div>
808
+
809
+ </div>
810
+
811
+
812
+ <!-- hidden file input -->
813
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
814
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
815
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
816
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
817
+ <div class="flex-grow" bis_skin_checked="1"></div>
818
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
819
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
820
+ </div>
821
+ </div>
822
+ </div></div></div></div><p class="zheditor-p" data-block-id="b764c35083"><strong data-block-id="">Trinn 3: Lag variantene du trenger</strong></p><ul class="zheditor-ul" data-block-id="b9bc6d826f"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">I vårt tilfelle vil vi trenge ett celle komponent som viser ukedagene og dagene i en mnd</p></li></ul><div data-block-id="66f7f149d6" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
823
+
824
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
825
+
826
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
827
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
828
+
829
+ <img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/Szjd1fzYpuonRposgc9Hxg.png" style="width: 924px;">
830
+
831
+
832
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
833
+
834
+ <div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
835
+ </div>
836
+ <div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
837
+ </div>
838
+
839
+ </div>
840
+
841
+
842
+ <!-- hidden file input -->
843
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
844
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
845
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
846
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
847
+ <div class="flex-grow" bis_skin_checked="1"></div>
848
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
849
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
850
+ </div>
851
+ </div>
852
+ </div></div></div></div><p class="zheditor-p" data-block-id="d758147e71"><strong data-block-id="">Trinn 4: Sett sammen molekylet</strong></p><div data-block-id="a2371d7e7e" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
853
+
854
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
855
+
856
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
857
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
858
+
859
+ <img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/OkCzs12gou5bKwg6UM6i_g.png" style="width: 588px;">
860
+
861
+
862
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
863
+
864
+ <div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
865
+ </div>
866
+ <div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
867
+ </div>
868
+
869
+ </div>
870
+
871
+
872
+ <!-- hidden file input -->
873
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
874
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
875
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
876
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
877
+ <div class="flex-grow" bis_skin_checked="1"></div>
878
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
879
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
880
+ </div>
881
+ </div>
882
+ </div></div></div></div><p class="zheditor-p" data-block-id="8853305608"><strong data-block-id="">Trinn 5: Bygg ut organismen</strong></p><ul class="zheditor-ul" data-block-id="41e8ed81e7"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Her legger vi sammen molekylene til en tabell</p></li></ul><div data-block-id="d1707f07db" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
883
+
884
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
885
+
886
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
887
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
888
+
889
+ <img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/x6weQw9segigXP6wNu0oLQ.png" style="width: 588px;">
890
+
891
+
892
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
893
+
894
+ <div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
895
+ </div>
896
+ <div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
897
+ </div>
898
+
899
+ </div>
900
+
901
+
902
+ <!-- hidden file input -->
903
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
904
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
905
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
906
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
907
+ <div class="flex-grow" bis_skin_checked="1"></div>
908
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
909
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
910
+ </div>
911
+ </div>
912
+ </div></div></div></div><p class="zheditor-p" data-block-id="c42bfeafff"><strong data-block-id="">Trinn 6:</strong> <strong data-block-id="">Legg til riktig states</strong></p><div data-block-id="85830a2624" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
913
+
914
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
915
+
916
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
917
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
918
+
919
+ <img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/edlFwshaBG8nzz416hRKhw.png" style="width: 588px;">
920
+
921
+
922
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
923
+
924
+ <div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
925
+ </div>
926
+ <div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
927
+ </div>
928
+
929
+ </div>
930
+
931
+
932
+ <!-- hidden file input -->
933
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
934
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
935
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
936
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
937
+ <div class="flex-grow" bis_skin_checked="1"></div>
938
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
939
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
940
+ </div>
941
+ </div>
942
+ </div></div></div></div><p class="zheditor-p" data-block-id="113645d129"><strong data-block-id="">Trinn 7: Gjør ferdig organismen med eksisterende elementer</strong></p><div data-block-id="38a1e473ee" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
943
+
944
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
945
+
946
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
947
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
948
+
949
+ <img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/eD5pBu-OuSjw5S3ixiE2_g.png" style="width: 588px;">
950
+
951
+
952
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
953
+
954
+ <div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
955
+ </div>
956
+ <div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
957
+ </div>
958
+
959
+ </div>
960
+
961
+
962
+ <!-- hidden file input -->
963
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
964
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
965
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
966
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
967
+ <div class="flex-grow" bis_skin_checked="1"></div>
968
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
969
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
970
+ </div>
971
+ </div>
972
+ </div></div></div></div><p class="zheditor-p" data-block-id="5d32a9ecca"><strong data-block-id="">Trinn 8: Bygg ut med flere varianter hvis det gir mening</strong></p><div data-block-id="e52b108bf5" class="disable-selecting marionette-block-wrapper-wide-selection-area" contenteditable="false" draggable="true" bis_skin_checked="1"><div class="full-width border-box normal-whitespace relative image-block nmgt2 pgy2 mgb10" bis_skin_checked="1"><div class="action-list-behavior--hover-underlay" style="height: calc(100%); width: calc(100% + 16px); left: -8px; top: 0px; box-sizing: border-box; border-radius: 3px; padding: 8px; position: absolute; display: none; border: 1px solid rgba(0, 0, 0, 0.08); font-size: 0.875rem; font-weight: 500;" bis_skin_checked="1"></div><div class="image-holder full-width full-height flex flex-column border-box border-color-transparent border relative" bis_skin_checked="1">
973
+
974
+ <div class="block-placeholder" style="margin-top: 0px;" bis_skin_checked="1"></div>
975
+
976
+ <div class="image-container lightbox-button-holder relative full-width flex flex-column flex-align-items-center" data-testid="image-layout-container" bis_skin_checked="1">
977
+ <div class="relative flex flex-column flex-align-items-center " bis_skin_checked="1">
978
+
979
+ <img class="image max-full-width z1" alt="" data-testid="image" src="./LageKompSteg10_files/sR8dAzLIjEs0LcFCqtyoww.png" style="width: 588px;">
980
+
981
+
982
+ <div class="lightbox-button hover-pointer absolute top4 z1 right4 display-none" bis_skin_checked="1"><button type="button" class="Buttonstyled__ButtonStyled-crfpgk hUfbKG"><div class="Buttonstyled__ButtonContainerStyled-gVNPev jfMtvd" bis_skin_checked="1"><div class="Buttonstyled__ContentContainerStyled-gpDQTg jrlojY" bis_skin_checked="1"><div class="Buttonstyled__Label-fNormr hyogTb" bis_skin_checked="1"><i color="#262626" size="4" class="Iconstyled__IconStyled-gPYeWY fwRYUs" style="margin-right: 0px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#212121" fill-rule="evenodd" d="M6.49275 17.2896c.39053.3906 1.0039.4104 1.37002.0442l9.28073-9.28074c.3662-.36612.3464-.9795-.0441-1.37002-.3906-.39052-1.004-.41031-1.3701-.04419L6.44856 15.9196c-.36612.3661-.34633.9795.04419 1.37" clip-rule="evenodd"></path><path fill="#212121" fill-rule="evenodd" d="M6.15957 6.64339c0 .55228.44772 1 1 1h8.89953v8.89951c0 .5523.4477 1 1 1s1-.4477 1-1V7.64339c0-1.10457-.8955-2-2-2H7.15957c-.55228 0-1 .44771-1 1" clip-rule="evenodd"></path></svg></i></div></div></div></button></div>
983
+
984
+ <div class="image-block--caption full-width display-none caption-input-center-align" bis_skin_checked="1"></div>
985
+ </div>
986
+ <div class="image-block--caption full-width editable-caption display-none caption-input-center-align" bis_skin_checked="1"></div>
987
+ </div>
988
+
989
+ </div>
990
+
991
+
992
+ <!-- hidden file input -->
993
+ <input type="file" accept=".jpg, .jpeg, .png, .svg, .gif, .webp" class="display-none file-picker" aria-label="File">
994
+ <div class="fakeContents display-none" data-hj-suppress="" contenteditable="true" bis_skin_checked="1"></div>
995
+ <div class="action-list absolute pos-nright2 display-none" style="top: -50px; z-index: 3;" data-testid="action-list" bis_skin_checked="1"><div class="pgb3 pgl3" contenteditable="false" bis_skin_checked="1"><div class="hg10 border shadow border-grey80 rounded-corners flex-vertical-center pgx4 themeable-white-background" tabindex="-1" bis_skin_checked="1">
996
+ <div class="hg6 flex-vertical-center themeable-white-background" bis_skin_checked="1">
997
+ <div class="flex-grow" bis_skin_checked="1"></div>
998
+ <div class="settings-popout-container" bis_skin_checked="1"></div>
999
+ <div class="settings-actions-list flex-vertical-center" bis_skin_checked="1"><div aria-label="action-layout-settings" class="action hover-pointer hg6 mgr4 action--layout-settings" bis_skin_checked="1"><i data-action-id="layout-settings" data-tooltip="Layout settings" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M12 10c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2m-4 2c0-2.20914 1.79086-4 4-4 2.2091 0 4 1.79086 4 4 0 2.2091-1.7909 4-4 4-2.20914 0-4-1.7909-4-4" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M12 2c-.2652 0-.5196.10536-.7071.29289C11.1054 2.48043 11 2.73478 11 3v.17399c-.0021.51681-.1552 1.02173-.4406 1.45262-.2853.43089-.69045.76894-1.16547.97253-.08455.03624-.17351.06055-.26432.07243-.43163.15115-.89628.18841-1.34861.10639-.521-.09447-1.00175-.34284-1.38027-.7131l-.00788-.00771-.05996-.06004c-.09287-.09298-.20355-.16713-.32495-.21746-.1214-.05032-.25152-.07622-.38294-.07622s-.26154.0259-.38294.07622c-.1214.05033-.23169.12409-.32456.21706l-.00079.00079c-.09297.09287-.16673.20316-.21706.32456-.05032.1214-.07622.25152-.07622.38294s.0259.26154.07622.38294c.05033.1214.12409.23169.21706.32456l.0682.06819c.37025.37852.61858.85931.71305 1.38031.09259.51063.03317 1.03697-.17051 1.51378-.18556.48655-.51047.90792-.9344 1.21112-.43251.3093-.94807.4814-1.47967.4938L3.09 11.08H3c-.26522 0-.51957.1054-.70711.2929C2.10536 11.5604 2 11.8148 2 12.08s.10536.5196.29289.7071c.18754.1875.44189.2929.70711.2929h.17399c.51681.0021 1.02173.1552 1.45262.4406.4294.2843.76659.6876.9704 1.1605.21207.4832.2751 1.0187.18095 1.5379-.09447.521-.34284 1.0017-.7131 1.3803l-.00771.0079-.06005.0599c-.09297.0929-.16712.2036-.21745.325-.05032.1214-.07622.2515-.07622.3829s.0259.2615.07622.3829c.05033.1214.12409.2317.21706.3246l.00079.0008c.09287.093.20316.1667.32456.217.1214.0504.25153.0763.38294.0763s.26154-.0259.38294-.0763c.1214-.0503.23169-.124.32456-.217l.06819-.0682c.37852-.3703.85931-.6186 1.38031-.7131.51063-.0925 1.03696-.0331 1.51377.1705.48655.1856.90793.5105 1.21113.9345.3093.4325.4814.948.4938 1.4796l.0003.0234V21c0 .2652.1054.5196.2929.7071S11.8148 22 12.08 22s.5196-.1054.7071-.2929.2929-.4419.2929-.7071v-.174c.0021-.5168.1552-1.0217.4406-1.4526.2844-.4294.6877-.7667 1.1606-.9705.4831-.212 1.0186-.275 1.5378-.1809.521.0945 1.0017.3429 1.3803.7131l.0078.0078.06.06c.0929.093.2036.1671.325.2174.1214.0504.2515.0763.3829.0763s.2615-.0259.3829-.0763c.1214-.0503.2317-.124.3246-.217l.0008-.0008c.093-.0929.1667-.2032.217-.3246.0504-.1214.0763-.2515.0763-.3829s-.0259-.2615-.0763-.3829c-.0503-.1214-.124-.2317-.217-.3246l-.0682-.0682c-.3703-.3785-.6186-.8593-.7131-1.3803-.0941-.5192-.0311-1.0547.1809-1.5378.2038-.4729.5411-.8762.9705-1.1606.4309-.2854.9358-.4385 1.4526-.4406H21c.2652 0 .5196-.1054.7071-.2929S22 12.2652 22 12s-.1054-.5196-.2929-.7071S21.2652 11 21 11h-.174c-.5168-.0021-1.0217-.1552-1.4526-.4406-.4309-.2853-.7689-.69044-.9725-1.16547-.0363-.08455-.0606-.17351-.0725-.26432-.1511-.43163-.1884-.89629-.1064-1.34861.0945-.521.3429-1.00175.7131-1.38027l.0077-.00788.0601-.05995c.093-.09288.1671-.20356.2174-.32496.0504-.1214.0763-.25153.0763-.38294s-.0259-.26154-.0763-.38294c-.0503-.1214-.124-.23169-.217-.32456l-.0008-.00079c-.0929-.09297-.2032-.16673-.3246-.21706-.1214-.05032-.2515-.07622-.3829-.07622s-.2615.0259-.3829.07622c-.1214.05033-.2317.12409-.3246.21706l-.0682.0682c-.3785.37025-.8593.61858-1.3803.71305-.5192.09415-1.0547.03112-1.5379-.18095-.4729-.20381-.8762-.541-1.1605-.9704-.2854-.43089-.4385-.93581-.4406-1.45262V3c0-.26522-.1054-.51957-.2929-.70711C12.5196 2.10536 12.2652 2 12 2m7.4 13 .9149.4038c-.0525.1188-.0681.2506-.0449.3784.0229.1264.0827.2431.1719.3355l.0548.0548c-.0001-.0001.0001.0001 0 0 .2788.2785.5003.6097.6512.9737.151.3642.2287.7546.2287 1.1488s-.0777.7846-.2287 1.1488-.3723.6951-.6512.9737L19.79 19.71l.7075.7067c-.2786.2789-.6095.5002-.9737.6512s-.7546.2287-1.1488.2287-.7846-.0777-1.1488-.2287c-.364-.1509-.6948-.372-.9733-.6508-.0001-.0001.0001.0001 0 0l-.0552-.0552c-.0924-.0892-.2091-.149-.3355-.1719-.1278-.0232-.2596-.0076-.3784.0449l-.0098.0043c-.1166.0499-.216.1328-.2859.2385-.0698.1053-.1073.2286-.1081.3548V21c0 .7957-.3161 1.5587-.8787 2.1213S12.8757 24 12.08 24s-1.5587-.3161-2.12132-.8787C9.39607 22.5587 9.08 21.7957 9.08 21v-.0756c-.00474-.1272-.04673-.2503-.12086-.354-.07588-.106-.18191-.1868-.30432-.2319-.01977-.0072-.03931-.0151-.05858-.0236-.11882-.0525-.25063-.0681-.37842-.0449-.1264.0229-.24315.0827-.33552.1719l-.0548.0548c-.00013.0001.00013-.0001 0 0-.27854.2788-.60966.5003-.97368.6512-.36419.151-.75457.2287-1.14882.2287s-.78463-.0777-1.14882-.2287c-.36385-.1508-.69444-.3718-.97289-.6504-.27893-.2786-.50021-.6095-.65118-.9737-.15098-.3642-.22868-.7546-.22868-1.1488s.0777-.7846.22868-1.1488c.15097-.3642.37225-.6951.65118-.9737l.05482-.0548c.08917-.0924.14902-.2091.17194-.3355.02317-.1278.00753-.2596-.04491-.3784l-.00433-.0098c-.04994-.1166-.1328-.216-.23849-.2859-.10528-.0698-.22858-.1073-.35482-.1081H3c-.79565 0-1.55871-.3161-2.12132-.8787C.316071 13.6387 0 12.8756 0 12.08s.316071-1.5587.87868-2.12132C1.44129 9.39607 2.20435 9.08 3 9.08h.07564c.12719-.00474.25027-.04673.35391-.12086.10609-.07588.18689-.18191.23191-.30432.00728-.01977.01517-.03931.02368-.05858.05244-.11882.06808-.25063.04491-.37842-.02292-.1264-.08277-.24314-.17195-.33551l-.05481-.05481c-.27893-.27862-.50021-.60948-.65118-.97368-.15098-.36419-.22868-.75457-.22868-1.14882s.0777-.78463.22868-1.14882c.1509-.36402.37204-.69475.65078-.97329.27854-.27874.60927-.49988.97329-.65078.36419-.15098.75457-.22868 1.14882-.22868s.78463.0777 1.14882.22868c.3642.15097.69506.37225.97368.65118l.05481.05481c.09237.08918.20911.14903.33551.17195.12779.02317.2596.00753.37842-.04491.06403-.02827.13069-.04965.19883-.06392.06972-.04732.12991-.10799.17688-.1789.06972-.10528.10726-.22858.10805-.35482V3c0-.79565.31607-1.55871.87868-2.12132C10.4413.316071 11.2044 0 12 0s1.5587.316071 2.1213.87868C14.6839 1.44129 15 2.20435 15 3v.0875c.0008.12624.0383.24954.1081.35482.0699.10569.1693.1886.2858.23854l.0099.00422c.1188.05244.2506.06814.3784.04497.1264-.02292.2431-.08277.3355-.17194l.0548-.05482c.2786-.27893.6095-.50021.9737-.65118.3642-.15098.7546-.22868 1.1488-.22868s.7846.0777 1.1488.22868c.3642.15097.6951.37225.9737.65118.2786.27845.4996.60904.6504.97289.151.36419.2287.75457.2287 1.14882s-.0777.78463-.2287 1.14882c-.1509.36402-.372.69475-.6508.97328-.0001.00014.0001-.00013 0 0l-.0552.05521c-.0892.09237-.149.20911-.1719.33551-.0232.12779-.0076.2596.0449.37842.0282.06403.0496.13068.0639.19883.0473.06972.108.12991.1789.17688.1053.06972.2286.10726.3548.10805H21c.7957 0 1.5587.31607 2.1213.87868C23.6839 10.4413 24 11.2043 24 12s-.3161 1.5587-.8787 2.1213S21.7957 15 21 15h-.0875c-.1262.0008-.2495.0383-.3548.1081-.1057.0699-.1886.1693-.2386.2858z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-link" class="action hover-pointer hg6 mgr4 action--link" bis_skin_checked="1"><i data-action-id="link" data-tooltip="Add Link" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M6 8c-1.06087 0-2.07828.42143-2.82843 1.17157C2.42143 9.92172 2 10.9391 2 12s.42143 2.0783 1.17157 2.8284c.37144.3715.81239.6661 1.2977.8671C4.95457 15.8965 5.47471 16 6 16h3c.55229 0 1 .4477 1 1s-.44771 1-1 1H6c-.78793 0-1.56815-.1552-2.2961-.4567-.72795-.3016-1.38939-.7435-1.94654-1.3007C.632141 15.1174 0 13.5913 0 12s.632141-3.11742 1.75736-4.24264C2.88258 6.63214 4.4087 6 6 6h3c.55229 0 1 .44772 1 1s-.44771 1-1 1zm8-1c0-.55228.4477-1 1-1h3c.7879 0 1.5681.15519 2.2961.45672s1.3894.74349 1.9465 1.30064c.5572.55715.9991 1.21859 1.3007 1.94654.3015.728.4567 1.5082.4567 2.2961s-.1552 1.5681-.4567 2.2961c-.3016.728-.7435 1.3894-1.3007 1.9465-.5571.5572-1.2185.9991-1.9465 1.3007C19.5681 17.8448 18.7879 18 18 18h-3c-.5523 0-1-.4477-1-1s.4477-1 1-1h3c.5253 0 1.0454-.1035 1.5307-.3045s.9263-.4956 1.2977-.8671c.3715-.3714.6661-.8124.8671-1.2977S22 12.5253 22 12s-.1035-1.0454-.3045-1.5307c-.201-.48534-.4956-.92629-.8671-1.29773-.3714-.37143-.8124-.66607-1.2977-.86709S18.5253 8 18 8h-3c-.5523 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M7 12c0-.5523.44772-1 1-1h8c.5523 0 1 .4477 1 1s-.4477 1-1 1H8c-.55228 0-1-.4477-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-copy" class="action hover-pointer hg6 mgr4 action--copy" bis_skin_checked="1"><i data-action-id="copy" data-tooltip="Copy image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M10 9c-.55228 0-1 .44772-1 1v9c0 .5523.44772 1 1 1h9c.5523 0 1-.4477 1-1v-9c0-.55228-.4477-1-1-1zm-3 1c0-1.65685 1.34315-3 3-3h9c1.6569 0 3 1.34315 3 3v9c0 1.6569-1.3431 3-3 3h-9c-1.65685 0-3-1.3431-3-3z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5 4c-.26522 0-.51957.10536-.70711.29289C4.10536 4.48043 4 4.73478 4 5v9c0 .2652.10536.5196.29289.7071.06238.0624.13207.1156.20708.1589.4783.2761.6422.8877.36607 1.366s-.88771.6422-1.36601.3661c-.22518-.13-.43437-.2898-.62135-.4768C2.31607 15.5587 2 14.7956 2 14V5c0-.79565.31607-1.55871.87868-2.12132S4.20435 2 5 2h9c.7956 0 1.5587.31607 2.1213.87868.187.18698.3468.39617.4768.62135.2761.4783.1122 1.08988-.3661 1.36601s-1.0899.11223-1.366-.36607c-.0433-.07501-.0965-.1447-.1589-.20708C14.5196 4.10536 14.2652 4 14 4z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div><div aria-label="action-delete" class="action hover-pointer hg6 action--delete" bis_skin_checked="1"><i data-action-id="delete" data-tooltip="Delete image" color="var(--colors-ui-element-text-secondary, #605f60)" size="6" class="Iconstyled__IconStyled-gPYeWY joEKwM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M2 7c0-.55228.44772-1 1-1h18c.5523 0 1 .44772 1 1s-.4477 1-1 1H3c-.55228 0-1-.44772-1-1" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M10 4c-.26522 0-.51957.10536-.70711.29289C9.10536 4.48043 9 4.73478 9 5v1h6V5c0-.26522-.1054-.51957-.2929-.70711C14.5196 4.10536 14.2652 4 14 4zm7 2V5c0-.79565-.3161-1.55871-.8787-2.12132S14.7956 2 14 2h-4c-.79565 0-1.55871.31607-2.12132.87868S7 4.20435 7 5v1H6c-.55228 0-1 .44772-1 1v12c0 .7957.31607 1.5587.87868 2.1213S7.20435 22 8 22h8c.7957 0 1.5587-.3161 2.1213-.8787S19 19.7957 19 19V7c0-.55228-.4477-1-1-1zM7 8v11c0 .2652.10536.5196.29289.7071C7.48043 19.8946 7.73478 20 8 20h8c.2652 0 .5196-.1054.7071-.2929S17 19.2652 17 19V8z" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i></div></div>
1000
+ </div>
1001
+ </div>
1002
+ </div></div></div></div><h3 class="zheditor-heading" data-block-id="c208935d3f">Varianter og tilstander</h3><p class="zheditor-p" data-block-id="7027d07abb">Alle komponenter skal ha definerte varianter og interaksjonstilstander:</p><ul class="zheditor-ul" data-block-id="2ca46888c8"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Bruk <strong data-block-id="">Figma Variants</strong> i stedet for duplisering.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Minimumstilstander: <em data-block-id="">default, hover, pressed, disabled, focus</em>. Litt ut fra kontekst</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Opprett en ny variant når det gjelder en tilpasning av samme komponent, og en ny komponent kun når funksjonen er unik.</p></li></ul><p class="zheditor-p" data-block-id="1e382cc09b"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="0ae4420ae9">Tilgjengelighet</h3><p class="zheditor-p" data-block-id="5539ffd606">Tilgjengelighet skal alltid ivaretas:</p><ul class="zheditor-ul" data-block-id="ada678a475"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Følg WCAG-kontrastkrav (minimum 4.5:1 for tekst).</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Interaktive flater skal ha minst 44 × 44 px treffflate.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Fokus­tilstand skal alltid være synlig, også uten hover.</p></li></ul><p class="zheditor-p" data-block-id="9fbcac57ac"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="af83069d79">Responsivitet</h3><p class="zheditor-p" data-block-id="02b7a8cd69">Komponenter skal fungere på tvers av skjermstørrelser og layouts:</p><ul class="zheditor-ul" data-block-id="129242d253"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Bruk størrelsestokens for spacing og dimensjoner.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Støtt små, mellomstore og store layoutvarianter.</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">Sørg for at komponenter brytes eller stackes logisk i mindre formater.</p></li></ul><p class="zheditor-p" data-block-id="9597af6603"><br class="ProseMirror-trailingBreak"></p><h3 class="zheditor-heading" data-block-id="6e53129304">Gjenbruk i kontekst</h3><p class="zheditor-p" data-block-id="5e3c3896a9">En komponent skal alltid kunne brukes i ulike sammenhenger.<br data-block-id="">Vis derfor eksempler i dokumentasjonen, som:</p><ul class="zheditor-ul" data-block-id="e8044e473e"><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">knapp i et skjema</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">kort i et grid</p></li><li class="zheditor-li" data-block-id=""><p class="zheditor-p" data-block-id="">inputfelt i en dialogboks</p></li></ul><p class="zheditor-p" data-block-id="0d2e2d15c4"><br class="ProseMirror-trailingBreak"></p><div class="react-renderer node-rules" contenteditable="false" draggable="true" bis_skin_checked="1"><div data-block-id="1fe76fed47" data-node-view-wrapper="" style="white-space: normal; margin-top: -10px;" bis_skin_checked="1"><div data-testid="actions-wrapper" class="Box-hsdYAF ActionMenuContainer__StyledActionsWrapper-XFguf kLQJTa gwixzq" bis_skin_checked="1"><div class="Box-hsdYAF kLQJTa" style="position: relative; overflow: initial;" bis_skin_checked="1"><div class="DosAndDontsstyled__DosAndDontsContainerStyled-iDDHA-D hRJCDw" bis_skin_checked="1"><div class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__EmptyOptionsTileStyled-mJFus fqrfAu gepodJ" bis_skin_checked="1"></div><div data-cy="dd-image-container-0" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu lopnoP" bis_skin_checked="1"></div><div data-cy="dd-text-container-0" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu hdatgc" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-do, #bdf4e9)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY cZBtqp"><i class="Iconstyled__IconStyled-gPYeWY gPnPbw Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-do, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M20.7071 6.29289c.3905.39053.3905 1.02369 0 1.41422L9.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0l-5-5c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3905 1.02369-.3905 1.41422 0L9 16.5858 19.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-do, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN heqgbr">Do</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Bruk Autolayout og tokens konsekvent.</div></div><div data-cy="dd-image-container-1" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu cSJKzD" bis_skin_checked="1"></div><div data-cy="dd-text-container-1" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu dAiAYI" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-do, #bdf4e9)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY cZBtqp"><i class="Iconstyled__IconStyled-gPYeWY gPnPbw Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-do, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M20.7071 6.29289c.3905.39053.3905 1.02369 0 1.41422L9.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0l-5-5c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3905 1.02369-.3905 1.41422 0L9 16.5858 19.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-do, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN heqgbr">Do</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Følg atomisk design-struktur.</div></div><div data-cy="dd-image-container-2" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu eygCft" bis_skin_checked="1"><div data-testid="dd-color-box-styled" spacing="0" class="Box-hsdYAF DosAndDontsstyled__DosAndDontsColoredBoxStyled-ktvqvx jtcrxj hNulRr" bis_skin_checked="1"><div class="Box-hsdYAF DosAndDontsstyled__DosAndDontsImageBoxStyled-bJBbrC kLQJTa chaNoC" bis_skin_checked="1"><img alt="" src="./LageKompSteg10_files/5Cz6pIkuV1E2RnEPlt0Hpg.png" class="DosAndDontsstyled__ImageStyled-bQgmfa gbeuld" style="max-width: 100%;"></div></div><div class="DosAndDontsstyled__DosAndDontsImageSpacingStyled-iNvtxy feZCJI" bis_skin_checked="1"></div></div><div data-cy="dd-text-container-2" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu fbkLNW" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-do, #bdf4e9)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY cZBtqp"><i class="Iconstyled__IconStyled-gPYeWY gPnPbw Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-do, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M20.7071 6.29289c.3905.39053.3905 1.02369 0 1.41422L9.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0l-5-5c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3905 1.02369-.3905 1.41422 0L9 16.5858 19.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-do, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN heqgbr">Do</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Definer varianter og interaksjonstilstander med Figma Variants.</div></div><div data-cy="dd-image-container-3" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu ininzt" bis_skin_checked="1"><div data-testid="dd-color-box-styled" spacing="0" class="Box-hsdYAF DosAndDontsstyled__DosAndDontsColoredBoxStyled-ktvqvx jtcrxj hNulRr" bis_skin_checked="1"><div class="Box-hsdYAF DosAndDontsstyled__DosAndDontsImageBoxStyled-bJBbrC kLQJTa chaNoC" bis_skin_checked="1"><img alt="" src="./LageKompSteg10_files/423mZ5EZ77GBsUg-Ih2UXw.png" class="DosAndDontsstyled__ImageStyled-bQgmfa gbeuld" style="max-width: 100%;"></div></div><div class="DosAndDontsstyled__DosAndDontsImageSpacingStyled-iNvtxy feZCJI" bis_skin_checked="1"></div></div><div data-cy="dd-text-container-3" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu bbiKaS" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-do, #bdf4e9)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY cZBtqp"><i class="Iconstyled__IconStyled-gPYeWY gPnPbw Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-do, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M20.7071 6.29289c.3905.39053.3905 1.02369 0 1.41422L9.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0l-5-5c-.39052-.3905-.39052-1.0237 0-1.4142.39053-.3905 1.02369-.3905 1.41422 0L9 16.5858 19.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-do, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN heqgbr">Do</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Dokumenter med eksempler på gjenbruk.</div></div><div data-cy="dd-image-container-4" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu fZRwmn" bis_skin_checked="1"></div><div data-cy="dd-text-container-4" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu cguoPP" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Ikke bland lys og mørk modus i samme komponent.</div></div><div data-cy="dd-image-container-5" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu iTHCVX" bis_skin_checked="1"></div><div data-cy="dd-text-container-5" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu jehOun" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Ikke bruk manuelle verdier for farger, spacing eller typografi.</div></div><div data-cy="dd-image-container-6" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu hURyIC" bis_skin_checked="1"></div><div data-cy="dd-text-container-6" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu bpBXnN" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Ikke lag unødvendige duplikater av eksisterende komponenter.</div></div><div data-cy="dd-image-container-7" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu bhtcJO" bis_skin_checked="1"></div><div data-cy="dd-text-container-7" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu eRnblp" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Ikke utelat interaksjons- eller tilgjengelighetskrav.</div></div><div data-cy="dd-image-container-8" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__ImageSectionStyled-jSODRH fqrfAu ldHIWU" bis_skin_checked="1"><div data-testid="dd-color-box-styled" spacing="0" class="Box-hsdYAF DosAndDontsstyled__DosAndDontsColoredBoxStyled-ktvqvx jtcrxj hNulRr" bis_skin_checked="1"><div class="Box-hsdYAF DosAndDontsstyled__DosAndDontsImageBoxStyled-bJBbrC kLQJTa chaNoC" bis_skin_checked="1"><img alt="" src="./LageKompSteg10_files/yCEJ0dTNZdZ6HbTALosHNQ.png" class="DosAndDontsstyled__ImageStyled-bQgmfa gbeuld" style="max-width: 100%;"></div></div><div class="DosAndDontsstyled__DosAndDontsImageSpacingStyled-iNvtxy feZCJI" bis_skin_checked="1"></div></div><div data-cy="dd-text-container-8" class="DosAndDontsstyled__SectionStyled-hLMFoc DosAndDontsstyled__TextSectionStyled-bKziSh fqrfAu gOxhTf" bis_skin_checked="1"><div class="Box-hsdYAF jappCO" bis_skin_checked="1"><span class="Pillstyled__PillWrapperStyled-fJmNOr kjJGDI"><span color="var(--colors-blocks-rules-background-dont, #fce5e4)" data-testid="pill" class="Pillstyled__PillStyled-djzWqY gXMLAX"><i class="Iconstyled__IconStyled-gPYeWY ednbZu Pillstyled__StyledIcon-dJWssy bVWxmo" color="var(--colors-blocks-rules-text-dont, #212121)" size="4"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" vector-effect="non-scaling-stroke"><path fill="#212121" fill-rule="evenodd" d="M18.7071 5.29289c.3905.39053.3905 1.02369 0 1.41422L6.70711 18.7071c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142L17.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path><path fill="#212121" fill-rule="evenodd" d="M5.29289 5.29289c.39053-.39052 1.02369-.39052 1.41422 0L18.7071 17.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0L5.29289 6.70711c-.39052-.39053-.39052-1.02369 0-1.41422" clip-rule="evenodd" vector-effect="non-scaling-stroke"></path></svg></i><span color="var(--colors-blocks-rules-text-dont, #212121)" type="[object Object]" data-cy="pill-text" class="Text-iXOHMN dWcYFt">Don’t</span></span></span></div><div class="DosAndDontsstyled__Description-kAyrNA cQmtsK" bis_skin_checked="1">Unngå detaching av komponenter</div></div></div></div></div></div></div><p class="zheditor-p" data-block-id="daade356dc"><br class="ProseMirror-trailingBreak"></p></div></div></div><div data-testid="menu-container" bis_skin_checked="1"></div><div data-testid="slash-inserter-container" translate="no" bis_skin_checked="1"></div></div><div bis_skin_checked="1"></div></div></div>
1003
+ </div>
1004
+
1005
+
1006
+
1007
+
1008
+
1009
+ </div>
1010
+
1011
+ </div>
1012
+
1013
+
1014
+
1015
+
1016
+ <div class="flex-grow" bis_skin_checked="1"></div>
1017
+
1018
+
1019
+
1020
+
1021
+
1022
+
1023
+ <div id="inpage-dropdown-react" class="z2 fixed top0 left0" bis_skin_checked="1"></div>
1024
+
1025
+
1026
+ <footer class="full-width hg13 border-box neutrals-subtle-background pgy3 flex">
1027
+ <div class="flex-grow" bis_skin_checked="1"></div>
1028
+ <div class="mgr5" bis_skin_checked="1">
1029
+ <a class="footer-link block hover-pointer" aria-label="zeroheight" href="https://zeroheight.com/?utm_source=zh_made_with" target="_blank">
1030
+ <div class="pg1 hg5" bis_skin_checked="1">
1031
+ <div class="zh-logo" bis_skin_checked="1"><i aria-label="zeroheight logo" class="SvgImagestyled__SvgImageStyled-hRIQwA hsWTLM"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 25" role="img"><g clip-path="url(#__3YQvDxo__a)"><path fill="#333" d="M35.0744 8.67227V7.23193h-7.668v1.4612h5.693l-5.798 7.44997v1.4404h7.878v-1.4612h-5.903zM44.1735 7.6594c-.728-.45196-1.604-.67844-2.626-.67844s-1.922.22648-2.7.67844c-.777.45197-1.383 1.08174-1.817 1.88833-.434.80657-.651 1.76017-.651 2.85877 0 1.0987.221 2.0344.662 2.8489.441.8136 1.047 1.4473 1.817 1.8993.77.4519 1.652.6784 2.647.6784.826 0 1.551-.146 2.174-.438.623-.2921 1.145-.6884 1.565-1.1891.42-.5006.721-1.0708.903-1.7115h-1.744c-.224.5702-.581 1.0232-1.071 1.3569-.49.3338-1.1.5007-1.828.5007-.588 0-1.142-.1431-1.66-.4282-.518-.285-.938-.7132-1.26-1.2833-.284-.5017-.435-1.1185-.469-1.8367h8.305c.014-.1947.021-.3715.021-.5324v-.449c0-.8622-.196-1.6589-.588-2.389s-.953-1.32114-1.681-1.7741zm-6.045 3.7876c.054-.5543.201-1.0321.447-1.4294.315-.50762.732-.89402 1.25-1.15825s1.078-.39634 1.681-.39634c.896 0 1.642.26423 2.237.79268s.914 1.25951.956 2.19131zM50.2711 8.02594c-.364.33376-.658.73805-.882 1.20988l-.147-2.00355h-1.597V17.5828h1.765v-5.217c0-.6814.087-1.2526.263-1.7115.175-.4589.42-.82049.735-1.08472.315-.26422.679-.45494 1.092-.57414.413-.11821.851-.17781 1.313-.17781h.483V6.98096c-.644 0-1.218.09039-1.723.27118-.504.18078-.938.43806-1.303.77182zM61.7731 7.64848c-.785-.44502-1.667-.66752-2.647-.66752s-1.866.2225-2.658.66752c-.791.44501-1.418 1.07478-1.88 1.88832-.462.8135-.693 1.7701-.693 2.8697 0 1.0997.227 2.0562.683 2.8698.455.8135 1.075 1.4433 1.859 1.8883s1.667.6675 2.647.6675q1.47 0 2.658-.6675c.791-.445 1.418-1.0748 1.88-1.8883.462-.8136.693-1.7701.693-2.8698 0-1.0996-.228-2.0552-.683-2.8697-.455-.81354-1.075-1.44331-1.859-1.88832m.252 6.92752c-.322.5841-.743 1.0221-1.261 1.3142-.518.292-1.079.438-1.681.438s-1.138-.146-1.649-.438c-.511-.2921-.928-.7301-1.25-1.3142s-.483-1.3072-.483-2.1704c0-.8633.161-1.6033.483-2.1804.322-.57714.746-1.01222 1.271-1.30426s1.082-.43806 1.67-.43806 1.141.14602 1.66.43806c.518.29204.935.72712 1.25 1.30426.315.5771.473 1.3042.473 2.1804 0 .8761-.161 1.5863-.483 2.1704M72.9703 7.47117c-.602-.32681-1.303-.49071-2.101-.49071s-1.474.17781-2.111.53243-1.131.85228-1.481 1.49198V2.55615h-1.765V17.5813h1.765v-5.363c0-.8066.14-1.485.42-2.0343.28-.54936.665-.97053 1.155-1.26257s1.036-.43806 1.639-.43806c.868 0 1.523.27118 1.964.81354s.662 1.34999.662 2.42079v5.8636h1.744v-6.0514c0-1.0291-.165-1.88135-.494-2.55681-.329-.67448-.795-1.17512-1.397-1.50292zM83.8571 7.6594c-.728-.45196-1.604-.67844-2.626-.67844s-1.922.22648-2.7.67844c-.777.45197-1.383 1.08174-1.817 1.88833-.434.80657-.651 1.76017-.651 2.85877 0 1.0987.221 2.0344.662 2.8489.441.8136 1.047 1.4473 1.817 1.8993.77.4519 1.652.6784 2.647.6784.826 0 1.551-.146 2.174-.438.623-.2921 1.145-.6884 1.565-1.1891.42-.5006.721-1.0708.903-1.7115h-1.744c-.224.5702-.581 1.0232-1.071 1.3569-.49.3338-1.1.5007-1.828.5007-.588 0-1.142-.1431-1.66-.4282-.518-.285-.938-.7132-1.26-1.2833-.284-.5017-.435-1.1185-.469-1.8367h8.305c.014-.1947.021-.3715.021-.5324v-.449c0-.8622-.196-1.6589-.588-2.389s-.953-1.32114-1.681-1.7741zm-6.046 3.7876c.054-.5543.201-1.0321.447-1.4294.315-.50762.732-.89402 1.25-1.15825s1.078-.39634 1.681-.39634c.896 0 1.642.26423 2.237.79268s.914 1.25951.956 2.19131zM88.5438 2.55615c-.35 0-.641.10728-.872.32284-.231.21654-.347.49766-.347.84532 0 .34767.115.63673.347.86619.231.22946.522.34469.872.34469s.623-.11424.861-.34469c.238-.22946.357-.51852.357-.86619 0-.34766-.119-.62977-.357-.84532-.238-.21556-.525-.32284-.861-.32284M89.4258 7.23193h-1.765V17.5825h1.765zM95.7525 6.98096c-.882 0-1.632.16688-2.248.50064s-1.085.77579-1.408 1.3251c-.322.54932-.483 1.16518-.483 1.8466 0 .6814.161 1.3013.483 1.8575.195.3368.451.6268.753.8791l-1.783 1.7712v.4797c.196.1808.417.3547.662.5215.202.1381.446.2633.729.3765-.236.158-.437.3248-.603.4997-.329.3476-.56.6993-.693 1.0539s-.2.6854-.2.9913c0 .7371.203 1.3569.609 1.8576.406.5006.973.8731 1.702 1.1165.728.2433 1.562.3655 2.5.3655 1.064 0 1.936-.1738 2.616-.5215.679-.3476 1.183-.7927 1.513-1.336.3295-.5424.4945-1.1135.4945-1.7115s-.13-1.0957-.389-1.5337c-.2595-.4381-.6765-.7897-1.2505-1.054-.574-.2642-1.331-.4311-2.269-.5006-.7-.0556-1.26-.1113-1.681-.1669-.42-.0556-.749-.1182-.987-.1877-.238-.0696-.427-.149-.567-.2394-.05-.0318-.105-.0725-.157-.1073l1.051-.9695c.476.15 1.008.2315 1.606.2315.882 0 1.631-.1639 2.248-.4907.616-.3269 1.085-.7689 1.408-1.3252.322-.5562.483-1.1751.483-1.8575 0-.68241-.161-1.29728-.483-1.8466-.036-.06158-.081-.11622-.12-.17482l1.9485-.08543V7.23227h-3.8295c-.487-.1639-1.036-.25032-1.654-.25032zm.336 10.20454c.994.0556 1.67.2473 2.027.5741s.536.7122.536 1.1582q0 .6258-.357 1.0848c-.238.3059-.571.5463-.998.7201-.427.1739-.935.2613-1.523.2613s-1.117-.0765-1.586-.2295-.837-.3824-1.103-.6884c-.266-.3059-.399-.6883-.399-1.1483q0-.4797.336-1.0638c.186-.3238.546-.6189 1.072-.8861.541.0914 1.203.1649 1.995.2186zm1.439-4.8723c-.441.3824-1.033.5741-1.775.5741s-1.338-.1907-1.786-.5741c-.448-.3825-.672-.9357-.672-1.6589 0-.72314.224-1.25557.672-1.638.448-.38244 1.043-.57415 1.786-.57415s1.334.19171 1.775.57415c.441.38243.662.92876.662 1.638 0 .7092-.221 1.2764-.662 1.6589M109.892 7.47117c-.602-.32681-1.303-.49071-2.101-.49071s-1.474.17781-2.111.53243-1.131.85228-1.481 1.49198V2.55615h-1.765V17.5813h1.765v-5.363c0-.8066.14-1.485.42-2.0343.28-.54936.665-.97053 1.155-1.26257s1.036-.43806 1.639-.43806c.868 0 1.523.27118 1.964.81354s.662 1.34999.662 2.42079v5.8636h1.744v-6.0514c0-1.0291-.165-1.88135-.494-2.55681-.329-.67448-.795-1.17512-1.397-1.50292zM119.624 8.71099V7.22894h-3.067V4.74561h-1.534l-.231 2.48333h-1.807v1.48205h1.807v5.69681c0 .7926.122 1.4224.368 1.8883.245.4659.599.7966 1.061.9913s1.008.2921 1.639.2921h1.597v-1.5029h-1.092c-.672 0-1.142-.1143-1.408-.3447-.266-.2295-.399-.6715-.399-1.3251V8.71h3.067z"></path><path fill="#FF4852" d="M12.6989 1.1869 2.40722.500488 1.72725 10.8897l10.29175.6865zM11.7568 15.2447l2.1379-10.18593L23.985 7.21696zM16.6351 24.5005c2.8479 0 5.1566-2.3306 5.1566-5.2055s-2.3087-5.2054-5.1566-5.2054-5.1566 2.3305-5.1566 5.2054 2.3087 5.2055 5.1566 5.2055"></path><path fill="#FF4852" d="M12.0213 11.5733c-5.68061-.418-10.6222 3.8924-11.036315 9.6269l10.286415.757z"></path></g><defs><clippath id="__3YQvDxo__a"><path fill="#fff" d="M.484985.500488h119.2v24h-119.2z"></path></clippath></defs></svg></i></div>
1032
+ </div>
1033
+ </a>
1034
+ </div>
1035
+ </footer>
1036
+
1037
+ </div>
1038
+ <div class="relative z3" bis_skin_checked="1"><div class="container full-width" bis_skin_checked="1"><div class="full-height" bis_skin_checked="1"><div class="component full-height" bis_skin_checked="1"><div class="min-full-height full-height" bis_skin_checked="1"><div bis_skin_checked="1"></div></div></div></div></div>
1039
+ </div>
1040
+ </div>
1041
+
1042
+ </div></article>
1043
+ </div></div>
1044
+ <div class="join-banner" bis_skin_checked="1"></div>
1045
+ <div class="page--recommendations-container" bis_skin_checked="1"></div></main>
1046
+ </div></div>
1047
+
1048
+
1049
+
1050
+
1051
+
1052
+
1053
+ <script nonce="">
1054
+ window.APP_VERSION = "1.5.9.9013";
1055
+ window.APP_MODE = "production";
1056
+ window.USER_INFO = {"token":"jLyOSK-02WycLn8jaS3hjQ","root_url":"https://zeroheight.com","viewUrl":"6c39474a8","styleguideId":132227,"shareLink":true,"view_only":true,"externalViewer":true,"needsPassword":false,"hasStyleguidePassword":false,"hasPrivateViewers":false,"custom_domain":false,"avenir_hack":false,"ssoUrl":null,"ssoViewer":null,"hasSsoLogout":false,"features":{"PLAT_147_get_user_images_from_cdn":true,"PLAT_144_get_bundles_from_cdn":true,"SKI_2256_get_design_uploads_from_cdn":false,"4181_login_retry_lockout":false,"4193_complex_password":false,"3073_show_newsletter_banner":false,"COLLAB-2_iframe_sandbox_restrictions_exemption":false,"SUP_1195_saml_signing":false,"SUP_1195_encrypted_assertions":false,"footer_links_on_locked_screen":false,"disable_private_viewers":false,"comet_41_keep_feature_banner":true,"comet_88_show_activation_checklist":true,"comet_106_unverified_user_flow":true,"comet_109_welcome_screen_modal":true,"comet_118_onboarding_questions":true,"comet_178_enterprise_promotion":true,"comet_153_enterprise_trials":true,"comet_255_styleguide_from_component_set":false,"comet_19_rebrand":true,"SKI_424_enable_token_studio_import":false,"SKI_1705_token_set_automation":true,"SKI_1705_tokens_automation_management":true,"SKI_1931_token_outputs_multiple_formats":true,"SKI_701_live_code_migrate_html_preview":false,"SKI_1446_package_version_usage":true,"SKI_1463_component_usage":true,"SKI_1459_remove_repo_restrictions":true,"SKI_1837_non_token_color_usage":true,"SKI_2131_adoption_via_git_providers":false,"SKI_2131_adoption_setup_email":true,"SKI_2131_git_integration_sharing":true,"SKI_2131_adoption_data_in_styleguides":false,"SKI_2131_color_usage_similar_tokens":false,"SKI_2234_component_sources":false,"SKI_2234_component_sources_filtering":true,"SKI_2351_adoption_angular_support":true,"SKI_1597_rich_link_embed":true,"SKI_1627_release_notes_block":true,"SKI_1866_component_prop_usage":true,"SKI_2201_use_zheditor_in_design_upload_details":false,"SKI_2363_slack_bot":false,"SKI_2363_use_dev_slack_bot":false,"SKI_2357_remote_mcp":false,"SKI_2407_teams_bot":false,"SKI_2466_bedrock_indexing":false,"SKI_upload_npm_packages":false,"SKI_1968_figma_plugin_file_sync":false,"SKI_2328_reset_plugin_data":false,"SKI_1958_variables_extended_collections":true,"SKI_1695_open_api_page_html_format":true,"SKI_2190_open_api_deprecate_markdown_html":true,"TREE_1504_create_pages_in_quill":false,"TREE-986_zheditor_trial_banner":false,"TREE-1397-page_repair_during_migration":true,"TECH_425_refactored_sketch_block_duplication":false,"TIMP-284_improve_library_items_speed":true,"import_code_snippet_test":false,"figma_sync_variables_tracking":true,"multiple_sso":false,"AUD-705_self_serve_figma_access_code":false,"AUD-334_styleguide_switcher":false,"TREE_2031_omit_hidden_content_from_releases":false,"TREE_2273_verify_image_mime":true,"TREE_2208_live_code_bundle_caching":true,"TREE_2208_live_code_execution_order":false,"TREE_2214_component_set_documentation_settings":true,"TREE_2394_component_sets_custom_columns":true,"TREE-2414_ai_assistant":false,"TREE-2431_create_with_ai":false,"TREE-2498_ai_writing_assistant":false,"TREE-2450_ai_release_notes":true,"TREE-2470_updated_ai_prompts":true,"improved_assistant_reasoning":true,"TREE-2442_ai_dynamic_templating":false,"TREE-2473_assistant_update_entities":true,"TREE-2530_ai_tone_of_voice":true,"TREE_2533_save_tabs_individually":false,"debug_zhapp_controller_index":false,"SUP-1646_figma_file_stack_level_fix":false,"SUP-1394_disable_styleguide_locking_for_workspaces":false,"SUP-1336-allow-project-match-for-versions":false,"SUP-954_typography_display_name_fallback":false,"SUP-1288_custom_domain_cookies":true,"SUP_2807_disable_unverified_user_api_requests":false,"SUP_3042_log_markdown_sync_failures":false,"confirm_private_viewer":true,"TECH-393-improve-design-upload-queries":true,"TECH-258-use-serverless-storybook-api":true,"PROD-50_ethnio":false,"prevent_blocks_version_removal_on_library_removal":true,"SEA_310_project_permissions_fix":true,"lazy_iframe_loading":false,"4884_new_action_list":true,"4718_display_figma_descriptions":true,"4902_embed_github":true,"4849_sso_viewer_logout":false,"invoke_step_functions_for_figma_lambdas":true,"4883_limit_styleguides_per_plan":true,"4294_show_comments_context":true,"4299_xd_bounds_with_shadows":true,"3817_sso_invite_user_creation":true,"3770_viewer_logging":true,"3601_pipedrive_contact_form":true,"2737_download_invoices":true,"3134_abstract_improvements":true,"3313_sso_or_ip":true,"3196_editor_permissions":true,"3082_session_timeout":true,"3187_stripe_fail_fix":true,"link_password":false,"custom_domain":false,"extended_colors":false,"styleguide_security":false,"styleguide_permissions":false,"export_pdf":false,"custom_font":false,"permissions":false,"analytics":false,"versioning":false,"hiding":false,"password_protected_pages":false,"editor_invites":false,"viewer_invites":false,"comments":false,"seo_indexing":false,"hide_invoice_tab":false,"custom_intro_sizes":false,"sso":false,"synced_pages":false,"projects":false,"rules_colors":false,"shortcut_resizing":false,"styleguide_analytics":false,"page_history":true,"page_history_actions":false,"slack_release_notifications":false,"private_npm":false,"ms_teams_release_notifications":false,"hotjar":false,"custom_templates":false,"template_selector":true,"footer_links_on_locked_screen":false,"multi_theme":false,"zapier":false,"code_uploads":true,"external_link_confirmation":true,"markdown":false,"onboarding":true,"page_helpfulness":false,"manager_role":false,"reviewer_role":false,"tokens":true,"lightbox":true,"native_storybook":true,"rename_page_status":false,"hero_image":false,"page_outline_toggle":false,"api":false,"footer":false,"ai":false,"self_serve_billing":false,"offer_trial":true,"activation_checklist":true,"max_styleguides":1,"max_users":1,"sso_config":false},"is_free":true,"team_plan":"Free v2","team_name":"Red Cross","team_id":187632,"team_logo":null,"team_url":"https://untitled-team-154xb.zeroheight.com","on_trial":false};
1057
+ window.DEFAULT_DOMAIN = "zeroheight.com";
1058
+ window.AVAILABLE_PLANS = null;
1059
+ window.USER_ATTACHMENTS_WHITELIST = ["jpg", "jpeg", "gif", "png", "webp", "zip", "pdf", "sketch", "svg", "fig", "xd", "json", "tiff", "eps", "mov", "mp4", "psd", "ai", "ait", "aia", "indd", "doc", "docx", "xls", "xlsx", "xltx", "ppt", "pptx", "pot", "potx", "pub", "key", "eot", "woff", "woff2", "ttf", "ico", "otf", "xlsm", "twb", "twbx", "tps", "overflow", "ase", "idml", "txt", "dot", "dotx", "aep", "wav", "vtt", "emltpl"];
1060
+ window.USER_ATTACHMENTS_BATCH_LIMIT = 30;
1061
+ window.USER_ATTACHMENTS_MAX_FILE_SIZE = "";
1062
+ window.FIGMA_CLIENT_ID = "GVUYtYPZ4Ep7ZmVoFdZa9k";
1063
+ window.ZEPLIN_CLIENT_ID = "5e1e0c653c30ec4d1757291b";
1064
+ window.KEEP_OPEN = false;
1065
+ if (window['ZeroheightSketch']) {
1066
+ document.getElementById('content').className += ' sketch-background';
1067
+ }
1068
+ window.styleguideDetails = {"id":132227,"name":"Red Cross Norway","created_at":"2025-06-24T08:55:29.706Z","updated_at":"2025-11-25T11:36:59.389Z","last_upload":null,"team_id":187632,"team_name":"Red Cross","share_id":"6c39474a8","logo":"https://cdn.zeroheight.com/styleguide_logos/132227-default/8678425273c0a38990a7166e_Logo.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uemVyb2hlaWdodC5jb20vc3R5bGVndWlkZV9sb2dvcy8xMzIyMjctZGVmYXVsdC84Njc4NDI1MjczYzBhMzg5OTBhNzE2NmVfTG9nby5wbmciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3NjQxOTk3MzF9fX1dfQ__\u0026Signature=STst1zivAwjScuYZdBiyehCTCxAwlFv7k~QKo879niCvpaCSeZuaraHrA0t7L3FZ7p~THuo50YA6jOr~5anW2JFfd7l6FhKWCF5mCnXtxjDKSPupWMo8DwCJ-L0sXyY0dPM-vGoe76Ec1qkTrpzP3HsbliyY9Dr0~vi~Kd3Rr9ODlFffxOxZ7j6h9inZf9wyPQP3DPjIYRROYDHOva089thi-37UaN3bEN~1TM83XMq5sY45kcMV840HeQ3aGhv~0yCb~TBOPy9GdiTAhSakD4u1y4iK5tbUrE8qnKto5trP5nYJADd7jjWLURyZmqXp9D4Rzy9XMmCMAGWt-kr4iQ__\u0026Key-Pair-Id=KDUNFXWNWK45P","properties":"{\"color\":\"rgb(250, 250, 250)\",\"colorBody\":null,\"colorItemName\":null,\"colorLargeHeading\":null,\"colorAccent\":null,\"colorLink\":null,\"colorNavBackground\":null,\"colorNavBorder\":null,\"colorNavText\":null,\"colorSideActive\":null,\"colorSideBackground\":null,\"colorSideBorder\":null,\"colorSideCategory\":null,\"colorSideHover\":null,\"colorSideIcon\":null,\"colorSidePage\":null,\"colorSmallerHeading\":null,\"colorSmallHeading\":null,\"colorTitle\":null,\"coverHeight\":0.4901,\"CSSIncludes\":[],\"customFonts\":[],\"fontStyles\":{},\"JSIncludes\":[],\"tableBorderColor\":null,\"showCoverText\":true,\"footerLinksColor\":null,\"footerTextColor\":null,\"footerBackgroundColor\":null,\"footerDividerColor\":null,\"footerLinks\":[],\"footerText\":\"\",\"showPageLinks\":false,\"headerTextColor\":null,\"headerBackgroundColor\":null,\"shortcutTiles\":[],\"storybookLinks\":[{\"id\":1763048287274,\"title\":\"Storybook Norwegian Red Cross\",\"url\":\"https://norwegianredcross.github.io/DesignSystem/storybook\",\"vpn\":false,\"hasDocsAsStories\":true}],\"calloutBackground1\":null,\"calloutBackground2\":null,\"calloutBackground3\":null,\"calloutBackground4\":null,\"storybookBlockSettings\":{\"showStoryName\":false,\"blockState\":{\"itemFixedWidth\":false,\"storybookControlsPresentation\":\"controls\",\"isCodeEnabled\":true,\"isDocsViewEnabled\":false},\"storyNameHeadingLevel\":2},\"customStorybookErrorMessage\":\"Storybook unable to load\"}","has_password":false,"has_page_password":false,"needs_page_password":false,"downgrade_locked":false,"has_github_items":false,"integration_block_providers":[],"custom_domain":null,"share_link":"https://zeroheight.com/6c39474a8","default_release_name":"latest","default_release_id":null,"num_of_releases":0,"categories":[{"id":1982316,"name":"___cover","order":null,"visibility":null,"collapsed":false,"pages":[{"id":7312652,"uid":"331e4b","version_id":null,"name":"___cover","visibility":null,"created_at":"2025-06-24T08:55:31.170Z","updated_at":"2025-11-17T13:53:07Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":null,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":1982321,"name":"Designelementer","order":3,"visibility":null,"collapsed":false,"pages":[{"id":7312669,"uid":"3273c4","version_id":null,"name":"Farger","visibility":null,"created_at":"2025-06-24T09:02:28.481Z","updated_at":"2025-11-18T10:26:22Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":3,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7312949,"uid":"7994e9","version_id":null,"name":"Design Tokens","visibility":null,"created_at":"2025-06-24T10:58:19.363Z","updated_at":"2025-11-17T13:55:44Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313273,"uid":"0387fc","version_id":null,"name":"Typografi","visibility":null,"created_at":"2025-06-24T11:33:55.245Z","updated_at":"2025-06-24T11:35:53Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":6,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313271,"uid":"436ec0","version_id":null,"name":"Størrelse og avstander","visibility":null,"created_at":"2025-06-24T11:28:18.809Z","updated_at":"2025-11-18T09:21:56Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":5,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313256,"uid":"59bc8d","version_id":null,"name":"Skygger","visibility":null,"created_at":"2025-06-24T11:09:59.256Z","updated_at":"2025-11-18T09:18:29Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":4,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7312667,"uid":"38040b","version_id":null,"name":"Designelementer","visibility":null,"created_at":"2025-06-24T09:02:02.231Z","updated_at":"2025-06-24T11:33:55Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":2,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":null}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":1982494,"name":"For Designere","order":2,"visibility":null,"collapsed":false,"pages":[{"id":7313306,"uid":"02876f","version_id":null,"name":"Kom i gang","visibility":null,"created_at":"2025-06-24T12:22:01.928Z","updated_at":"2025-11-25T11:36:59Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":0,"status_object":"{\"statusKey\": \"In progress\", \"colorAtSave\": \"neutral\", \"labelAtSave\": \"In progress\"}","has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313302,"uid":"27a5f1","version_id":null,"name":"Bidra med design","visibility":null,"created_at":"2025-06-24T12:17:04.847Z","updated_at":"2025-08-28T07:52:23Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":2,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313276,"uid":"93e405","version_id":null,"name":"Farger","visibility":null,"created_at":"2025-06-24T11:36:29.349Z","updated_at":"2025-06-24T12:57:31Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7313274,"uid":"21f79c","version_id":null,"name":"For Designere","visibility":null,"created_at":"2025-06-24T11:36:19.392Z","updated_at":"2025-06-24T12:57:31Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":-1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":null}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":1986505,"name":"For Dev","order":1,"visibility":null,"collapsed":false,"pages":[{"id":7464636,"uid":"14c4ef","version_id":null,"name":"Get started","visibility":null,"created_at":"2025-08-06T11:57:08.515Z","updated_at":"2025-11-13T15:43:24Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":"{\"statusKey\": \"In progress\", \"colorAtSave\": \"neutral\", \"labelAtSave\": \"In progress\"}","has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7531078,"uid":"0779fa","version_id":null,"name":"Design Tokens","visibility":null,"created_at":"2025-08-26T18:16:02.353Z","updated_at":"2025-08-28T08:14:45Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":3,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":null},{"id":7327080,"uid":"630704","version_id":null,"name":"For Dev","visibility":null,"created_at":"2025-06-27T11:06:06.693Z","updated_at":"2025-08-26T17:38:22Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":-1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":null}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":2122296,"name":"Components","order":4,"visibility":null,"collapsed":false,"pages":[{"id":7826646,"uid":"454f27","version_id":null,"name":"Components","visibility":null,"created_at":"2025-11-13T15:45:22.373Z","updated_at":"2025-11-13T16:00:42Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":-1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":null}],"navigation_id":null,"overview_page":false,"parent_category_id":null,"subcategories":[]}],"navigations":null,"has_empty_navbar":false,"shared_with_team":true,"owner_user_id":162904,"project_id":null,"project_name":null,"sync_pages_across_projects":null,"themes":[{"id":4978,"name":"Norwegian Red Cross","display_name":"Red Cross Norway","logo_removed":false,"cover_image_removed":false,"cover_image_meta":{},"styleguide_logo_removed":false,"theme_properties":[{"id":401954,"key":"colors.blocks.upload.background.annotation","value":"#D52B1E"},{"id":401953,"key":"code.editor.mode","value":"light"},{"id":401952,"key":"colors.blocks.content.text.link","value":"#D52B1E"},{"id":401951,"key":"colors.accent.background","value":"#D52B1E"}],"has_logo":false,"has_cover_image":false}],"page_feedback_enabled":true,"inline_feedback_enabled":true,"integrations":[]};
1069
+
1070
+ window.STRIPE_KEY = "pk_live_AntKoC5aCKHq9PYkoIPii1zJ";
1071
+ </script> <script src="./LageKompSteg10_files/runtime.js.download" type="text/javascript" nonce=""></script>
1072
+ <script src="./LageKompSteg10_files/vendors.js.download" type="text/javascript" nonce=""></script>
1073
+ <script src="./LageKompSteg10_files/commons.js.download" type="text/javascript" nonce=""></script>
1074
+
1075
+ <script src="./LageKompSteg10_files/app.js.download" type="text/javascript" id="zh-app-script" nonce=""></script><div id="notificationHolder" bis_skin_checked="1"><div style="position: fixed; z-index: 9999; inset: 16px; pointer-events: none;" bis_skin_checked="1"></div></div>
1076
+
1077
+
1078
+
1079
+
1080
+ <div bis_skin_checked="1"></div><div bis_skin_checked="1"></div></body></html>