@fremtind/jokul 0.37.11 → 0.37.13

package/styles/components/toggle-switch/toggle-switch.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 @media screen and (prefers-color-scheme: light) {
   :root {
@@ -165,7 +165,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-toggle-slider:
   --jkl-toggle-switch-width: 3rem;
   --jkl-toggle-switch-knob-size: 1.25rem;
   --jkl-toggle-switch-indicator-spacing: 0;
-  --jkl-toggle-switch-help-label-spacing: var(--jkl-spacing-2);
+  --jkl-toggle-switch-help-label-spacing: var(--jkl-unit-02);
 }
 
 [data-layout-density=compact],
@@ -198,7 +198,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-toggle-slider:
   display: flex;
   flex-direction: row-reverse;
   align-items: center;
-  gap: var(--jkl-spacing-8);
+  gap: var(--jkl-unit-10);
   touch-action: none;
   font-size: var(--jkl-toggle-font-size);
   line-height: var(--jkl-toggle-line-height);

package/styles/components/toggle-switch/toggle-switch.min.css

@@ -1 +1 @@
-@media screen and (prefers-color-scheme:light){:root{--jkl-slider-bg:#e0dbd4;--jkl-slider-pill:#f9f9f9;--jkl-slider-pill-text:#1b1917;--jkl-slider-pill-text--active:#000;--jkl-slider-focus-color:#000;--jkl-slider-hover-color:#000}}[data-theme=light]{--jkl-slider-bg:#e0dbd4;--jkl-slider-pill:#f9f9f9;--jkl-slider-pill-text:#1b1917;--jkl-slider-pill-text--active:#000;--jkl-slider-focus-color:#000;--jkl-slider-hover-color:#000}@media screen and (prefers-color-scheme:dark){:root{--jkl-slider-bg:#444141;--jkl-slider-pill:#1b1917;--jkl-slider-pill-text:#f9f9f9;--jkl-slider-pill-text--active:#fff;--jkl-slider-focus-color:#c8c5c3;--jkl-slider-hover-color:#fff}}[data-theme=dark]{--jkl-slider-bg:#444141;--jkl-slider-pill:#1b1917;--jkl-slider-pill-text:#f9f9f9;--jkl-slider-pill-text--active:#fff;--jkl-slider-focus-color:#c8c5c3;--jkl-slider-hover-color:#fff}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-slider-font-size:var(--jkl-body-font-size);--jkl-slider-line-height:var(--jkl-body-line-height);--jkl-slider-font-weight:var(--jkl-body-font-weight);--jkl-slider-legend-font-size:var(--jkl-body-font-size);--jkl-slider-legend-line-height:var(--jkl-body-line-height);--jkl-slider-legend-font-weight:700}[data-density=compact],[data-layout-density=compact]{--jkl-slider-font-size:var(--jkl-small-font-size);--jkl-slider-line-height:var(--jkl-small-line-height);--jkl-slider-font-weight:var(--jkl-small-font-weight);--jkl-slider-legend-font-size:var(--jkl-small-font-size);--jkl-slider-legend-line-height:var(--jkl-small-line-height);--jkl-slider-legend-font-weight:700}.jkl-toggle-slider{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--jkl-slider-font-size);font-weight:var(--jkl-slider-font-weight);line-height:var(--jkl-slider-line-height);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-toggle-slider:focus-within .jkl-toggle-slider__pill{box-shadow:inset 0 0 0 .125rem var(--jkl-slider-focus-color)}.jkl-toggle-slider__legend{font-size:var(--jkl-slider-legend-font-size);font-weight:var(--jkl-slider-legend-font-weight);line-height:var(--jkl-slider-legend-line-height);margin-bottom:.5rem}.jkl-toggle-slider__legend--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-toggle-slider__inputs{background-color:var(--jkl-slider-bg);border:2px solid var(--jkl-slider-bg);border-radius:6.25rem;display:flex;overflow:hidden;position:relative}.jkl-toggle-slider__input{opacity:0;position:absolute}.jkl-toggle-slider__label{align-items:center;color:var(--jkl-slider-pill-text);cursor:pointer;display:flex;justify-content:center;padding:.125rem 1rem;z-index:1;-webkit-tap-highlight-color:transparent;min-width:30px}.jkl-toggle-slider__label:hover{color:var(--jkl-slider-hover-color)}.jkl-toggle-slider__label--selected{--jkl-icon-weight:500;color:var(--jkl-slider-pill-text--active);font-weight:700;letter-spacing:-.014em}.jkl-toggle-slider__pill{background-color:var(--jkl-slider-pill);border-radius:6.25rem;height:100%;position:absolute;transition-duration:.25s;transition-property:width,transform;transition-timing-function:ease}@media (min-width:680px){.jkl-toggle-slider{align-items:center;flex-direction:row}.jkl-toggle-slider__legend{margin-bottom:0;margin-right:1.2em}}@media screen and (forced-colors:active){.jkl-toggle-slider .jkl-toggle-slider__inputs{background-color:Canvas}.jkl-toggle-slider .jkl-toggle-slider__pill{background-color:ButtonFace}}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toggle-font-size:var(--jkl-body-font-size);--jkl-toggle-line-height:var(--jkl-body-line-height);--jkl-toggle-font-weight:var(--jkl-body-font-weight);--jkl-toggle-switch-height:1.75rem;--jkl-toggle-switch-width:3rem;--jkl-toggle-switch-knob-size:1.25rem;--jkl-toggle-switch-indicator-spacing:0;--jkl-toggle-switch-help-label-spacing:var(--jkl-spacing-2)}[data-density=compact],[data-layout-density=compact]{--jkl-toggle-font-size:var(--jkl-small-font-size);--jkl-toggle-line-height:var(--jkl-small-line-height);--jkl-toggle-font-weight:var(--jkl-small-font-weight);--jkl-toggle-switch-height:1.25rem;--jkl-toggle-switch-width:2.25rem;--jkl-toggle-switch-knob-size:0.75rem;--jkl-toggle-switch-indicator-spacing:-0.125rem;--jkl-toggle-switch-help-label-spacing:0}.jkl-toggle-switch{--border-width:0.0625rem;--switch-padding:0.25rem;--knob-position:0;--switch-border-color:var(--jkl-color-border-action);--indicator-color:var(--jkl-color-background-container-high);--knob-border-color:var(--jkl-color-border-action);--knob-color:var(--jkl-color-background-container-high);--text-color:var(--jkl-color-text-default);--icon-color:var(--jkl-color-text-inverted);background:transparent;color:var(--text-color);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;align-items:center;border-style:none;display:flex;flex-direction:row-reverse;font-size:var(--jkl-toggle-font-size);font-weight:var(--jkl-toggle-font-weight);gap:var(--jkl-spacing-8);line-height:var(--jkl-toggle-line-height);outline:0;outline-style:none;touch-action:none}.jkl-toggle-switch:active,.jkl-toggle-switch:focus,.jkl-toggle-switch:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-toggle-switch{border-style:revert;outline:revert;outline-style:revert}.jkl-toggle-switch:active,.jkl-toggle-switch:focus,.jkl-toggle-switch:hover{outline:revert;outline-style:revert}}@media screen and (forced-colors:active){.jkl-toggle-switch{border-color:transparent;border-style:none}}.jkl-toggle-switch[aria-pressed=true],[aria-checked=true]>.jkl-toggle-switch{--indicator-color:var(--jkl-color-background-container-inverted);--knob-color:var(--jkl-color-text-inverted);--knob-position:calc(var(--jkl-toggle-switch-width) - var(--jkl-toggle-switch-knob-size) - var(--switch-padding)*2)}.jkl-toggle-switch[disabled]{cursor:revert;--text-color:var(--jkl-color-text-subdued);--switch-border-color:var(--jkl-color-border-subdued);--knob-border-color:var(--jkl-color-border-subdued)}.jkl-toggle-switch[disabled][aria-pressed=true],[aria-checked=true]>.jkl-toggle-switch[disabled]{--indicator-color:var(--jkl-color-border-subdued)}.jkl-toggle-switch-widget{align-items:center;background-color:var(--indicator-color);border:var(--border-width) solid var(--switch-border-color);border-radius:9999px;box-sizing:border-box;display:flex;flex-direction:row;height:var(--jkl-toggle-switch-height);overflow:hidden;padding:var(--switch-padding);pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:var(--jkl-toggle-switch-width)}@media screen and (forced-colors:active){.jkl-toggle-switch-widget{border:.0625rem solid ButtonText}}.jkl-toggle-switch:focus-visible .jkl-toggle-switch-widget{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-toggle-switch-widget__slider{box-sizing:border-box;color:var(--icon-color);height:var(--jkl-toggle-switch-knob-size);position:relative;transition-duration:.15s;transition-property:translate;transition-timing-function:ease;translate:var(--knob-position);width:var(--jkl-toggle-switch-knob-size)}.jkl-toggle-switch-widget__knob{background-color:var(--knob-color);border:var(--border-width) solid var(--knob-border-color);border-radius:9999px;inset:0;position:absolute}.jkl-toggle-switch-widget__indicator{margin-right:var(--jkl-toggle-switch-indicator-spacing);position:absolute;right:100%;top:50%;transform:translateY(-50%)}.jkl-toggle-switch-widget__indicator>.jkl-icon__icon{inset:0;position:absolute}
+@media screen and (prefers-color-scheme:light){:root{--jkl-slider-bg:#e0dbd4;--jkl-slider-pill:#f9f9f9;--jkl-slider-pill-text:#1b1917;--jkl-slider-pill-text--active:#000;--jkl-slider-focus-color:#000;--jkl-slider-hover-color:#000}}[data-theme=light]{--jkl-slider-bg:#e0dbd4;--jkl-slider-pill:#f9f9f9;--jkl-slider-pill-text:#1b1917;--jkl-slider-pill-text--active:#000;--jkl-slider-focus-color:#000;--jkl-slider-hover-color:#000}@media screen and (prefers-color-scheme:dark){:root{--jkl-slider-bg:#444141;--jkl-slider-pill:#1b1917;--jkl-slider-pill-text:#f9f9f9;--jkl-slider-pill-text--active:#fff;--jkl-slider-focus-color:#c8c5c3;--jkl-slider-hover-color:#fff}}[data-theme=dark]{--jkl-slider-bg:#444141;--jkl-slider-pill:#1b1917;--jkl-slider-pill-text:#f9f9f9;--jkl-slider-pill-text--active:#fff;--jkl-slider-focus-color:#c8c5c3;--jkl-slider-hover-color:#fff}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-slider-font-size:var(--jkl-body-font-size);--jkl-slider-line-height:var(--jkl-body-line-height);--jkl-slider-font-weight:var(--jkl-body-font-weight);--jkl-slider-legend-font-size:var(--jkl-body-font-size);--jkl-slider-legend-line-height:var(--jkl-body-line-height);--jkl-slider-legend-font-weight:700}[data-density=compact],[data-layout-density=compact]{--jkl-slider-font-size:var(--jkl-small-font-size);--jkl-slider-line-height:var(--jkl-small-line-height);--jkl-slider-font-weight:var(--jkl-small-font-weight);--jkl-slider-legend-font-size:var(--jkl-small-font-size);--jkl-slider-legend-line-height:var(--jkl-small-line-height);--jkl-slider-legend-font-weight:700}.jkl-toggle-slider{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--jkl-slider-font-size);font-weight:var(--jkl-slider-font-weight);line-height:var(--jkl-slider-line-height);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-toggle-slider:focus-within .jkl-toggle-slider__pill{box-shadow:inset 0 0 0 .125rem var(--jkl-slider-focus-color)}.jkl-toggle-slider__legend{font-size:var(--jkl-slider-legend-font-size);font-weight:var(--jkl-slider-legend-font-weight);line-height:var(--jkl-slider-legend-line-height);margin-bottom:.5rem}.jkl-toggle-slider__legend--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-toggle-slider__inputs{background-color:var(--jkl-slider-bg);border:2px solid var(--jkl-slider-bg);border-radius:6.25rem;display:flex;overflow:hidden;position:relative}.jkl-toggle-slider__input{opacity:0;position:absolute}.jkl-toggle-slider__label{align-items:center;color:var(--jkl-slider-pill-text);cursor:pointer;display:flex;justify-content:center;padding:.125rem 1rem;z-index:1;-webkit-tap-highlight-color:transparent;min-width:30px}.jkl-toggle-slider__label:hover{color:var(--jkl-slider-hover-color)}.jkl-toggle-slider__label--selected{--jkl-icon-weight:500;color:var(--jkl-slider-pill-text--active);font-weight:700;letter-spacing:-.014em}.jkl-toggle-slider__pill{background-color:var(--jkl-slider-pill);border-radius:6.25rem;height:100%;position:absolute;transition-duration:.25s;transition-property:width,transform;transition-timing-function:ease}@media (min-width:680px){.jkl-toggle-slider{align-items:center;flex-direction:row}.jkl-toggle-slider__legend{margin-bottom:0;margin-right:1.2em}}@media screen and (forced-colors:active){.jkl-toggle-slider .jkl-toggle-slider__inputs{background-color:Canvas}.jkl-toggle-slider .jkl-toggle-slider__pill{background-color:ButtonFace}}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toggle-font-size:var(--jkl-body-font-size);--jkl-toggle-line-height:var(--jkl-body-line-height);--jkl-toggle-font-weight:var(--jkl-body-font-weight);--jkl-toggle-switch-height:1.75rem;--jkl-toggle-switch-width:3rem;--jkl-toggle-switch-knob-size:1.25rem;--jkl-toggle-switch-indicator-spacing:0;--jkl-toggle-switch-help-label-spacing:var(--jkl-unit-02)}[data-density=compact],[data-layout-density=compact]{--jkl-toggle-font-size:var(--jkl-small-font-size);--jkl-toggle-line-height:var(--jkl-small-line-height);--jkl-toggle-font-weight:var(--jkl-small-font-weight);--jkl-toggle-switch-height:1.25rem;--jkl-toggle-switch-width:2.25rem;--jkl-toggle-switch-knob-size:0.75rem;--jkl-toggle-switch-indicator-spacing:-0.125rem;--jkl-toggle-switch-help-label-spacing:0}.jkl-toggle-switch{--border-width:0.0625rem;--switch-padding:0.25rem;--knob-position:0;--switch-border-color:var(--jkl-color-border-action);--indicator-color:var(--jkl-color-background-container-high);--knob-border-color:var(--jkl-color-border-action);--knob-color:var(--jkl-color-background-container-high);--text-color:var(--jkl-color-text-default);--icon-color:var(--jkl-color-text-inverted);background:transparent;color:var(--text-color);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;align-items:center;border-style:none;display:flex;flex-direction:row-reverse;font-size:var(--jkl-toggle-font-size);font-weight:var(--jkl-toggle-font-weight);gap:var(--jkl-unit-10);line-height:var(--jkl-toggle-line-height);outline:0;outline-style:none;touch-action:none}.jkl-toggle-switch:active,.jkl-toggle-switch:focus,.jkl-toggle-switch:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-toggle-switch{border-style:revert;outline:revert;outline-style:revert}.jkl-toggle-switch:active,.jkl-toggle-switch:focus,.jkl-toggle-switch:hover{outline:revert;outline-style:revert}}@media screen and (forced-colors:active){.jkl-toggle-switch{border-color:transparent;border-style:none}}.jkl-toggle-switch[aria-pressed=true],[aria-checked=true]>.jkl-toggle-switch{--indicator-color:var(--jkl-color-background-container-inverted);--knob-color:var(--jkl-color-text-inverted);--knob-position:calc(var(--jkl-toggle-switch-width) - var(--jkl-toggle-switch-knob-size) - var(--switch-padding)*2)}.jkl-toggle-switch[disabled]{cursor:revert;--text-color:var(--jkl-color-text-subdued);--switch-border-color:var(--jkl-color-border-subdued);--knob-border-color:var(--jkl-color-border-subdued)}.jkl-toggle-switch[disabled][aria-pressed=true],[aria-checked=true]>.jkl-toggle-switch[disabled]{--indicator-color:var(--jkl-color-border-subdued)}.jkl-toggle-switch-widget{align-items:center;background-color:var(--indicator-color);border:var(--border-width) solid var(--switch-border-color);border-radius:9999px;box-sizing:border-box;display:flex;flex-direction:row;height:var(--jkl-toggle-switch-height);overflow:hidden;padding:var(--switch-padding);pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:var(--jkl-toggle-switch-width)}@media screen and (forced-colors:active){.jkl-toggle-switch-widget{border:.0625rem solid ButtonText}}.jkl-toggle-switch:focus-visible .jkl-toggle-switch-widget{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-toggle-switch-widget__slider{box-sizing:border-box;color:var(--icon-color);height:var(--jkl-toggle-switch-knob-size);position:relative;transition-duration:.15s;transition-property:translate;transition-timing-function:ease;translate:var(--knob-position);width:var(--jkl-toggle-switch-knob-size)}.jkl-toggle-switch-widget__knob{background-color:var(--knob-color);border:var(--border-width) solid var(--knob-border-color);border-radius:9999px;inset:0;position:absolute}.jkl-toggle-switch-widget__indicator{margin-right:var(--jkl-toggle-switch-indicator-spacing);position:absolute;right:100%;top:50%;transform:translateY(-50%)}.jkl-toggle-switch-widget__indicator>.jkl-icon__icon{inset:0;position:absolute}

package/styles/components/toggle-switch/toggle-switch.scss

@@ -10,7 +10,7 @@
     --jkl-toggle-switch-width: #{jkl.rem(48px)};
     --jkl-toggle-switch-knob-size: #{jkl.rem(20px)};
     --jkl-toggle-switch-indicator-spacing: 0;
-    --jkl-toggle-switch-help-label-spacing: var(--jkl-spacing-2);
+    --jkl-toggle-switch-help-label-spacing: var(--jkl-unit-02);
 }
 
 @include jkl.compact-density-variables {
@@ -43,7 +43,7 @@
     display: flex;
     flex-direction: row-reverse;
     align-items: center;
-    gap: var(--jkl-spacing-8);
+    gap: var(--jkl-unit-10);
     touch-action: none; // Forhindrer at siden flytter på seg når man drar i toggle
 
     @include jkl.use-font-variables("jkl-toggle");

package/styles/components/tooltip/tooltip.css

@@ -1,17 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 :root,
 [data-layout-density=comfortable],
 [data-density=comfortable] {
-  --content-padding: 1rem;
+  --content-padding: calc(var(--jkl-unit-10) * 2);
 }
 @media (width >= 0) and (max-width: 679px) {
   :root,
   [data-layout-density=comfortable],
   [data-density=comfortable] {
-    --content-padding: 0.75rem;
+    --content-padding: calc(var(--jkl-unit-10) * 1.5);
   }
 }
 

package/styles/components/tooltip/tooltip.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--content-padding:1rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--content-padding:0.75rem}}[data-density=compact],[data-layout-density=compact]{--content-padding:0.5rem}.jkl-tooltip-trigger{all:unset}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigger:focus{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}.jkl-tooltip-content{--background-color:var(--jkl-color-background-container-inverted);font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;background-color:var(--background-color);color:var(--jkl-color-text-inverted);display:inline-block;max-width:min(19.375rem,100%);min-width:-webkit-min-content;min-width:min-content;padding:var(--content-padding);position:absolute;z-index:10000}@media screen and (forced-colors:active){.jkl-tooltip-content{border:1px solid CanvasText}}.jkl-tooltip-question-button{align-items:center;background-color:transparent;border-radius:9999px;border-style:none;color:var(--jkl-color-text-interactive);cursor:pointer;display:inline-flex;font-size:1.2em;outline:0;outline-style:none;padding:0;position:relative;transform:translateY(max(.16em,.25rem));transition-duration:.1s;transition-property:color;transition-timing-function:ease-in}.jkl-tooltip-question-button:active,.jkl-tooltip-question-button:focus,.jkl-tooltip-question-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-tooltip-question-button{border-style:revert;outline:revert;outline-style:revert}.jkl-tooltip-question-button:active,.jkl-tooltip-question-button:focus,.jkl-tooltip-question-button:hover{outline:revert;outline-style:revert}}.jkl-tooltip-question-button:hover{--button-color:var(--jkl-color-text-interactive-hover)}.jkl-tooltip-question-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:0}.jkl-tooltip-question-button:after{content:"";left:50%;min-height:44px;min-width:44px;position:absolute;top:50%;translate:-50% -50%}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--content-padding:calc(var(--jkl-unit-10)*2)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--content-padding:calc(var(--jkl-unit-10)*1.5)}}[data-density=compact],[data-layout-density=compact]{--content-padding:0.5rem}.jkl-tooltip-trigger{all:unset}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigger:focus{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}.jkl-tooltip-content{--background-color:var(--jkl-color-background-container-inverted);font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;background-color:var(--background-color);color:var(--jkl-color-text-inverted);display:inline-block;max-width:min(19.375rem,100%);min-width:-webkit-min-content;min-width:min-content;padding:var(--content-padding);position:absolute;z-index:10000}@media screen and (forced-colors:active){.jkl-tooltip-content{border:1px solid CanvasText}}.jkl-tooltip-question-button{align-items:center;background-color:transparent;border-radius:9999px;border-style:none;color:var(--jkl-color-text-interactive);cursor:pointer;display:inline-flex;font-size:1.2em;outline:0;outline-style:none;padding:0;position:relative;transform:translateY(max(.16em,.25rem));transition-duration:.1s;transition-property:color;transition-timing-function:ease-in}.jkl-tooltip-question-button:active,.jkl-tooltip-question-button:focus,.jkl-tooltip-question-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-tooltip-question-button{border-style:revert;outline:revert;outline-style:revert}.jkl-tooltip-question-button:active,.jkl-tooltip-question-button:focus,.jkl-tooltip-question-button:hover{outline:revert;outline-style:revert}}.jkl-tooltip-question-button:hover{--button-color:var(--jkl-color-text-interactive-hover)}.jkl-tooltip-question-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:0}.jkl-tooltip-question-button:after{content:"";left:50%;min-height:44px;min-width:44px;position:absolute;top:50%;translate:-50% -50%}

package/styles/components/tooltip/tooltip.scss

@@ -8,15 +8,15 @@ $_focus-ring-distance: jkl.rem(
 $_focus-ring-width: jkl.rem(2px);
 
 @include jkl.comfortable-density-variables {
-    --content-padding: #{jkl.$spacing-16};
+    --content-padding: #{jkl.$unit-20};
 
     @include jkl.small-device {
-        --content-padding: #{jkl.$spacing-12};
+        --content-padding: #{jkl.$unit-15};
     }
 }
 
 @include jkl.compact-density-variables {
-    --content-padding: #{jkl.$spacing-8};
+    --content-padding: #{jkl.$unit-10};
 }
 
 .jkl-tooltip-trigger {

package/styles/core/_color-tokens.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 
 @use "jkl";

package/styles/core/_legacy-tokens.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 
 :root {
@@ -23,4 +23,16 @@
     --jkl-color-info-dark: #a9a9ca;
     --jkl-color-advarsel: #efdd9e;
     --jkl-color-advarsel-dark: #decc8d;
+    --jkl-spacing-0: 0;
+    --jkl-spacing-2: 0.125rem;
+    --jkl-spacing-4: 0.25rem;
+    --jkl-spacing-8: 0.5rem;
+    --jkl-spacing-12: 0.75rem;
+    --jkl-spacing-16: 1rem;
+    --jkl-spacing-24: 1.5rem;
+    --jkl-spacing-32: 2rem;
+    --jkl-spacing-40: 2.5rem;
+    --jkl-spacing-64: 4rem;
+    --jkl-spacing-104: 6.5rem;
+    --jkl-spacing-168: 10.5rem;
 }

package/styles/core/_tokens.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 
 :root {
@@ -111,4 +111,19 @@
     --jkl-typography-small-base-font-size: 1rem;
     --jkl-typography-small-base-line-height: 1.5rem;
     --jkl-typography-small-base-font-weight: 400;
+    --jkl-unit-10: 0.5rem;
+    --jkl-unit-15: calc(var(--jkl-unit-10) * 1.5);
+    --jkl-unit-20: calc(var(--jkl-unit-10) * 2);
+    --jkl-unit-25: calc(var(--jkl-unit-10) * 2.5);
+    --jkl-unit-30: calc(var(--jkl-unit-10) * 3);
+    --jkl-unit-40: calc(var(--jkl-unit-10) * 4);
+    --jkl-unit-50: calc(var(--jkl-unit-10) * 5);
+    --jkl-unit-60: calc(var(--jkl-unit-10) * 6);
+    --jkl-unit-70: calc(var(--jkl-unit-10) * 7);
+    --jkl-unit-80: calc(var(--jkl-unit-10) * 8);
+    --jkl-unit-90: calc(var(--jkl-unit-10) * 9);
+    --jkl-unit-130: calc(var(--jkl-unit-10) * 13);
+    --jkl-unit-210: calc(var(--jkl-unit-10) * 21);
+    --jkl-unit-02: calc(var(--jkl-unit-10) * 0.25);
+    --jkl-unit-05: calc(var(--jkl-unit-10) * 0.5);
 }

package/styles/core/core.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
@@ -287,7 +287,7 @@ th {
 
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 :root {
   --jkl-color-brand-snohvit: #f9f9f9;
@@ -397,11 +397,26 @@ th {
   --jkl-typography-small-base-font-size: 1rem;
   --jkl-typography-small-base-line-height: 1.5rem;
   --jkl-typography-small-base-font-weight: 400;
+  --jkl-unit-10: 0.5rem;
+  --jkl-unit-15: calc(var(--jkl-unit-10) * 1.5);
+  --jkl-unit-20: calc(var(--jkl-unit-10) * 2);
+  --jkl-unit-25: calc(var(--jkl-unit-10) * 2.5);
+  --jkl-unit-30: calc(var(--jkl-unit-10) * 3);
+  --jkl-unit-40: calc(var(--jkl-unit-10) * 4);
+  --jkl-unit-50: calc(var(--jkl-unit-10) * 5);
+  --jkl-unit-60: calc(var(--jkl-unit-10) * 6);
+  --jkl-unit-70: calc(var(--jkl-unit-10) * 7);
+  --jkl-unit-80: calc(var(--jkl-unit-10) * 8);
+  --jkl-unit-90: calc(var(--jkl-unit-10) * 9);
+  --jkl-unit-130: calc(var(--jkl-unit-10) * 13);
+  --jkl-unit-210: calc(var(--jkl-unit-10) * 21);
+  --jkl-unit-02: calc(var(--jkl-unit-10) * 0.25);
+  --jkl-unit-05: calc(var(--jkl-unit-10) * 0.5);
 }
 
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 :root {
   --jkl-color-svart: #000000;
@@ -423,11 +438,23 @@ th {
   --jkl-color-info-dark: #a9a9ca;
   --jkl-color-advarsel: #efdd9e;
   --jkl-color-advarsel-dark: #decc8d;
+  --jkl-spacing-0: 0;
+  --jkl-spacing-2: 0.125rem;
+  --jkl-spacing-4: 0.25rem;
+  --jkl-spacing-8: 0.5rem;
+  --jkl-spacing-12: 0.75rem;
+  --jkl-spacing-16: 1rem;
+  --jkl-spacing-24: 1.5rem;
+  --jkl-spacing-32: 2rem;
+  --jkl-spacing-40: 2.5rem;
+  --jkl-spacing-64: 4rem;
+  --jkl-spacing-104: 6.5rem;
+  --jkl-spacing-168: 10.5rem;
 }
 
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 @media screen and (prefers-color-scheme: light) {
   :root {

package/styles/core/core.min.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{border:0;display:block;line-height:1;margin:0;padding:0}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}.jkl [hidden]{display:none}:root{--jkl-color-brand-snohvit:#f9f9f9;--jkl-color-brand-varde:#e0dbd4;--jkl-color-brand-granitt:#1b1917;--jkl-color-brand-hvit:#fff;--jkl-color-brand-svart:#000;--jkl-color-brand-skifer:#313030;--jkl-color-brand-fjellgra:#444141;--jkl-color-brand-stein:#636060;--jkl-color-brand-svaberg:#c8c5c3;--jkl-color-brand-dis:#ece9e5;--jkl-color-brand-sand:#f4f2ef;--jkl-color-functional-info:#d3d3f6;--jkl-color-functional-info-dark:#a9a9ca;--jkl-color-functional-success:#acd3b5;--jkl-color-functional-success-dark:#94b79b;--jkl-color-functional-warning:#efdd9e;--jkl-color-functional-warning-dark:#decc8d;--jkl-color-functional-error:#f6b3b3;--jkl-color-functional-error-dark:#de9e9e;--jkl-spacing-0:0;--jkl-typography-weight-normal:400;--jkl-typography-weight-bold:700;--jkl-typography-font-size-16:1rem;--jkl-typography-font-size-18:1.125rem;--jkl-typography-font-size-20:1.25rem;--jkl-typography-font-size-21:1.3125rem;--jkl-typography-font-size-23:1.4375rem;--jkl-typography-font-size-25:1.5625rem;--jkl-typography-font-size-26:1.625rem;--jkl-typography-font-size-28:1.75rem;--jkl-typography-font-size-30:1.875rem;--jkl-typography-font-size-36:2.25rem;--jkl-typography-font-size-44:2.75rem;--jkl-typography-font-size-56:3.5rem;--jkl-typography-line-height-24:1.5rem;--jkl-typography-line-height-28:1.75rem;--jkl-typography-line-height-32:2rem;--jkl-typography-line-height-36:2.25rem;--jkl-typography-line-height-40:2.5rem;--jkl-typography-line-height-44:2.75rem;--jkl-typography-line-height-52:3.25rem;--jkl-typography-line-height-64:4rem;--jkl-typography-title-small-font-size:2.25rem;--jkl-typography-title-small-line-height:2.75rem;--jkl-typography-title-small-font-weight:400;--jkl-typography-title-base-font-size:3.5rem;--jkl-typography-title-base-line-height:4rem;--jkl-typography-title-base-font-weight:400;--jkl-typography-title-small-small-font-size:1.875rem;--jkl-typography-title-small-small-line-height:2.25rem;--jkl-typography-title-small-small-font-weight:400;--jkl-typography-title-small-base-font-size:2.75rem;--jkl-typography-title-small-base-line-height:3.25rem;--jkl-typography-title-small-base-font-weight:400;--jkl-typography-heading-1-small-font-size:1.625rem;--jkl-typography-heading-1-small-line-height:2rem;--jkl-typography-heading-1-small-font-weight:400;--jkl-typography-heading-1-base-font-size:2.25rem;--jkl-typography-heading-1-base-line-height:2.75rem;--jkl-typography-heading-1-base-font-weight:400;--jkl-typography-heading-2-small-font-size:1.4375rem;--jkl-typography-heading-2-small-line-height:2rem;--jkl-typography-heading-2-small-font-weight:400;--jkl-typography-heading-2-base-font-size:1.75rem;--jkl-typography-heading-2-base-line-height:2.5rem;--jkl-typography-heading-2-base-font-weight:400;--jkl-typography-heading-3-small-font-size:1.3125rem;--jkl-typography-heading-3-small-line-height:1.75rem;--jkl-typography-heading-3-small-font-weight:700;--jkl-typography-heading-3-base-font-size:1.5625rem;--jkl-typography-heading-3-base-line-height:2rem;--jkl-typography-heading-3-base-font-weight:700;--jkl-typography-heading-4-small-font-size:1.125rem;--jkl-typography-heading-4-small-line-height:1.5rem;--jkl-typography-heading-4-small-font-weight:700;--jkl-typography-heading-4-base-font-size:1.3125rem;--jkl-typography-heading-4-base-line-height:1.75rem;--jkl-typography-heading-4-base-font-weight:700;--jkl-typography-heading-5-small-font-size:1rem;--jkl-typography-heading-5-small-line-height:1.5rem;--jkl-typography-heading-5-small-font-weight:700;--jkl-typography-heading-5-base-font-size:1rem;--jkl-typography-heading-5-base-line-height:1.5rem;--jkl-typography-heading-5-base-font-weight:700;--jkl-typography-body-small-font-size:1.125rem;--jkl-typography-body-small-line-height:1.75rem;--jkl-typography-body-small-font-weight:400;--jkl-typography-body-base-font-size:1.25rem;--jkl-typography-body-base-line-height:2rem;--jkl-typography-body-base-font-weight:400;--jkl-typography-small-small-font-size:1rem;--jkl-typography-small-small-line-height:1.5rem;--jkl-typography-small-small-font-weight:400;--jkl-typography-small-base-font-size:1rem;--jkl-typography-small-base-line-height:1.5rem;--jkl-typography-small-base-font-weight:400}:root{--jkl-color-svart:#000;--jkl-color-granitt:#1b1917;--jkl-color-skifer:#313030;--jkl-color-fjellgra:#444141;--jkl-color-stein:#636060;--jkl-color-svaberg:#c8c5c3;--jkl-color-varde:#e0dbd4;--jkl-color-dis:#ece9e5;--jkl-color-sand:#f4f2ef;--jkl-color-snohvit:#f9f9f9;--jkl-color-hvit:#fff;--jkl-color-suksess:#acd3b5;--jkl-color-suksess-dark:#94b79b;--jkl-color-feil:#f6b3b3;--jkl-color-feil-dark:#de9e9e;--jkl-color-info:#d3d3f6;--jkl-color-info-dark:#a9a9ca;--jkl-color-advarsel:#efdd9e;--jkl-color-advarsel-dark:#decc8d}@media screen and (prefers-color-scheme:light){:root{--jkl-color-background-page:#f4f2ef;--jkl-color-background-page-variant:#f9f9f9;--jkl-color-background-container:#f9f9f9;--jkl-color-background-container-low:#ece9e5;--jkl-color-background-container-high:#fff;--jkl-color-background-container-inverted:#1b1917;--jkl-color-background-container-subdued:#c8c5c3;--jkl-color-background-input-base:transparent;--jkl-color-background-input-focus:#fff;--jkl-color-background-action:#1b1917;--jkl-color-background-interactive:transparent;--jkl-color-background-interactive-hover:#ece9e5;--jkl-color-background-interactive-selected:#e0dbd4;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#d3d3f6;--jkl-color-background-alert-success:#acd3b5;--jkl-color-background-alert-warning:#efdd9e;--jkl-color-background-alert-error:#f6b3b3;--jkl-color-text-default:#1b1917;--jkl-color-text-subdued:#636060;--jkl-color-text-inverted:#f9f9f9;--jkl-color-text-on-action:#f9f9f9;--jkl-color-text-interactive:#1b1917;--jkl-color-text-interactive-hover:#636060;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#1b1917;--jkl-color-border-input:#636060;--jkl-color-border-input-focus:#1b1917;--jkl-color-border-separator:#c8c5c3;--jkl-color-border-separator-strong:#636060;--jkl-color-border-separator-hover:#1b1917;--jkl-color-border-subdued:#c8c5c3}}[data-theme=light]{--jkl-color-background-page:#f4f2ef;--jkl-color-background-page-variant:#f9f9f9;--jkl-color-background-container:#f9f9f9;--jkl-color-background-container-low:#ece9e5;--jkl-color-background-container-high:#fff;--jkl-color-background-container-inverted:#1b1917;--jkl-color-background-container-subdued:#c8c5c3;--jkl-color-background-input-base:transparent;--jkl-color-background-input-focus:#fff;--jkl-color-background-action:#1b1917;--jkl-color-background-interactive:transparent;--jkl-color-background-interactive-hover:#ece9e5;--jkl-color-background-interactive-selected:#e0dbd4;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#d3d3f6;--jkl-color-background-alert-success:#acd3b5;--jkl-color-background-alert-warning:#efdd9e;--jkl-color-background-alert-error:#f6b3b3;--jkl-color-text-default:#1b1917;--jkl-color-text-subdued:#636060;--jkl-color-text-inverted:#f9f9f9;--jkl-color-text-on-action:#f9f9f9;--jkl-color-text-interactive:#1b1917;--jkl-color-text-interactive-hover:#636060;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#1b1917;--jkl-color-border-input:#636060;--jkl-color-border-input-focus:#1b1917;--jkl-color-border-separator:#c8c5c3;--jkl-color-border-separator-strong:#636060;--jkl-color-border-separator-hover:#1b1917;--jkl-color-border-subdued:#c8c5c3}@media screen and (prefers-color-scheme:dark){:root{--jkl-color-background-page:#1b1917;--jkl-color-background-page-variant:#1b1917;--jkl-color-background-container:#313030;--jkl-color-background-container-low:#000;--jkl-color-background-container-high:#313030;--jkl-color-background-container-inverted:#f9f9f9;--jkl-color-background-container-subdued:#636060;--jkl-color-background-input-base:transparent;--jkl-color-background-input-focus:#313030;--jkl-color-background-action:#f9f9f9;--jkl-color-background-interactive:transparent;--jkl-color-background-interactive-hover:#444141;--jkl-color-background-interactive-selected:#636060;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#a9a9ca;--jkl-color-background-alert-success:#94b79b;--jkl-color-background-alert-warning:#decc8d;--jkl-color-background-alert-error:#de9e9e;--jkl-color-text-default:#f9f9f9;--jkl-color-text-subdued:#c8c5c3;--jkl-color-text-inverted:#1b1917;--jkl-color-text-on-action:#1b1917;--jkl-color-text-interactive:#f9f9f9;--jkl-color-text-interactive-hover:#c8c5c3;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#f9f9f9;--jkl-color-border-input:#c8c5c3;--jkl-color-border-input-focus:#f9f9f9;--jkl-color-border-separator:#636060;--jkl-color-border-separator-strong:#c8c5c3;--jkl-color-border-separator-hover:#f9f9f9;--jkl-color-border-subdued:#636060}}[data-theme=dark]{--jkl-color-background-page:#1b1917;--jkl-color-background-page-variant:#1b1917;--jkl-color-background-container:#313030;--jkl-color-background-container-low:#000;--jkl-color-background-container-high:#313030;--jkl-color-background-container-inverted:#f9f9f9;--jkl-color-background-container-subdued:#636060;--jkl-color-background-input-base:transparent;--jkl-color-background-input-focus:#313030;--jkl-color-background-action:#f9f9f9;--jkl-color-background-interactive:transparent;--jkl-color-background-interactive-hover:#444141;--jkl-color-background-interactive-selected:#636060;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#a9a9ca;--jkl-color-background-alert-success:#94b79b;--jkl-color-background-alert-warning:#decc8d;--jkl-color-background-alert-error:#de9e9e;--jkl-color-text-default:#f9f9f9;--jkl-color-text-subdued:#c8c5c3;--jkl-color-text-inverted:#1b1917;--jkl-color-text-on-action:#1b1917;--jkl-color-text-interactive:#f9f9f9;--jkl-color-text-interactive-hover:#c8c5c3;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#f9f9f9;--jkl-color-border-input:#c8c5c3;--jkl-color-border-input-focus:#f9f9f9;--jkl-color-border-separator:#636060;--jkl-color-border-separator-strong:#c8c5c3;--jkl-color-border-separator-hover:#f9f9f9;--jkl-color-border-subdued:#636060}.jkl-title{font-size:2.25rem;font-weight:400;line-height:2.75rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-title{font-size:3.5rem;font-weight:400;line-height:4rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-title-small{font-size:1.875rem;font-weight:400;line-height:2.25rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-title-small{font-size:2.75rem;font-weight:400;line-height:3.25rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-1{font-size:1.625rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-1{font-size:2.25rem;font-weight:400;line-height:2.75rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-2{font-size:1.4375rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-2{font-size:1.75rem;font-weight:400;line-height:2.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-3{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:500;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-3{font-size:1.5625rem;font-weight:700;line-height:2rem;--jkl-icon-weight:500;--jkl-icon-size:1.2em}}.jkl-heading-4{font-size:1.125rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500}@media (min-width:680px){.jkl-heading-4{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:500}}.jkl-heading-5{font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}.jkl-body{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300}@media (min-width:680px){.jkl-body{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-bold{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}@media (min-width:680px){.jkl-bold{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}}.jkl-small{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}:root{--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-16-24:1rem;--jkl-spacing-24-40:1.5rem;--jkl-spacing-24-32:1.5rem;--jkl-spacing-32-40:2rem;--jkl-spacing-40-64:2.5rem;--jkl-spacing-64-104:4rem;--jkl-spacing-104-168:6.5rem;--jkl-spacing-16-16-24:1rem;--jkl-spacing-16-24-32:1rem;--jkl-spacing-16-24-40:1rem;--jkl-spacing-24-24-32:1.5rem;--jkl-spacing-24-24-40:1.5rem;--jkl-spacing-24-32-40:1.5rem;--jkl-spacing-32-32-40:2rem;--jkl-spacing-32-40-64:2rem;--jkl-spacing-40-40-64:2.5rem;--jkl-spacing-40-64-104:2.5rem;--jkl-spacing-64-64-104:4rem;--jkl-spacing-64-104-168:4rem;--jkl-spacing-104-104-168:6.5rem}@media (min-width:680px){:root{--jkl-spacing-16-24:1.5rem;--jkl-spacing-24-40:2.5rem;--jkl-spacing-24-32:2rem;--jkl-spacing-32-40:2.5rem;--jkl-spacing-40-64:4rem;--jkl-spacing-64-104:6.5rem;--jkl-spacing-104-168:10.5rem;--jkl-spacing-16-16-24:1rem;--jkl-spacing-16-24-32:1.5rem;--jkl-spacing-16-24-40:1.5rem;--jkl-spacing-24-24-32:1.5rem;--jkl-spacing-24-24-40:1.5rem;--jkl-spacing-24-32-40:2rem;--jkl-spacing-32-32-40:2rem;--jkl-spacing-32-40-64:2.5rem;--jkl-spacing-40-40-64:2.5rem;--jkl-spacing-40-64-104:4rem;--jkl-spacing-64-64-104:4rem;--jkl-spacing-64-104-168:6.5rem;--jkl-spacing-104-104-168:6.5rem}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:1.5rem;--jkl-spacing-16-24-32:2rem;--jkl-spacing-16-24-40:2.5rem;--jkl-spacing-24-24-32:2rem;--jkl-spacing-24-24-40:2.5rem;--jkl-spacing-24-32-40:2.5rem;--jkl-spacing-32-32-40:2.5rem;--jkl-spacing-32-40-64:4rem;--jkl-spacing-40-40-64:4rem;--jkl-spacing-40-64-104:6.5rem;--jkl-spacing-64-64-104:6.5rem;--jkl-spacing-64-104-168:10.5rem;--jkl-spacing-104-104-168:10.5rem}}.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-3xs--all{margin:.125rem}.jkl-spacing-3xs--top{margin-top:.125rem}.jkl-spacing-3xs--bottom{margin-bottom:.125rem}.jkl-spacing-3xs--left{margin-left:.125rem}.jkl-spacing-3xs--right{margin-right:.125rem}.jkl-spacing-2xs--all{margin:.25rem}.jkl-spacing-2xs--top{margin-top:.25rem}.jkl-spacing-2xs--bottom{margin-bottom:.25rem}.jkl-spacing-2xs--left{margin-left:.25rem}.jkl-spacing-2xs--right{margin-right:.25rem}.jkl-spacing-xs--all{margin:.5rem}.jkl-spacing-xs--top{margin-top:.5rem}.jkl-spacing-xs--bottom{margin-bottom:.5rem}.jkl-spacing-xs--left{margin-left:.5rem}.jkl-spacing-xs--right{margin-right:.5rem}.jkl-spacing-s--all{margin:.75rem}.jkl-spacing-s--top{margin-top:.75rem}.jkl-spacing-s--bottom{margin-bottom:.75rem}.jkl-spacing-s--left{margin-left:.75rem}.jkl-spacing-s--right{margin-right:.75rem}.jkl-spacing-m--all{margin:1rem}.jkl-spacing-m--top{margin-top:1rem}.jkl-spacing-m--bottom{margin-bottom:1rem}.jkl-spacing-m--left{margin-left:1rem}.jkl-spacing-m--right{margin-right:1rem}.jkl-spacing-l--all{margin:1.5rem}.jkl-spacing-l--top{margin-top:1.5rem}.jkl-spacing-l--bottom{margin-bottom:1.5rem}.jkl-spacing-l--left{margin-left:1.5rem}.jkl-spacing-l--right{margin-right:1.5rem}.jkl-spacing-xl--all{margin:2.5rem}.jkl-spacing-xl--top{margin-top:2.5rem}.jkl-spacing-xl--bottom{margin-bottom:2.5rem}.jkl-spacing-xl--left{margin-left:2.5rem}.jkl-spacing-xl--right{margin-right:2.5rem}.jkl-spacing-2xl--all{margin:4rem}.jkl-spacing-2xl--top{margin-top:4rem}.jkl-spacing-2xl--bottom{margin-bottom:4rem}.jkl-spacing-2xl--left{margin-left:4rem}.jkl-spacing-2xl--right{margin-right:4rem}.jkl-spacing-3xl--all{margin:6.5rem}.jkl-spacing-3xl--top{margin-top:6.5rem}.jkl-spacing-3xl--bottom{margin-bottom:6.5rem}.jkl-spacing-3xl--left{margin-left:6.5rem}.jkl-spacing-3xl--right{margin-right:6.5rem}.jkl-spacing-4xl--all{margin:10.5rem}.jkl-spacing-4xl--top{margin-top:10.5rem}.jkl-spacing-4xl--bottom{margin-bottom:10.5rem}.jkl-spacing-4xl--left{margin-left:10.5rem}.jkl-spacing-4xl--right{margin-right:10.5rem}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;white-space:normal!important;width:auto!important}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-density:"comfortable"}[data-density=compact],[data-layout-density=compact]{--jkl-density:"compact"}@media screen and (prefers-color-scheme:light){:root{--jkl-background-color:#f9f9f9;--jkl-color:#1b1917;--jkl-error:#f6b3b3;--jkl-info:#d3d3f6;--jkl-warning:#efdd9e;--jkl-success:#acd3b5}}[data-theme=light]{--jkl-background-color:#f9f9f9;--jkl-color:#1b1917;--jkl-error:#f6b3b3;--jkl-info:#d3d3f6;--jkl-warning:#efdd9e;--jkl-success:#acd3b5}@media screen and (prefers-color-scheme:dark){:root{--jkl-background-color:#1b1917;--jkl-color:#f9f9f9;--jkl-error:#de9e9e;--jkl-info:#a9a9ca;--jkl-warning:#decc8d;--jkl-success:#94b79b}}[data-theme=dark]{--jkl-background-color:#1b1917;--jkl-color:#f9f9f9;--jkl-error:#de9e9e;--jkl-info:#a9a9ca;--jkl-warning:#decc8d;--jkl-success:#94b79b}:root{--jkl-title-font-size:2.25rem;--jkl-title-line-height:2.75rem;--jkl-title-font-weight:400;--jkl-title---jkl-icon-weight:300;--jkl-title---jkl-icon-size:1.2em;--jkl-title-small-font-size:1.875rem;--jkl-title-small-line-height:2.25rem;--jkl-title-small-font-weight:400;--jkl-title-small---jkl-icon-weight:300;--jkl-title-small---jkl-icon-size:1.2em;--jkl-heading-1-font-size:1.625rem;--jkl-heading-1-line-height:2rem;--jkl-heading-1-font-weight:400;--jkl-heading-1---jkl-icon-weight:300;--jkl-heading-1---jkl-icon-size:1.2em;--jkl-heading-2-font-size:1.4375rem;--jkl-heading-2-line-height:2rem;--jkl-heading-2-font-weight:400;--jkl-heading-2---jkl-icon-weight:300;--jkl-heading-2---jkl-icon-size:1.2em;--jkl-heading-3-font-size:1.3125rem;--jkl-heading-3-line-height:1.75rem;--jkl-heading-3-font-weight:700;--jkl-heading-3---jkl-icon-weight:500;--jkl-heading-3---jkl-icon-size:1.2em;--jkl-heading-4-font-size:1.125rem;--jkl-heading-4-line-height:1.5rem;--jkl-heading-4-font-weight:700;--jkl-heading-4---jkl-icon-weight:500;--jkl-heading-5-font-size:1rem;--jkl-heading-5-line-height:1.5rem;--jkl-heading-5-font-weight:700;--jkl-heading-5---jkl-icon-weight:500;--jkl-heading-5---jkl-icon-size:1.25rem;--jkl-heading-5---jkl-icon-opsz:20;--jkl-body-font-size:1.125rem;--jkl-body-line-height:1.75rem;--jkl-body-font-weight:400;--jkl-body---jkl-icon-weight:300;--jkl-small-font-size:1rem;--jkl-small-line-height:1.5rem;--jkl-small-font-weight:400;--jkl-small---jkl-icon-weight:300;--jkl-small---jkl-icon-size:1.25rem;--jkl-small---jkl-icon-opsz:20}@media (min-width:680px){:root{--jkl-title-font-size:3.5rem;--jkl-title-line-height:4rem;--jkl-title-font-weight:400;--jkl-title---jkl-icon-weight:300;--jkl-title---jkl-icon-size:1.2em;--jkl-title-small-font-size:2.75rem;--jkl-title-small-line-height:3.25rem;--jkl-title-small-font-weight:400;--jkl-title-small---jkl-icon-weight:300;--jkl-title-small---jkl-icon-size:1.2em;--jkl-heading-1-font-size:2.25rem;--jkl-heading-1-line-height:2.75rem;--jkl-heading-1-font-weight:400;--jkl-heading-1---jkl-icon-weight:300;--jkl-heading-1---jkl-icon-size:1.2em;--jkl-heading-2-font-size:1.75rem;--jkl-heading-2-line-height:2.5rem;--jkl-heading-2-font-weight:400;--jkl-heading-2---jkl-icon-weight:300;--jkl-heading-2---jkl-icon-size:1.2em;--jkl-heading-3-font-size:1.5625rem;--jkl-heading-3-line-height:2rem;--jkl-heading-3-font-weight:700;--jkl-heading-3---jkl-icon-weight:500;--jkl-heading-3---jkl-icon-size:1.2em;--jkl-heading-4-font-size:1.3125rem;--jkl-heading-4-line-height:1.75rem;--jkl-heading-4-font-weight:700;--jkl-heading-4---jkl-icon-weight:500;--jkl-heading-5-font-size:1rem;--jkl-heading-5-line-height:1.5rem;--jkl-heading-5-font-weight:700;--jkl-heading-5---jkl-icon-weight:500;--jkl-heading-5---jkl-icon-size:1.25rem;--jkl-heading-5---jkl-icon-opsz:20;--jkl-body-font-size:1.25rem;--jkl-body-line-height:2rem;--jkl-body-font-weight:400;--jkl-body---jkl-icon-weight:300;--jkl-small-font-size:1rem;--jkl-small-line-height:1.5rem;--jkl-small-font-weight:400;--jkl-small---jkl-icon-weight:300;--jkl-small---jkl-icon-size:1.25rem;--jkl-small---jkl-icon-opsz:20}}.jkl{font-family:Fremtind Grotesk,Adjusted Arial Fallback,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--jkl-background-color);color:var(--jkl-color)}.jkl strong{--jkl-icon-weight:500;font-weight:700}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:0s!important;transition:none!important}}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{margin:0}fieldset{border:0;display:block;line-height:1;margin:0;padding:0}table{border-collapse:collapse}table,tbody,td,th,thead,tr{margin:0;padding:0}.jkl [hidden]{display:none}:root{--jkl-color-brand-snohvit:#f9f9f9;--jkl-color-brand-varde:#e0dbd4;--jkl-color-brand-granitt:#1b1917;--jkl-color-brand-hvit:#fff;--jkl-color-brand-svart:#000;--jkl-color-brand-skifer:#313030;--jkl-color-brand-fjellgra:#444141;--jkl-color-brand-stein:#636060;--jkl-color-brand-svaberg:#c8c5c3;--jkl-color-brand-dis:#ece9e5;--jkl-color-brand-sand:#f4f2ef;--jkl-color-functional-info:#d3d3f6;--jkl-color-functional-info-dark:#a9a9ca;--jkl-color-functional-success:#acd3b5;--jkl-color-functional-success-dark:#94b79b;--jkl-color-functional-warning:#efdd9e;--jkl-color-functional-warning-dark:#decc8d;--jkl-color-functional-error:#f6b3b3;--jkl-color-functional-error-dark:#de9e9e;--jkl-typography-weight-normal:400;--jkl-typography-weight-bold:700;--jkl-typography-font-size-16:1rem;--jkl-typography-font-size-18:1.125rem;--jkl-typography-font-size-20:1.25rem;--jkl-typography-font-size-21:1.3125rem;--jkl-typography-font-size-23:1.4375rem;--jkl-typography-font-size-25:1.5625rem;--jkl-typography-font-size-26:1.625rem;--jkl-typography-font-size-28:1.75rem;--jkl-typography-font-size-30:1.875rem;--jkl-typography-font-size-36:2.25rem;--jkl-typography-font-size-44:2.75rem;--jkl-typography-font-size-56:3.5rem;--jkl-typography-line-height-24:1.5rem;--jkl-typography-line-height-28:1.75rem;--jkl-typography-line-height-32:2rem;--jkl-typography-line-height-36:2.25rem;--jkl-typography-line-height-40:2.5rem;--jkl-typography-line-height-44:2.75rem;--jkl-typography-line-height-52:3.25rem;--jkl-typography-line-height-64:4rem;--jkl-typography-title-small-font-size:2.25rem;--jkl-typography-title-small-line-height:2.75rem;--jkl-typography-title-small-font-weight:400;--jkl-typography-title-base-font-size:3.5rem;--jkl-typography-title-base-line-height:4rem;--jkl-typography-title-base-font-weight:400;--jkl-typography-title-small-small-font-size:1.875rem;--jkl-typography-title-small-small-line-height:2.25rem;--jkl-typography-title-small-small-font-weight:400;--jkl-typography-title-small-base-font-size:2.75rem;--jkl-typography-title-small-base-line-height:3.25rem;--jkl-typography-title-small-base-font-weight:400;--jkl-typography-heading-1-small-font-size:1.625rem;--jkl-typography-heading-1-small-line-height:2rem;--jkl-typography-heading-1-small-font-weight:400;--jkl-typography-heading-1-base-font-size:2.25rem;--jkl-typography-heading-1-base-line-height:2.75rem;--jkl-typography-heading-1-base-font-weight:400;--jkl-typography-heading-2-small-font-size:1.4375rem;--jkl-typography-heading-2-small-line-height:2rem;--jkl-typography-heading-2-small-font-weight:400;--jkl-typography-heading-2-base-font-size:1.75rem;--jkl-typography-heading-2-base-line-height:2.5rem;--jkl-typography-heading-2-base-font-weight:400;--jkl-typography-heading-3-small-font-size:1.3125rem;--jkl-typography-heading-3-small-line-height:1.75rem;--jkl-typography-heading-3-small-font-weight:700;--jkl-typography-heading-3-base-font-size:1.5625rem;--jkl-typography-heading-3-base-line-height:2rem;--jkl-typography-heading-3-base-font-weight:700;--jkl-typography-heading-4-small-font-size:1.125rem;--jkl-typography-heading-4-small-line-height:1.5rem;--jkl-typography-heading-4-small-font-weight:700;--jkl-typography-heading-4-base-font-size:1.3125rem;--jkl-typography-heading-4-base-line-height:1.75rem;--jkl-typography-heading-4-base-font-weight:700;--jkl-typography-heading-5-small-font-size:1rem;--jkl-typography-heading-5-small-line-height:1.5rem;--jkl-typography-heading-5-small-font-weight:700;--jkl-typography-heading-5-base-font-size:1rem;--jkl-typography-heading-5-base-line-height:1.5rem;--jkl-typography-heading-5-base-font-weight:700;--jkl-typography-body-small-font-size:1.125rem;--jkl-typography-body-small-line-height:1.75rem;--jkl-typography-body-small-font-weight:400;--jkl-typography-body-base-font-size:1.25rem;--jkl-typography-body-base-line-height:2rem;--jkl-typography-body-base-font-weight:400;--jkl-typography-small-small-font-size:1rem;--jkl-typography-small-small-line-height:1.5rem;--jkl-typography-small-small-font-weight:400;--jkl-typography-small-base-font-size:1rem;--jkl-typography-small-base-line-height:1.5rem;--jkl-typography-small-base-font-weight:400;--jkl-unit-10:0.5rem;--jkl-unit-15:calc(var(--jkl-unit-10)*1.5);--jkl-unit-20:calc(var(--jkl-unit-10)*2);--jkl-unit-25:calc(var(--jkl-unit-10)*2.5);--jkl-unit-30:calc(var(--jkl-unit-10)*3);--jkl-unit-40:calc(var(--jkl-unit-10)*4);--jkl-unit-50:calc(var(--jkl-unit-10)*5);--jkl-unit-60:calc(var(--jkl-unit-10)*6);--jkl-unit-70:calc(var(--jkl-unit-10)*7);--jkl-unit-80:calc(var(--jkl-unit-10)*8);--jkl-unit-90:calc(var(--jkl-unit-10)*9);--jkl-unit-130:calc(var(--jkl-unit-10)*13);--jkl-unit-210:calc(var(--jkl-unit-10)*21);--jkl-unit-02:calc(var(--jkl-unit-10)*0.25);--jkl-unit-05:calc(var(--jkl-unit-10)*0.5)}:root{--jkl-color-svart:#000;--jkl-color-granitt:#1b1917;--jkl-color-skifer:#313030;--jkl-color-fjellgra:#444141;--jkl-color-stein:#636060;--jkl-color-svaberg:#c8c5c3;--jkl-color-varde:#e0dbd4;--jkl-color-dis:#ece9e5;--jkl-color-sand:#f4f2ef;--jkl-color-snohvit:#f9f9f9;--jkl-color-hvit:#fff;--jkl-color-suksess:#acd3b5;--jkl-color-suksess-dark:#94b79b;--jkl-color-feil:#f6b3b3;--jkl-color-feil-dark:#de9e9e;--jkl-color-info:#d3d3f6;--jkl-color-info-dark:#a9a9ca;--jkl-color-advarsel:#efdd9e;--jkl-color-advarsel-dark:#decc8d;--jkl-spacing-0:0}@media screen and (prefers-color-scheme:light){:root{--jkl-color-background-page:#f4f2ef;--jkl-color-background-page-variant:#f9f9f9;--jkl-color-background-container:#f9f9f9;--jkl-color-background-container-low:#ece9e5;--jkl-color-background-container-high:#fff;--jkl-color-background-container-inverted:#1b1917;--jkl-color-background-container-subdued:#c8c5c3;--jkl-color-background-input-base:transparent;--jkl-color-background-input-focus:#fff;--jkl-color-background-action:#1b1917;--jkl-color-background-interactive:transparent;--jkl-color-background-interactive-hover:#ece9e5;--jkl-color-background-interactive-selected:#e0dbd4;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#d3d3f6;--jkl-color-background-alert-success:#acd3b5;--jkl-color-background-alert-warning:#efdd9e;--jkl-color-background-alert-error:#f6b3b3;--jkl-color-text-default:#1b1917;--jkl-color-text-subdued:#636060;--jkl-color-text-inverted:#f9f9f9;--jkl-color-text-on-action:#f9f9f9;--jkl-color-text-interactive:#1b1917;--jkl-color-text-interactive-hover:#636060;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#1b1917;--jkl-color-border-input:#636060;--jkl-color-border-input-focus:#1b1917;--jkl-color-border-separator:#c8c5c3;--jkl-color-border-separator-strong:#636060;--jkl-color-border-separator-hover:#1b1917;--jkl-color-border-subdued:#c8c5c3}}[data-theme=light]{--jkl-color-background-page:#f4f2ef;--jkl-color-background-page-variant:#f9f9f9;--jkl-color-background-container:#f9f9f9;--jkl-color-background-container-low:#ece9e5;--jkl-color-background-container-high:#fff;--jkl-color-background-container-inverted:#1b1917;--jkl-color-background-container-subdued:#c8c5c3;--jkl-color-background-input-base:transparent;--jkl-color-background-input-focus:#fff;--jkl-color-background-action:#1b1917;--jkl-color-background-interactive:transparent;--jkl-color-background-interactive-hover:#ece9e5;--jkl-color-background-interactive-selected:#e0dbd4;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#d3d3f6;--jkl-color-background-alert-success:#acd3b5;--jkl-color-background-alert-warning:#efdd9e;--jkl-color-background-alert-error:#f6b3b3;--jkl-color-text-default:#1b1917;--jkl-color-text-subdued:#636060;--jkl-color-text-inverted:#f9f9f9;--jkl-color-text-on-action:#f9f9f9;--jkl-color-text-interactive:#1b1917;--jkl-color-text-interactive-hover:#636060;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#1b1917;--jkl-color-border-input:#636060;--jkl-color-border-input-focus:#1b1917;--jkl-color-border-separator:#c8c5c3;--jkl-color-border-separator-strong:#636060;--jkl-color-border-separator-hover:#1b1917;--jkl-color-border-subdued:#c8c5c3}@media screen and (prefers-color-scheme:dark){:root{--jkl-color-background-page:#1b1917;--jkl-color-background-page-variant:#1b1917;--jkl-color-background-container:#313030;--jkl-color-background-container-low:#000;--jkl-color-background-container-high:#313030;--jkl-color-background-container-inverted:#f9f9f9;--jkl-color-background-container-subdued:#636060;--jkl-color-background-input-base:transparent;--jkl-color-background-input-focus:#313030;--jkl-color-background-action:#f9f9f9;--jkl-color-background-interactive:transparent;--jkl-color-background-interactive-hover:#444141;--jkl-color-background-interactive-selected:#636060;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#a9a9ca;--jkl-color-background-alert-success:#94b79b;--jkl-color-background-alert-warning:#decc8d;--jkl-color-background-alert-error:#de9e9e;--jkl-color-text-default:#f9f9f9;--jkl-color-text-subdued:#c8c5c3;--jkl-color-text-inverted:#1b1917;--jkl-color-text-on-action:#1b1917;--jkl-color-text-interactive:#f9f9f9;--jkl-color-text-interactive-hover:#c8c5c3;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#f9f9f9;--jkl-color-border-input:#c8c5c3;--jkl-color-border-input-focus:#f9f9f9;--jkl-color-border-separator:#636060;--jkl-color-border-separator-strong:#c8c5c3;--jkl-color-border-separator-hover:#f9f9f9;--jkl-color-border-subdued:#636060}}[data-theme=dark]{--jkl-color-background-page:#1b1917;--jkl-color-background-page-variant:#1b1917;--jkl-color-background-container:#313030;--jkl-color-background-container-low:#000;--jkl-color-background-container-high:#313030;--jkl-color-background-container-inverted:#f9f9f9;--jkl-color-background-container-subdued:#636060;--jkl-color-background-input-base:transparent;--jkl-color-background-input-focus:#313030;--jkl-color-background-action:#f9f9f9;--jkl-color-background-interactive:transparent;--jkl-color-background-interactive-hover:#444141;--jkl-color-background-interactive-selected:#636060;--jkl-color-background-alert-neutral:#e0dbd4;--jkl-color-background-alert-info:#a9a9ca;--jkl-color-background-alert-success:#94b79b;--jkl-color-background-alert-warning:#decc8d;--jkl-color-background-alert-error:#de9e9e;--jkl-color-text-default:#f9f9f9;--jkl-color-text-subdued:#c8c5c3;--jkl-color-text-inverted:#1b1917;--jkl-color-text-on-action:#1b1917;--jkl-color-text-interactive:#f9f9f9;--jkl-color-text-interactive-hover:#c8c5c3;--jkl-color-text-on-alert:#1b1917;--jkl-color-text-on-alert-subdued:#444141;--jkl-color-border-action:#f9f9f9;--jkl-color-border-input:#c8c5c3;--jkl-color-border-input-focus:#f9f9f9;--jkl-color-border-separator:#636060;--jkl-color-border-separator-strong:#c8c5c3;--jkl-color-border-separator-hover:#f9f9f9;--jkl-color-border-subdued:#636060}.jkl-title{font-size:2.25rem;font-weight:400;line-height:2.75rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-title{font-size:3.5rem;font-weight:400;line-height:4rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-title-small{font-size:1.875rem;font-weight:400;line-height:2.25rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-title-small{font-size:2.75rem;font-weight:400;line-height:3.25rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-1{font-size:1.625rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-1{font-size:2.25rem;font-weight:400;line-height:2.75rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-2{font-size:1.4375rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-2{font-size:1.75rem;font-weight:400;line-height:2.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.2em}}.jkl-heading-3{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:500;--jkl-icon-size:1.2em}@media (min-width:680px){.jkl-heading-3{font-size:1.5625rem;font-weight:700;line-height:2rem;--jkl-icon-weight:500;--jkl-icon-size:1.2em}}.jkl-heading-4{font-size:1.125rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500}@media (min-width:680px){.jkl-heading-4{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:500}}.jkl-heading-5{font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}.jkl-body{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300}@media (min-width:680px){.jkl-body{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-bold{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}@media (min-width:680px){.jkl-bold{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;--jkl-icon-weight:500;font-weight:700}}.jkl-small{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}:root{--jkl-spacing-2:0.125rem;--jkl-spacing-4:0.25rem;--jkl-spacing-8:0.5rem;--jkl-spacing-12:0.75rem;--jkl-spacing-16:1rem;--jkl-spacing-24:1.5rem;--jkl-spacing-32:2rem;--jkl-spacing-40:2.5rem;--jkl-spacing-64:4rem;--jkl-spacing-104:6.5rem;--jkl-spacing-168:10.5rem;--jkl-spacing-16-24:1rem;--jkl-spacing-24-40:1.5rem;--jkl-spacing-24-32:1.5rem;--jkl-spacing-32-40:2rem;--jkl-spacing-40-64:2.5rem;--jkl-spacing-64-104:4rem;--jkl-spacing-104-168:6.5rem;--jkl-spacing-16-16-24:1rem;--jkl-spacing-16-24-32:1rem;--jkl-spacing-16-24-40:1rem;--jkl-spacing-24-24-32:1.5rem;--jkl-spacing-24-24-40:1.5rem;--jkl-spacing-24-32-40:1.5rem;--jkl-spacing-32-32-40:2rem;--jkl-spacing-32-40-64:2rem;--jkl-spacing-40-40-64:2.5rem;--jkl-spacing-40-64-104:2.5rem;--jkl-spacing-64-64-104:4rem;--jkl-spacing-64-104-168:4rem;--jkl-spacing-104-104-168:6.5rem}@media (min-width:680px){:root{--jkl-spacing-16-24:1.5rem;--jkl-spacing-24-40:2.5rem;--jkl-spacing-24-32:2rem;--jkl-spacing-32-40:2.5rem;--jkl-spacing-40-64:4rem;--jkl-spacing-64-104:6.5rem;--jkl-spacing-104-168:10.5rem;--jkl-spacing-16-16-24:1rem;--jkl-spacing-16-24-32:1.5rem;--jkl-spacing-16-24-40:1.5rem;--jkl-spacing-24-24-32:1.5rem;--jkl-spacing-24-24-40:1.5rem;--jkl-spacing-24-32-40:2rem;--jkl-spacing-32-32-40:2rem;--jkl-spacing-32-40-64:2.5rem;--jkl-spacing-40-40-64:2.5rem;--jkl-spacing-40-64-104:4rem;--jkl-spacing-64-64-104:4rem;--jkl-spacing-64-104-168:6.5rem;--jkl-spacing-104-104-168:6.5rem}}@media (min-width:1200px){:root{--jkl-spacing-16-16-24:1.5rem;--jkl-spacing-16-24-32:2rem;--jkl-spacing-16-24-40:2.5rem;--jkl-spacing-24-24-32:2rem;--jkl-spacing-24-24-40:2.5rem;--jkl-spacing-24-32-40:2.5rem;--jkl-spacing-32-32-40:2.5rem;--jkl-spacing-32-40-64:4rem;--jkl-spacing-40-40-64:4rem;--jkl-spacing-40-64-104:6.5rem;--jkl-spacing-64-64-104:6.5rem;--jkl-spacing-64-104-168:10.5rem;--jkl-spacing-104-104-168:10.5rem}}.jkl-spacing-2--all{margin:var(--jkl-spacing-2)}.jkl-spacing-2--top{margin-top:var(--jkl-spacing-2)}.jkl-spacing-2--bottom{margin-bottom:var(--jkl-spacing-2)}.jkl-spacing-2--left{margin-left:var(--jkl-spacing-2)}.jkl-spacing-2--right{margin-right:var(--jkl-spacing-2)}.jkl-spacing-4--all{margin:var(--jkl-spacing-4)}.jkl-spacing-4--top{margin-top:var(--jkl-spacing-4)}.jkl-spacing-4--bottom{margin-bottom:var(--jkl-spacing-4)}.jkl-spacing-4--left{margin-left:var(--jkl-spacing-4)}.jkl-spacing-4--right{margin-right:var(--jkl-spacing-4)}.jkl-spacing-8--all{margin:var(--jkl-spacing-8)}.jkl-spacing-8--top{margin-top:var(--jkl-spacing-8)}.jkl-spacing-8--bottom{margin-bottom:var(--jkl-spacing-8)}.jkl-spacing-8--left{margin-left:var(--jkl-spacing-8)}.jkl-spacing-8--right{margin-right:var(--jkl-spacing-8)}.jkl-spacing-12--all{margin:var(--jkl-spacing-12)}.jkl-spacing-12--top{margin-top:var(--jkl-spacing-12)}.jkl-spacing-12--bottom{margin-bottom:var(--jkl-spacing-12)}.jkl-spacing-12--left{margin-left:var(--jkl-spacing-12)}.jkl-spacing-12--right{margin-right:var(--jkl-spacing-12)}.jkl-spacing-16--all{margin:var(--jkl-spacing-16)}.jkl-spacing-16--top{margin-top:var(--jkl-spacing-16)}.jkl-spacing-16--bottom{margin-bottom:var(--jkl-spacing-16)}.jkl-spacing-16--left{margin-left:var(--jkl-spacing-16)}.jkl-spacing-16--right{margin-right:var(--jkl-spacing-16)}.jkl-spacing-24--all{margin:var(--jkl-spacing-24)}.jkl-spacing-24--top{margin-top:var(--jkl-spacing-24)}.jkl-spacing-24--bottom{margin-bottom:var(--jkl-spacing-24)}.jkl-spacing-24--left{margin-left:var(--jkl-spacing-24)}.jkl-spacing-24--right{margin-right:var(--jkl-spacing-24)}.jkl-spacing-32--all{margin:var(--jkl-spacing-32)}.jkl-spacing-32--top{margin-top:var(--jkl-spacing-32)}.jkl-spacing-32--bottom{margin-bottom:var(--jkl-spacing-32)}.jkl-spacing-32--left{margin-left:var(--jkl-spacing-32)}.jkl-spacing-32--right{margin-right:var(--jkl-spacing-32)}.jkl-spacing-40--all{margin:var(--jkl-spacing-40)}.jkl-spacing-40--top{margin-top:var(--jkl-spacing-40)}.jkl-spacing-40--bottom{margin-bottom:var(--jkl-spacing-40)}.jkl-spacing-40--left{margin-left:var(--jkl-spacing-40)}.jkl-spacing-40--right{margin-right:var(--jkl-spacing-40)}.jkl-spacing-64--all{margin:var(--jkl-spacing-64)}.jkl-spacing-64--top{margin-top:var(--jkl-spacing-64)}.jkl-spacing-64--bottom{margin-bottom:var(--jkl-spacing-64)}.jkl-spacing-64--left{margin-left:var(--jkl-spacing-64)}.jkl-spacing-64--right{margin-right:var(--jkl-spacing-64)}.jkl-spacing-104--all{margin:var(--jkl-spacing-104)}.jkl-spacing-104--top{margin-top:var(--jkl-spacing-104)}.jkl-spacing-104--bottom{margin-bottom:var(--jkl-spacing-104)}.jkl-spacing-104--left{margin-left:var(--jkl-spacing-104)}.jkl-spacing-104--right{margin-right:var(--jkl-spacing-104)}.jkl-spacing-168--all{margin:var(--jkl-spacing-168)}.jkl-spacing-168--top{margin-top:var(--jkl-spacing-168)}.jkl-spacing-168--bottom{margin-bottom:var(--jkl-spacing-168)}.jkl-spacing-168--left{margin-left:var(--jkl-spacing-168)}.jkl-spacing-168--right{margin-right:var(--jkl-spacing-168)}.jkl-spacing-16-24--all{margin:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--top{margin-top:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--bottom{margin-bottom:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--left{margin-left:var(--jkl-spacing-16-24)}.jkl-spacing-16-24--right{margin-right:var(--jkl-spacing-16-24)}.jkl-spacing-24-40--all{margin:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--top{margin-top:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--bottom{margin-bottom:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--left{margin-left:var(--jkl-spacing-24-40)}.jkl-spacing-24-40--right{margin-right:var(--jkl-spacing-24-40)}.jkl-spacing-24-32--all{margin:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--top{margin-top:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--bottom{margin-bottom:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--left{margin-left:var(--jkl-spacing-24-32)}.jkl-spacing-24-32--right{margin-right:var(--jkl-spacing-24-32)}.jkl-spacing-32-40--all{margin:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--top{margin-top:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--bottom{margin-bottom:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--left{margin-left:var(--jkl-spacing-32-40)}.jkl-spacing-32-40--right{margin-right:var(--jkl-spacing-32-40)}.jkl-spacing-40-64--all{margin:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--top{margin-top:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--bottom{margin-bottom:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--left{margin-left:var(--jkl-spacing-40-64)}.jkl-spacing-40-64--right{margin-right:var(--jkl-spacing-40-64)}.jkl-spacing-64-104--all{margin:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--top{margin-top:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--bottom{margin-bottom:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--left{margin-left:var(--jkl-spacing-64-104)}.jkl-spacing-64-104--right{margin-right:var(--jkl-spacing-64-104)}.jkl-spacing-104-168--all{margin:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--top{margin-top:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--bottom{margin-bottom:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--left{margin-left:var(--jkl-spacing-104-168)}.jkl-spacing-104-168--right{margin-right:var(--jkl-spacing-104-168)}.jkl-spacing-16-16-24--all{margin:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--top{margin-top:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--bottom{margin-bottom:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--left{margin-left:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-16-24--right{margin-right:var(--jkl-spacing-16-16-24)}.jkl-spacing-16-24-32--all{margin:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--top{margin-top:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--bottom{margin-bottom:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--left{margin-left:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-32--right{margin-right:var(--jkl-spacing-16-24-32)}.jkl-spacing-16-24-40--all{margin:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--top{margin-top:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--bottom{margin-bottom:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--left{margin-left:var(--jkl-spacing-16-24-40)}.jkl-spacing-16-24-40--right{margin-right:var(--jkl-spacing-16-24-40)}.jkl-spacing-24-24-32--all{margin:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--top{margin-top:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--bottom{margin-bottom:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--left{margin-left:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-32--right{margin-right:var(--jkl-spacing-24-24-32)}.jkl-spacing-24-24-40--all{margin:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--top{margin-top:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--bottom{margin-bottom:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--left{margin-left:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-24-40--right{margin-right:var(--jkl-spacing-24-24-40)}.jkl-spacing-24-32-40--all{margin:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--top{margin-top:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--bottom{margin-bottom:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--left{margin-left:var(--jkl-spacing-24-32-40)}.jkl-spacing-24-32-40--right{margin-right:var(--jkl-spacing-24-32-40)}.jkl-spacing-32-32-40--all{margin:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--top{margin-top:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--bottom{margin-bottom:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--left{margin-left:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-32-40--right{margin-right:var(--jkl-spacing-32-32-40)}.jkl-spacing-32-40-64--all{margin:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--top{margin-top:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--bottom{margin-bottom:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--left{margin-left:var(--jkl-spacing-32-40-64)}.jkl-spacing-32-40-64--right{margin-right:var(--jkl-spacing-32-40-64)}.jkl-spacing-40-40-64--all{margin:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--top{margin-top:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--bottom{margin-bottom:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--left{margin-left:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-40-64--right{margin-right:var(--jkl-spacing-40-40-64)}.jkl-spacing-40-64-104--all{margin:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--top{margin-top:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--bottom{margin-bottom:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--left{margin-left:var(--jkl-spacing-40-64-104)}.jkl-spacing-40-64-104--right{margin-right:var(--jkl-spacing-40-64-104)}.jkl-spacing-64-64-104--all{margin:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--top{margin-top:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--bottom{margin-bottom:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--left{margin-left:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-64-104--right{margin-right:var(--jkl-spacing-64-64-104)}.jkl-spacing-64-104-168--all{margin:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--top{margin-top:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--bottom{margin-bottom:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--left{margin-left:var(--jkl-spacing-64-104-168)}.jkl-spacing-64-104-168--right{margin-right:var(--jkl-spacing-64-104-168)}.jkl-spacing-104-104-168--all{margin:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--top{margin-top:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--bottom{margin-bottom:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--left{margin-left:var(--jkl-spacing-104-104-168)}.jkl-spacing-104-104-168--right{margin-right:var(--jkl-spacing-104-104-168)}.jkl-spacing-3xs--all{margin:.125rem}.jkl-spacing-3xs--top{margin-top:.125rem}.jkl-spacing-3xs--bottom{margin-bottom:.125rem}.jkl-spacing-3xs--left{margin-left:.125rem}.jkl-spacing-3xs--right{margin-right:.125rem}.jkl-spacing-2xs--all{margin:.25rem}.jkl-spacing-2xs--top{margin-top:.25rem}.jkl-spacing-2xs--bottom{margin-bottom:.25rem}.jkl-spacing-2xs--left{margin-left:.25rem}.jkl-spacing-2xs--right{margin-right:.25rem}.jkl-spacing-xs--all{margin:.5rem}.jkl-spacing-xs--top{margin-top:.5rem}.jkl-spacing-xs--bottom{margin-bottom:.5rem}.jkl-spacing-xs--left{margin-left:.5rem}.jkl-spacing-xs--right{margin-right:.5rem}.jkl-spacing-s--all{margin:.75rem}.jkl-spacing-s--top{margin-top:.75rem}.jkl-spacing-s--bottom{margin-bottom:.75rem}.jkl-spacing-s--left{margin-left:.75rem}.jkl-spacing-s--right{margin-right:.75rem}.jkl-spacing-m--all{margin:1rem}.jkl-spacing-m--top{margin-top:1rem}.jkl-spacing-m--bottom{margin-bottom:1rem}.jkl-spacing-m--left{margin-left:1rem}.jkl-spacing-m--right{margin-right:1rem}.jkl-spacing-l--all{margin:1.5rem}.jkl-spacing-l--top{margin-top:1.5rem}.jkl-spacing-l--bottom{margin-bottom:1.5rem}.jkl-spacing-l--left{margin-left:1.5rem}.jkl-spacing-l--right{margin-right:1.5rem}.jkl-spacing-xl--all{margin:2.5rem}.jkl-spacing-xl--top{margin-top:2.5rem}.jkl-spacing-xl--bottom{margin-bottom:2.5rem}.jkl-spacing-xl--left{margin-left:2.5rem}.jkl-spacing-xl--right{margin-right:2.5rem}.jkl-spacing-2xl--all{margin:4rem}.jkl-spacing-2xl--top{margin-top:4rem}.jkl-spacing-2xl--bottom{margin-bottom:4rem}.jkl-spacing-2xl--left{margin-left:4rem}.jkl-spacing-2xl--right{margin-right:4rem}.jkl-spacing-3xl--all{margin:6.5rem}.jkl-spacing-3xl--top{margin-top:6.5rem}.jkl-spacing-3xl--bottom{margin-bottom:6.5rem}.jkl-spacing-3xl--left{margin-left:6.5rem}.jkl-spacing-3xl--right{margin-right:6.5rem}.jkl-spacing-4xl--all{margin:10.5rem}.jkl-spacing-4xl--top{margin-top:10.5rem}.jkl-spacing-4xl--bottom{margin-bottom:10.5rem}.jkl-spacing-4xl--left{margin-left:10.5rem}.jkl-spacing-4xl--right{margin-right:10.5rem}.jkl-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-sr-only--focusable:active,.jkl-sr-only--focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;margin:auto!important;overflow:visible!important;white-space:normal!important;width:auto!important}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-density:"comfortable"}[data-density=compact],[data-layout-density=compact]{--jkl-density:"compact"}@media screen and (prefers-color-scheme:light){:root{--jkl-background-color:#f9f9f9;--jkl-color:#1b1917;--jkl-error:#f6b3b3;--jkl-info:#d3d3f6;--jkl-warning:#efdd9e;--jkl-success:#acd3b5}}[data-theme=light]{--jkl-background-color:#f9f9f9;--jkl-color:#1b1917;--jkl-error:#f6b3b3;--jkl-info:#d3d3f6;--jkl-warning:#efdd9e;--jkl-success:#acd3b5}@media screen and (prefers-color-scheme:dark){:root{--jkl-background-color:#1b1917;--jkl-color:#f9f9f9;--jkl-error:#de9e9e;--jkl-info:#a9a9ca;--jkl-warning:#decc8d;--jkl-success:#94b79b}}[data-theme=dark]{--jkl-background-color:#1b1917;--jkl-color:#f9f9f9;--jkl-error:#de9e9e;--jkl-info:#a9a9ca;--jkl-warning:#decc8d;--jkl-success:#94b79b}:root{--jkl-title-font-size:2.25rem;--jkl-title-line-height:2.75rem;--jkl-title-font-weight:400;--jkl-title---jkl-icon-weight:300;--jkl-title---jkl-icon-size:1.2em;--jkl-title-small-font-size:1.875rem;--jkl-title-small-line-height:2.25rem;--jkl-title-small-font-weight:400;--jkl-title-small---jkl-icon-weight:300;--jkl-title-small---jkl-icon-size:1.2em;--jkl-heading-1-font-size:1.625rem;--jkl-heading-1-line-height:2rem;--jkl-heading-1-font-weight:400;--jkl-heading-1---jkl-icon-weight:300;--jkl-heading-1---jkl-icon-size:1.2em;--jkl-heading-2-font-size:1.4375rem;--jkl-heading-2-line-height:2rem;--jkl-heading-2-font-weight:400;--jkl-heading-2---jkl-icon-weight:300;--jkl-heading-2---jkl-icon-size:1.2em;--jkl-heading-3-font-size:1.3125rem;--jkl-heading-3-line-height:1.75rem;--jkl-heading-3-font-weight:700;--jkl-heading-3---jkl-icon-weight:500;--jkl-heading-3---jkl-icon-size:1.2em;--jkl-heading-4-font-size:1.125rem;--jkl-heading-4-line-height:1.5rem;--jkl-heading-4-font-weight:700;--jkl-heading-4---jkl-icon-weight:500;--jkl-heading-5-font-size:1rem;--jkl-heading-5-line-height:1.5rem;--jkl-heading-5-font-weight:700;--jkl-heading-5---jkl-icon-weight:500;--jkl-heading-5---jkl-icon-size:1.25rem;--jkl-heading-5---jkl-icon-opsz:20;--jkl-body-font-size:1.125rem;--jkl-body-line-height:1.75rem;--jkl-body-font-weight:400;--jkl-body---jkl-icon-weight:300;--jkl-small-font-size:1rem;--jkl-small-line-height:1.5rem;--jkl-small-font-weight:400;--jkl-small---jkl-icon-weight:300;--jkl-small---jkl-icon-size:1.25rem;--jkl-small---jkl-icon-opsz:20}@media (min-width:680px){:root{--jkl-title-font-size:3.5rem;--jkl-title-line-height:4rem;--jkl-title-font-weight:400;--jkl-title---jkl-icon-weight:300;--jkl-title---jkl-icon-size:1.2em;--jkl-title-small-font-size:2.75rem;--jkl-title-small-line-height:3.25rem;--jkl-title-small-font-weight:400;--jkl-title-small---jkl-icon-weight:300;--jkl-title-small---jkl-icon-size:1.2em;--jkl-heading-1-font-size:2.25rem;--jkl-heading-1-line-height:2.75rem;--jkl-heading-1-font-weight:400;--jkl-heading-1---jkl-icon-weight:300;--jkl-heading-1---jkl-icon-size:1.2em;--jkl-heading-2-font-size:1.75rem;--jkl-heading-2-line-height:2.5rem;--jkl-heading-2-font-weight:400;--jkl-heading-2---jkl-icon-weight:300;--jkl-heading-2---jkl-icon-size:1.2em;--jkl-heading-3-font-size:1.5625rem;--jkl-heading-3-line-height:2rem;--jkl-heading-3-font-weight:700;--jkl-heading-3---jkl-icon-weight:500;--jkl-heading-3---jkl-icon-size:1.2em;--jkl-heading-4-font-size:1.3125rem;--jkl-heading-4-line-height:1.75rem;--jkl-heading-4-font-weight:700;--jkl-heading-4---jkl-icon-weight:500;--jkl-heading-5-font-size:1rem;--jkl-heading-5-line-height:1.5rem;--jkl-heading-5-font-weight:700;--jkl-heading-5---jkl-icon-weight:500;--jkl-heading-5---jkl-icon-size:1.25rem;--jkl-heading-5---jkl-icon-opsz:20;--jkl-body-font-size:1.25rem;--jkl-body-line-height:2rem;--jkl-body-font-weight:400;--jkl-body---jkl-icon-weight:300;--jkl-small-font-size:1rem;--jkl-small-line-height:1.5rem;--jkl-small-font-weight:400;--jkl-small---jkl-icon-weight:300;--jkl-small---jkl-icon-size:1.25rem;--jkl-small---jkl-icon-opsz:20}}.jkl{font-family:Fremtind Grotesk,Adjusted Arial Fallback,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--jkl-background-color);color:var(--jkl-color)}.jkl strong{--jkl-icon-weight:500;font-weight:700}@media screen and (prefers-reduced-motion:reduce){*,:after,:before{animation-delay:0s!important;animation-duration:0s!important;transition:none!important}}

package/styles/core/jkl/_legacy-tokens.scss

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Mon, 28 Oct 2024 14:22:00 GMT
+// Generated on Wed, 18 Dec 2024 12:25:37 GMT
 
 $color-svart: #000000;
 $color-granitt: #1b1917;
@@ -20,3 +20,15 @@ $color-info: #d3d3f6;
 $color-info-dark: #a9a9ca;
 $color-advarsel: #efdd9e;
 $color-advarsel-dark: #decc8d;
+$spacing-0: 0;
+$spacing-2: 0.125rem;
+$spacing-4: 0.25rem;
+$spacing-8: 0.5rem;
+$spacing-12: 0.75rem;
+$spacing-16: 1rem;
+$spacing-24: 1.5rem;
+$spacing-32: 2rem;
+$spacing-40: 2.5rem;
+$spacing-64: 4rem;
+$spacing-104: 6.5rem;
+$spacing-168: 10.5rem;

package/styles/core/jkl/_spacing.scss

@@ -2,72 +2,72 @@
 @use "sass:map";
 @use "sass:list";
 @use "screens";
-@use "tokens" as *;
+@use "legacy-tokens";
 
 /// Tilsvarer 2px
 /// @deprecated Bruk heller $spacing-2
 /// @type Number
-$spacing-3xs: $spacing-2;
+$spacing-3xs: legacy-tokens.$spacing-2;
 
 /// Tilsvarer 4px
 /// @deprecated Bruk heller $spacing-4
 /// @type Number
-$spacing-2xs: $spacing-4;
+$spacing-2xs: legacy-tokens.$spacing-4;
 
 /// Tilsvarer 8px
 /// @deprecated Bruk heller $spacing-8
 /// @type Number
-$spacing-xs: $spacing-8;
+$spacing-xs: legacy-tokens.$spacing-8;
 
 /// Tilsvarer 12px
 /// @deprecated Bruk heller $spacing-12
 /// @type Number
-$spacing-s: $spacing-12;
+$spacing-s: legacy-tokens.$spacing-12;
 
 /// Tilsvarer 16px
 /// @deprecated Bruk heller $spacing-16
 /// @type Number
-$spacing-m: $spacing-16;
+$spacing-m: legacy-tokens.$spacing-16;
 
 /// Tilsvarer 24px
 /// @deprecated Bruk heller $spacing-24
 /// @type Number
-$spacing-l: $spacing-24;
+$spacing-l: legacy-tokens.$spacing-24;
 
 /// Tilsvarer 40px
 /// @deprecated Bruk heller $spacing-40
 /// @type Number
-$spacing-xl: $spacing-40;
+$spacing-xl: legacy-tokens.$spacing-40;
 
 /// Tilsvarer 64px
 /// @deprecated Bruk heller $spacing-64
 /// @type Number
-$spacing-2xl: $spacing-64;
+$spacing-2xl: legacy-tokens.$spacing-64;
 
 /// Tilsvarer 104px
 /// @deprecated Bruk heller $spacing-104
 /// @type Number
-$spacing-3xl: $spacing-104;
+$spacing-3xl: legacy-tokens.$spacing-104;
 
 /// Tilsvarer 168px
 /// @deprecated Bruk heller $spacing-168
 /// @type Number
-$spacing-4xl: $spacing-168;
+$spacing-4xl: legacy-tokens.$spacing-168;
 
 /// Lar deg gjøre oppslag på navnet uten `spacing`-prefix for å få ut rem-verdien
 /// @type Map
 $spacing: (
-    "2": $spacing-2,
-    "4": $spacing-4,
-    "8": $spacing-8,
-    "12": $spacing-12,
-    "16": $spacing-16,
-    "24": $spacing-24,
-    "32": $spacing-32,
-    "40": $spacing-40,
-    "64": $spacing-64,
-    "104": $spacing-104,
-    "168": $spacing-168,
+    "2": legacy-tokens.$spacing-2,
+    "4": legacy-tokens.$spacing-4,
+    "8": legacy-tokens.$spacing-8,
+    "12": legacy-tokens.$spacing-12,
+    "16": legacy-tokens.$spacing-16,
+    "24": legacy-tokens.$spacing-24,
+    "32": legacy-tokens.$spacing-32,
+    "40": legacy-tokens.$spacing-40,
+    "64": legacy-tokens.$spacing-64,
+    "104": legacy-tokens.$spacing-104,
+    "168": legacy-tokens.$spacing-168,
     // Gamle t-skjortestørrelser for kompatibilitet
     "3xs": $spacing-3xs,
     "2xs": $spacing-2xs,

package/styles/core/jkl/_tokens.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 
 $breakpoint-medium: 680px;
@@ -35,18 +35,6 @@ $motion-easing-entrance: ease-out;
 $motion-easing-exit: ease-in;
 $motion-easing-ease-in-bounce-out: cubic-bezier(0, 0, 0.375, 1.17);
 $motion-easing-focus: cubic-bezier(0.6, 0.2, 0.35, 1);
-$spacing-0: 0;
-$spacing-2: 0.125rem;
-$spacing-4: 0.25rem;
-$spacing-8: 0.5rem;
-$spacing-12: 0.75rem;
-$spacing-16: 1rem;
-$spacing-24: 1.5rem;
-$spacing-32: 2rem;
-$spacing-40: 2.5rem;
-$spacing-64: 4rem;
-$spacing-104: 6.5rem;
-$spacing-168: 10.5rem;
 $icon-weight-normal: 300;
 $icon-weight-bold: 500;
 $typography-weight-normal: 400;
@@ -125,6 +113,21 @@ $typography-small-small-font-weight: 400;
 $typography-small-base-font-size: 1rem;
 $typography-small-base-line-height: 1.5rem;
 $typography-small-base-font-weight: 400;
+$unit-10: 0.5rem;
+$unit-15: calc(var(--jkl-unit-10) * 1.5);
+$unit-20: calc(var(--jkl-unit-10) * 2);
+$unit-25: calc(var(--jkl-unit-10) * 2.5);
+$unit-30: calc(var(--jkl-unit-10) * 3);
+$unit-40: calc(var(--jkl-unit-10) * 4);
+$unit-50: calc(var(--jkl-unit-10) * 5);
+$unit-60: calc(var(--jkl-unit-10) * 6);
+$unit-70: calc(var(--jkl-unit-10) * 7);
+$unit-80: calc(var(--jkl-unit-10) * 8);
+$unit-90: calc(var(--jkl-unit-10) * 9);
+$unit-130: calc(var(--jkl-unit-10) * 13);
+$unit-210: calc(var(--jkl-unit-10) * 21);
+$unit-02: calc(var(--jkl-unit-10) * 0.25);
+$unit-05: calc(var(--jkl-unit-10) * 0.5);
 
 // Dynamiske variabler for farge, via referanse til CSS-variabler
 $color-background-page: var(--jkl-color-background-page);