@fremtind/jokul 1.4.1 → 1.5.1

package/styles/components/segmented-control/segmented-control.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 :root,
 [data-layout-density=comfortable],
@@ -45,7 +47,7 @@
   --jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
 }
 
-@keyframes jkl-dot-in-uuwhvxk {
+@keyframes jkl-dot-in-uvx2zj7 {
   0% {
     transform: scale(0.8);
   }
@@ -91,7 +93,7 @@
 }
 .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
   --dot-color: var(--jkl-color-border-action);
-  animation: jkl-dot-in-uuwhvxk 150ms ease;
+  animation: jkl-dot-in-uvx2zj7 150ms ease;
 }
 @media screen and (forced-colors: active) {
   .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -259,7 +261,7 @@
   --color: var(--jkl-color-text-default);
 }
 .jkl-form-support-label--error .jkl-form-support-label__icon, .jkl-form-support-label--warning .jkl-form-support-label__icon, .jkl-form-support-label--success .jkl-form-support-label__icon {
-  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uuwhvxy forwards;
+  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uvx2zjq forwards;
 }
 .jkl-form-support-label--sr-only {
   border: 0 !important;
@@ -334,7 +336,7 @@
   white-space: nowrap !important; /* 3 */
 }
 
-@keyframes jkl-support-icon-entrance-uuwhvxy {
+@keyframes jkl-support-icon-entrance-uvx2zjq {
   0% {
     margin-right: 0;
     opacity: 0;
@@ -369,141 +371,136 @@
   }
 }
 
-@media screen and (prefers-color-scheme: light) {
-  :root {
+@layer jokul.theme {
+  @media screen and (prefers-color-scheme: light) {
+    :root {
+      --jkl-icon-grade: 0;
+    }
+  }
+  [data-theme=light] {
     --jkl-icon-grade: 0;
   }
-}
-[data-theme=light] {
-  --jkl-icon-grade: 0;
-}
-
-@media screen and (prefers-color-scheme: dark) {
-  :root {
+  @media screen and (prefers-color-scheme: dark) {
+    :root {
+      --jkl-icon-grade: -25;
+    }
+  }
+  [data-theme=dark] {
     --jkl-icon-grade: -25;
   }
 }
-[data-theme=dark] {
-  --jkl-icon-grade: -25;
-}
-
-.jkl-icon {
-  --jkl-icon-fill: 0;
-  font-family: "Fremtind Material Symbols", "Fremtind Material Symbols Fallback", sans-serif;
-  font-variation-settings: "FILL" var(--jkl-icon-fill, 0), "GRAD" var(--jkl-icon-grade, 0), "opsz" var(--jkl-icon-opsz, 24);
-  font-feature-settings: "liga";
-  -webkit-font-feature-settings: "liga";
-  font-size: var(--jkl-icon-size, 1.5rem);
-  font-weight: var(--jkl-icon-weight, 300);
-  line-height: 1;
-  display: inline-block;
-  -webkit-font-smoothing: antialiased;
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-  transition-property: font-variation-settings, transform;
-}
-.jkl-icon--bold {
-  --jkl-icon-weight: 400;
-}
-.jkl-icon--filled {
-  --jkl-icon-fill: 1;
-}
-.jkl-icon--medium {
-  --jkl-icon-opsz: 24;
-  --jkl-icon-size: 1.5rem;
-}
-.jkl-icon--small {
-  --jkl-icon-opsz: 20;
-  --jkl-icon-size: 1.25rem;
-}
-.jkl-icon--inherit {
-  --jkl-icon-opsz: 20;
-  --jkl-icon-size: 1.2em;
-}
-.jkl-icon--animated {
-  display: block;
-}
-
-.jkl-icon-red-cross {
-  --red-cross-circle: var(--jkl-color-background-alert-error);
-  --red-cross-path: #1b1917;
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.jkl-icon-red-cross path {
-  fill: var(--red-cross-path);
-}
-.jkl-icon-red-cross circle {
-  fill: var(--red-cross-circle);
-}
-
-.jkl-icon-green-check {
-  --green-check-circle: var(--jkl-color-background-alert-success);
-  --green-check-path: #1b1917;
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.jkl-icon-green-check path {
-  fill: var(--green-check-path);
-}
-.jkl-icon-green-check circle {
-  fill: var(--green-check-circle);
-}
-
-.jkl-animated-horizontal-arrows,
-.jkl-animated-vertical-arrows {
-  overflow: hidden;
-  width: var(--jkl-icon-size, 1.5rem);
-  height: var(--jkl-icon-size, 1.5rem);
-}
-.jkl-animated-horizontal-arrows__slider,
-.jkl-animated-vertical-arrows__slider {
-  display: flex;
-  transition-timing-function: ease;
-  transition-duration: 250ms;
-  transition-delay: calc(250ms * 0.3333333333);
-  transition-property: transform;
-}
-.jkl-animated-horizontal-arrows__arrow,
-.jkl-animated-vertical-arrows__arrow {
-  flex-shrink: 0;
-}
-
-.jkl-animated-vertical-arrows__slider {
-  flex-direction: column;
-  height: calc(var(--jkl-icon-size, 1.5rem) * 2);
-}
-.jkl-animated-vertical-arrows__slider[data-show=up] {
-  transform: translate3d(0, 0, 0);
-}
-.jkl-animated-vertical-arrows__slider[data-show=down] {
-  transform: translate3d(0, -50%, 0);
-}
-
-.jkl-animated-horizontal-arrows__slider {
-  flex-direction: row;
-  width: calc(var(--jkl-icon-size, 1.5rem) * 2);
-}
-.jkl-animated-horizontal-arrows__slider[data-show=left] {
-  transform: translate3d(0, 0, 0);
-}
-.jkl-animated-horizontal-arrows__slider[data-show=right] {
-  transform: translate3d(-50%, 0, 0);
-}
-
-.jkl-icons-animated__plus {
-  transition-timing-function: cubic-bezier(0, 0, 0.375, 1.17);
-  transition-duration: 250ms;
-  transition-property: transform;
-  transform-origin: 50% 50%;
-}
-.jkl-icons-animated__plus--plus {
-  transform: rotate(0);
-}
-.jkl-icons-animated__plus--close {
-  transform: rotate(135deg);
+@layer jokul.components {
+  .jkl-icon {
+    --jkl-icon-fill: 0;
+    font-family: "Fremtind Material Symbols", "Fremtind Material Symbols Fallback", sans-serif;
+    font-variation-settings: "FILL" var(--jkl-icon-fill, 0), "GRAD" var(--jkl-icon-grade, 0), "opsz" var(--jkl-icon-opsz, 24);
+    font-feature-settings: "liga";
+    -webkit-font-feature-settings: "liga";
+    font-size: var(--jkl-icon-size, 1.5rem);
+    font-weight: var(--jkl-icon-weight, 300);
+    line-height: 1;
+    display: inline-block;
+    -webkit-font-smoothing: antialiased;
+    transition-timing-function: ease;
+    transition-duration: 150ms;
+    transition-property: font-variation-settings, transform;
+  }
+  .jkl-icon--bold {
+    --jkl-icon-weight: 400;
+  }
+  .jkl-icon--filled {
+    --jkl-icon-fill: 1;
+  }
+  .jkl-icon--medium {
+    --jkl-icon-opsz: 24;
+    --jkl-icon-size: 1.5rem;
+  }
+  .jkl-icon--small {
+    --jkl-icon-opsz: 20;
+    --jkl-icon-size: 1.25rem;
+  }
+  .jkl-icon--inherit {
+    --jkl-icon-opsz: 20;
+    --jkl-icon-size: 1.2em;
+  }
+  .jkl-icon--animated {
+    display: block;
+  }
+  .jkl-icon-red-cross {
+    --red-cross-circle: var(--jkl-color-background-alert-error);
+    --red-cross-path: #1B1917;
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .jkl-icon-red-cross path {
+    fill: var(--red-cross-path);
+  }
+  .jkl-icon-red-cross circle {
+    fill: var(--red-cross-circle);
+  }
+  .jkl-icon-green-check {
+    --green-check-circle: var(--jkl-color-background-alert-success);
+    --green-check-path: #1B1917;
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+  .jkl-icon-green-check path {
+    fill: var(--green-check-path);
+  }
+  .jkl-icon-green-check circle {
+    fill: var(--green-check-circle);
+  }
+  .jkl-animated-horizontal-arrows,
+  .jkl-animated-vertical-arrows {
+    overflow: hidden;
+    width: var(--jkl-icon-size, 1.5rem);
+    height: var(--jkl-icon-size, 1.5rem);
+  }
+  .jkl-animated-horizontal-arrows__slider,
+  .jkl-animated-vertical-arrows__slider {
+    display: flex;
+    transition-timing-function: ease;
+    transition-duration: 250ms;
+    transition-delay: calc(250ms * 0.3333333333);
+    transition-property: transform;
+  }
+  .jkl-animated-horizontal-arrows__arrow,
+  .jkl-animated-vertical-arrows__arrow {
+    flex-shrink: 0;
+  }
+  .jkl-animated-vertical-arrows__slider {
+    flex-direction: column;
+    height: calc(var(--jkl-icon-size, 1.5rem) * 2);
+  }
+  .jkl-animated-vertical-arrows__slider[data-show=up] {
+    transform: translate3d(0, 0, 0);
+  }
+  .jkl-animated-vertical-arrows__slider[data-show=down] {
+    transform: translate3d(0, -50%, 0);
+  }
+  .jkl-animated-horizontal-arrows__slider {
+    flex-direction: row;
+    width: calc(var(--jkl-icon-size, 1.5rem) * 2);
+  }
+  .jkl-animated-horizontal-arrows__slider[data-show=left] {
+    transform: translate3d(0, 0, 0);
+  }
+  .jkl-animated-horizontal-arrows__slider[data-show=right] {
+    transform: translate3d(-50%, 0, 0);
+  }
+  .jkl-icons-animated__plus {
+    transition-timing-function: cubic-bezier(0, 0, 0.375, 1.17);
+    transition-duration: 250ms;
+    transition-property: transform;
+    transform-origin: 50% 50%;
+  }
+  .jkl-icons-animated__plus--plus {
+    transform: rotate(0);
+  }
+  .jkl-icons-animated__plus--close {
+    transform: rotate(135deg);
+  }
 }
-
 :root,
 [data-layout-density=comfortable],
 [data-density=comfortable] {
@@ -668,7 +665,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
 .jkl-segmented-control .jkl-segmented-control-item:hover {
   background-color: var(--jkl-color-background-interactive-hover);
   border-color: var(--jkl-color-border-separator-hover);
-  z-index: 1;
+  z-index: 2;
 }
 .jkl-segmented-control .jkl-segmented-control-item:has(input:checked) {
   background-color: var(--jkl-color-background-container-high);

package/styles/components/segmented-control/segmented-control.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-radio-button-height:3rem;--jkl-radio-button-line-height:2rem;--jkl-radio-button-size:1.5rem;--jkl-radio-button-text-margin:0.5rem 0;--jkl-radio-button-text-transform:translate3d(0,0.0625rem,0);--jkl-radio-button-dot-margin:0.75rem 0.5rem 0.75rem 0;--jkl-radio-button-dot-size:1rem;--jkl-radio-button-label-font-size:var(--jkl-body-font-size);--jkl-radio-button-label-line-height:var(--jkl-body-line-height);--jkl-radio-button-label-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-radio-button-height:2.5rem;--jkl-radio-button-line-height:1.75rem;--jkl-radio-button-size:1.5rem;--jkl-radio-button-text-margin:0.5rem 0;--jkl-radio-button-text-transform:translateZ(0);--jkl-radio-button-dot-margin:0.625rem 0.5rem 0.625rem 0;--jkl-radio-button-dot-size:1rem}}[data-density=compact],[data-layout-density=compact]{--jkl-radio-button-height:1.75rem;--jkl-radio-button-line-height:1.5rem;--jkl-radio-button-size:1.125rem;--jkl-radio-button-text-margin:calc(var(--jkl-unit-10)*0.5) 0;--jkl-radio-button-text-transform:translateZ(0);--jkl-radio-button-dot-margin:0.4375rem 0.5rem 0.4375rem 0;--jkl-radio-button-dot-size:0.625rem;--jkl-radio-button-label-font-size:var(--jkl-small-font-size);--jkl-radio-button-label-line-height:var(--jkl-small-line-height);--jkl-radio-button-label-font-weight:var(--jkl-small-font-weight)}@keyframes jkl-dot-in-uuwhvxk{0%{transform:scale(.8)}to{transform:scale(1)}}.jkl-radio-button{--ring-color:var(--jkl-color-border-action);--dot-color:#0000;--background-color:#0000;--text-color:var(--jkl-color-text-default);border-style:none;color:var(--text-color);display:flex;min-height:var(--jkl-radio-button-height);position:relative}.jkl-radio-button,.jkl-radio-button:active,.jkl-radio-button:focus,.jkl-radio-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-radio-button{border-style:revert}.jkl-radio-button,.jkl-radio-button:active,.jkl-radio-button:focus,.jkl-radio-button:hover{outline:revert;outline-style:revert}}.jkl-radio-button__input{left:calc(var(--jkl-radio-button-size)*-.5);opacity:0;position:absolute;top:var(--jkl-radio-button-size)}.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--dot-color:var(--jkl-color-border-action);animation:jkl-dot-in-uuwhvxk .15s ease}@media screen and (forced-colors:active){.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{background-color:ButtonText}}.jkl-radio-button--error .jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--background-color:var(--jkl-color-background-alert-error);--dot-color:var(--jkl-color-text-on-alert)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color:var(--jkl-color-background-input-focus)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label>.jkl-radio-button__dot{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-radio-button--error .jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color:var(--jkl-color-background-alert-error);--dot-color:var(--jkl-color-text-on-alert)}.jkl-radio-button__label{align-items:flex-start;cursor:pointer;display:flex;font-size:var(--jkl-radio-button-label-font-size);font-weight:var(--jkl-radio-button-label-font-weight);line-height:var(--jkl-radio-button-label-line-height)}.jkl-radio-button__label:hover>.jkl-radio-button__dot{outline:1px solid var(--ring-color)}.jkl-radio-button__label:active>.jkl-radio-button__dot .jkl-radio-button__label:after{scale:.9}.jkl-radio-button__dot{background-color:var(--background-color);border:.0625rem solid var(--ring-color);border-radius:50%;box-sizing:border-box;display:inline-block;flex-shrink:0;height:var(--jkl-radio-button-size);margin:var(--jkl-radio-button-dot-margin);position:relative;transition-duration:.15s;transition-property:background-color,outline;transition-timing-function:ease;width:var(--jkl-radio-button-size)}.jkl-radio-button__dot:after{background-color:var(--dot-color);border-radius:50%;content:"";height:var(--jkl-radio-button-dot-size);left:50%;position:absolute;scale:1;top:50%;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;translate:-50% -50%;width:var(--jkl-radio-button-dot-size)}@media screen and (forced-colors:active){.jkl-radio-button__dot{border:1px solid ButtonText;outline:revert}}.jkl-radio-button__text{display:inline-block;margin:var(--jkl-radio-button-text-margin);transform:var(--jkl-radio-button-text-transform)}.jkl-radio-button--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-radio-button--inline{display:inline-flex;margin-right:1.5rem;margin-top:unset}.jkl-radio-button+.jkl-form-support-label{margin-bottom:.5rem;margin-left:calc(var(--jkl-radio-button-size) + .5rem);margin-top:-.375rem}.jkl-field-group{border-style:none}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-field-group{border-style:revert}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:revert;outline-style:revert}}.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-form-support-label-font-size:var(--jkl-small-font-size);--jkl-form-support-label-line-height:var(--jkl-small-line-height);--jkl-form-support-label-font-weight:var(--jkl-small-font-weight);--jkl-form-support-label-margin:0.5rem 0 0;--jkl-form-support-label-icon-size:1.25rem;--jkl-form-support-label-icon-margin:0 -1.25rem -0.375rem 0}[data-density=compact],[data-layout-density=compact]{--jkl-form-support-label-icon-size:1.375rem;--jkl-form-support-label-icon-margin:0 -1.375rem -0.3125rem 0}.jkl-form-support-label{--color:var(--jkl-color-text-subdued);color:var(--color);display:flex;font-size:var(--jkl-form-support-label-font-size);font-weight:var(--jkl-form-support-label-font-weight);line-height:var(--jkl-form-support-label-line-height);margin:var(--jkl-form-support-label-margin);transition-delay:.15s;transition-duration:.4s;transition-property:color;transition-timing-function:ease}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin);opacity:0}@media screen and (forced-colors:active){.jkl-form-support-label__icon,.jkl-form-support-label__icon path,.jkl-form-support-label__icon svg,.jkl-form-support-label__icon.jkl-icon,.jkl-form-support-label__icon.jkl-icon path,.jkl-form-support-label__icon.jkl-icon svg{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error,.jkl-form-support-label--success,.jkl-form-support-label--warning{--color:var(--jkl-color-text-default)}.jkl-form-support-label--error .jkl-form-support-label__icon,.jkl-form-support-label--success .jkl-form-support-label__icon,.jkl-form-support-label--warning .jkl-form-support-label__icon{animation:jkl-support-icon-entrance-uuwhvxy .4s cubic-bezier(0,0,.3,1) .25s forwards}.jkl-form-support-label--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}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 1rem -0.0625rem;--jkl-label-small-font-size:var(--jkl-small-font-size);--jkl-label-small-line-height:var(--jkl-small-line-height);--jkl-label-small-font-weight:var(--jkl-small-font-weight);--jkl-label-medium-font-size:var(--jkl-body-font-size);--jkl-label-medium-line-height:var(--jkl-body-line-height);--jkl-label-medium-font-weight:var(--jkl-body-font-weight);--jkl-label-large-font-size:var(--jkl-heading-2-font-size);--jkl-label-large-line-height:var(--jkl-heading-2-line-height);--jkl-label-large-font-weight:var(--jkl-heading-2-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 0.75rem -0.0625rem}.jkl-label{color:var(--jkl-color-text-default);display:block;margin-left:0}.jkl-label--small{font-size:var(--jkl-label-small-font-size);font-weight:var(--jkl-label-small-font-weight);line-height:var(--jkl-label-small-line-height);margin:var(--jkl-label-small-margin)}.jkl-label--medium{font-size:var(--jkl-label-medium-font-size);font-weight:var(--jkl-label-medium-font-weight);line-height:var(--jkl-label-medium-line-height);margin:var(--jkl-label-medium-margin)}.jkl-label--large{font-size:var(--jkl-label-large-font-size);font-weight:var(--jkl-label-large-font-weight);line-height:var(--jkl-label-large-line-height);margin:var(--jkl-label-large-margin)}.jkl-label--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}@keyframes jkl-support-icon-entrance-uuwhvxy{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:.5rem}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{margin-right:.5rem;opacity:1;transform:scale(1)}}@media screen and (forced-colors:active){.jkl-text-input-action-button,.jkl-text-input-action-button path,.jkl-text-input-action-button svg{stroke:ButtonText;fill:ButtonFace}}@media screen and (prefers-color-scheme:light){:root{--jkl-icon-grade:0}}[data-theme=light]{--jkl-icon-grade:0}@media screen and (prefers-color-scheme:dark){:root{--jkl-icon-grade:-25}}[data-theme=dark]{--jkl-icon-grade:-25}.jkl-icon{--jkl-icon-fill:0;display:inline-block;font-family:Fremtind Material Symbols,Fremtind Material Symbols Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:var(--jkl-icon-size,1.5rem);font-variation-settings:"FILL" var(--jkl-icon-fill,0),"GRAD" var(--jkl-icon-grade,0),"opsz" var(--jkl-icon-opsz,24);font-weight:var(--jkl-icon-weight,300);line-height:1;-webkit-font-smoothing:antialiased;transition-duration:.15s;transition-property:font-variation-settings,transform;transition-timing-function:ease}.jkl-icon--bold{--jkl-icon-weight:400}.jkl-icon--filled{--jkl-icon-fill:1}.jkl-icon--medium{--jkl-icon-opsz:24;--jkl-icon-size:1.5rem}.jkl-icon--small{--jkl-icon-opsz:20;--jkl-icon-size:1.25rem}.jkl-icon--inherit{--jkl-icon-opsz:20;--jkl-icon-size:1.2em}.jkl-icon--animated{display:block}.jkl-icon-red-cross{--red-cross-circle:var(--jkl-color-background-alert-error);--red-cross-path:#1b1917;height:1.5rem;width:1.5rem}.jkl-icon-red-cross path{fill:var(--red-cross-path)}.jkl-icon-red-cross circle{fill:var(--red-cross-circle)}.jkl-icon-green-check{--green-check-circle:var(--jkl-color-background-alert-success);--green-check-path:#1b1917;height:1.5rem;width:1.5rem}.jkl-icon-green-check path{fill:var(--green-check-path)}.jkl-icon-green-check circle{fill:var(--green-check-circle)}.jkl-animated-horizontal-arrows,.jkl-animated-vertical-arrows{height:var(--jkl-icon-size,1.5rem);overflow:hidden;width:var(--jkl-icon-size,1.5rem)}.jkl-animated-horizontal-arrows__slider,.jkl-animated-vertical-arrows__slider{display:flex;transition-delay:83.33333ms;transition-duration:.25s;transition-property:transform;transition-timing-function:ease}.jkl-animated-horizontal-arrows__arrow,.jkl-animated-vertical-arrows__arrow{flex-shrink:0}.jkl-animated-vertical-arrows__slider{flex-direction:column;height:calc(var(--jkl-icon-size, 1.5rem)*2)}.jkl-animated-vertical-arrows__slider[data-show=up]{transform:translateZ(0)}.jkl-animated-vertical-arrows__slider[data-show=down]{transform:translate3d(0,-50%,0)}.jkl-animated-horizontal-arrows__slider{flex-direction:row;width:calc(var(--jkl-icon-size, 1.5rem)*2)}.jkl-animated-horizontal-arrows__slider[data-show=left]{transform:translateZ(0)}.jkl-animated-horizontal-arrows__slider[data-show=right]{transform:translate3d(-50%,0,0)}.jkl-icons-animated__plus{transform-origin:50% 50%;transition-duration:.25s;transition-property:transform;transition-timing-function:cubic-bezier(0,0,.375,1.17)}.jkl-icons-animated__plus--plus{transform:rotate(0)}.jkl-icons-animated__plus--close{transform:rotate(135deg)}: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:400;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:initial;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}.jkl-tooltip-question-button,.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%}.jkl-popuptip__content-wrapper:focus{outline:none}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-segmented-controls-padding:calc(var(--jkl-unit-10)*0.25);--jkl-segmented-controls-margin:1.5ch;--jkl-segmented-control-font-size:var(--jkl-body-font-size);--jkl-segmented-control-line-height:var(--jkl-body-line-height);--jkl-segmented-control-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-segmented-controls-padding:0;--jkl-segmented-controls-margin:1ch;--jkl-segmented-control-font-size:var(--jkl-small-font-size);--jkl-segmented-control-line-height:var(--jkl-small-line-height);--jkl-segmented-control-font-weight:var(--jkl-small-font-weight)}.jkl-segmented-control{font-size:var(--jkl-segmented-control-font-size);font-weight:var(--jkl-segmented-control-font-weight);line-height:var(--jkl-segmented-control-line-height)}@media (width >= 0) and (max-width:679px){.jkl-segmented-control{--jkl-segmented-control-font-size:var(--jkl-small-font-size);--jkl-segmented-control-line-height:var(--jkl-small-line-height);--jkl-segmented-control-font-weight:var(--jkl-small-font-weight)}}.jkl-segmented-control .jkl-segmented-control-legend{-webkit-margin-after:.25lh;margin-block-end:.25lh}.jkl-segmented-control .jkl-segmented-control-item{--jkl-segmented-control-border-width:1px;--jkl-segmented-controls-border-radius:2lh;align-items:center;background-color:var(--jkl-color-background-interactive);border:var(--jkl-segmented-control-border-width) solid var(--jkl-color-border-separator);border-radius:0;cursor:pointer;display:inline-flex;position:relative;-webkit-margin-end:calc(var(--jkl-segmented-control-border-width)*-1);margin-inline-end:calc(var(--jkl-segmented-control-border-width)*-1);-webkit-margin-after:.5lh;margin-block-end:.5lh;transition-duration:.25s;transition-property:border background;transition-timing-function:cubic-bezier(0,0,.375,1.17)}.jkl-segmented-control .jkl-segmented-control-item label{cursor:pointer;padding-block:var(--jkl-segmented-controls-padding);padding-inline:1ch 1.5ch}.jkl-segmented-control .jkl-segmented-control-item:hover{background-color:var(--jkl-color-background-interactive-hover);border-color:var(--jkl-color-border-separator-hover);z-index:1}.jkl-segmented-control .jkl-segmented-control-item:has(input:checked){background-color:var(--jkl-color-background-container-high);border-color:var(--jkl-color-border-separator);z-index:1}.jkl-segmented-control .jkl-segmented-control-item:has(input[data-separated=true]){border-radius:var(--jkl-segmented-controls-border-radius);-webkit-margin-start:var(--jkl-segmented-controls-margin);margin-inline-start:var(--jkl-segmented-controls-margin)}.jkl-segmented-control .jkl-segmented-control-item:has(input[data-separated=true]):first-of-type{-webkit-margin-start:0;margin-inline-start:0}.jkl-segmented-control .jkl-segmented-control-item:has(input[data-separated=true])+span+.jkl-segmented-control-item{border-end-start-radius:var(--jkl-segmented-controls-border-radius);border-start-start-radius:var(--jkl-segmented-controls-border-radius);-webkit-margin-start:var(--jkl-segmented-controls-margin);margin-inline-start:var(--jkl-segmented-controls-margin)}.jkl-segmented-control .jkl-segmented-control-item:first-of-type{border-end-start-radius:var(--jkl-segmented-controls-border-radius);border-start-start-radius:var(--jkl-segmented-controls-border-radius)}.jkl-segmented-control .jkl-segmented-control-item:last-of-type{border-end-end-radius:var(--jkl-segmented-controls-border-radius);border-start-end-radius:var(--jkl-segmented-controls-border-radius)}.jkl-segmented-control .jkl-segmented-control-item:has(+span+.jkl-segmented-control-item>input[data-separated=true]){border-end-end-radius:var(--jkl-segmented-controls-border-radius);border-start-end-radius:var(--jkl-segmented-controls-border-radius)}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-radio-button-height:3rem;--jkl-radio-button-line-height:2rem;--jkl-radio-button-size:1.5rem;--jkl-radio-button-text-margin:0.5rem 0;--jkl-radio-button-text-transform:translate3d(0,0.0625rem,0);--jkl-radio-button-dot-margin:0.75rem 0.5rem 0.75rem 0;--jkl-radio-button-dot-size:1rem;--jkl-radio-button-label-font-size:var(--jkl-body-font-size);--jkl-radio-button-label-line-height:var(--jkl-body-line-height);--jkl-radio-button-label-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-radio-button-height:2.5rem;--jkl-radio-button-line-height:1.75rem;--jkl-radio-button-size:1.5rem;--jkl-radio-button-text-margin:0.5rem 0;--jkl-radio-button-text-transform:translateZ(0);--jkl-radio-button-dot-margin:0.625rem 0.5rem 0.625rem 0;--jkl-radio-button-dot-size:1rem}}[data-density=compact],[data-layout-density=compact]{--jkl-radio-button-height:1.75rem;--jkl-radio-button-line-height:1.5rem;--jkl-radio-button-size:1.125rem;--jkl-radio-button-text-margin:calc(var(--jkl-unit-10)*0.5) 0;--jkl-radio-button-text-transform:translateZ(0);--jkl-radio-button-dot-margin:0.4375rem 0.5rem 0.4375rem 0;--jkl-radio-button-dot-size:0.625rem;--jkl-radio-button-label-font-size:var(--jkl-small-font-size);--jkl-radio-button-label-line-height:var(--jkl-small-line-height);--jkl-radio-button-label-font-weight:var(--jkl-small-font-weight)}@keyframes jkl-dot-in-uvx2zj7{0%{transform:scale(.8)}to{transform:scale(1)}}.jkl-radio-button{--ring-color:var(--jkl-color-border-action);--dot-color:#0000;--background-color:#0000;--text-color:var(--jkl-color-text-default);border-style:none;color:var(--text-color);display:flex;min-height:var(--jkl-radio-button-height);position:relative}.jkl-radio-button,.jkl-radio-button:active,.jkl-radio-button:focus,.jkl-radio-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-radio-button{border-style:revert}.jkl-radio-button,.jkl-radio-button:active,.jkl-radio-button:focus,.jkl-radio-button:hover{outline:revert;outline-style:revert}}.jkl-radio-button__input{left:calc(var(--jkl-radio-button-size)*-.5);opacity:0;position:absolute;top:var(--jkl-radio-button-size)}.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--dot-color:var(--jkl-color-border-action);animation:jkl-dot-in-uvx2zj7 .15s ease}@media screen and (forced-colors:active){.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{background-color:ButtonText}}.jkl-radio-button--error .jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--background-color:var(--jkl-color-background-alert-error);--dot-color:var(--jkl-color-text-on-alert)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color:var(--jkl-color-background-input-focus)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label>.jkl-radio-button__dot{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-radio-button--error .jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color:var(--jkl-color-background-alert-error);--dot-color:var(--jkl-color-text-on-alert)}.jkl-radio-button__label{align-items:flex-start;cursor:pointer;display:flex;font-size:var(--jkl-radio-button-label-font-size);font-weight:var(--jkl-radio-button-label-font-weight);line-height:var(--jkl-radio-button-label-line-height)}.jkl-radio-button__label:hover>.jkl-radio-button__dot{outline:1px solid var(--ring-color)}.jkl-radio-button__label:active>.jkl-radio-button__dot .jkl-radio-button__label:after{scale:.9}.jkl-radio-button__dot{background-color:var(--background-color);border:.0625rem solid var(--ring-color);border-radius:50%;box-sizing:border-box;display:inline-block;flex-shrink:0;height:var(--jkl-radio-button-size);margin:var(--jkl-radio-button-dot-margin);position:relative;transition-duration:.15s;transition-property:background-color,outline;transition-timing-function:ease;width:var(--jkl-radio-button-size)}.jkl-radio-button__dot:after{background-color:var(--dot-color);border-radius:50%;content:"";height:var(--jkl-radio-button-dot-size);left:50%;position:absolute;scale:1;top:50%;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;translate:-50% -50%;width:var(--jkl-radio-button-dot-size)}@media screen and (forced-colors:active){.jkl-radio-button__dot{border:1px solid ButtonText;outline:revert}}.jkl-radio-button__text{display:inline-block;margin:var(--jkl-radio-button-text-margin);transform:var(--jkl-radio-button-text-transform)}.jkl-radio-button--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-radio-button--inline{display:inline-flex;margin-right:1.5rem;margin-top:unset}.jkl-radio-button+.jkl-form-support-label{margin-bottom:.5rem;margin-left:calc(var(--jkl-radio-button-size) + .5rem);margin-top:-.375rem}.jkl-field-group{border-style:none}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-field-group{border-style:revert}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:revert;outline-style:revert}}.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-form-support-label-font-size:var(--jkl-small-font-size);--jkl-form-support-label-line-height:var(--jkl-small-line-height);--jkl-form-support-label-font-weight:var(--jkl-small-font-weight);--jkl-form-support-label-margin:0.5rem 0 0;--jkl-form-support-label-icon-size:1.25rem;--jkl-form-support-label-icon-margin:0 -1.25rem -0.375rem 0}[data-density=compact],[data-layout-density=compact]{--jkl-form-support-label-icon-size:1.375rem;--jkl-form-support-label-icon-margin:0 -1.375rem -0.3125rem 0}.jkl-form-support-label{--color:var(--jkl-color-text-subdued);color:var(--color);display:flex;font-size:var(--jkl-form-support-label-font-size);font-weight:var(--jkl-form-support-label-font-weight);line-height:var(--jkl-form-support-label-line-height);margin:var(--jkl-form-support-label-margin);transition-delay:.15s;transition-duration:.4s;transition-property:color;transition-timing-function:ease}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin);opacity:0}@media screen and (forced-colors:active){.jkl-form-support-label__icon,.jkl-form-support-label__icon path,.jkl-form-support-label__icon svg,.jkl-form-support-label__icon.jkl-icon,.jkl-form-support-label__icon.jkl-icon path,.jkl-form-support-label__icon.jkl-icon svg{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error,.jkl-form-support-label--success,.jkl-form-support-label--warning{--color:var(--jkl-color-text-default)}.jkl-form-support-label--error .jkl-form-support-label__icon,.jkl-form-support-label--success .jkl-form-support-label__icon,.jkl-form-support-label--warning .jkl-form-support-label__icon{animation:jkl-support-icon-entrance-uvx2zjq .4s cubic-bezier(0,0,.3,1) .25s forwards}.jkl-form-support-label--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}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 1rem -0.0625rem;--jkl-label-small-font-size:var(--jkl-small-font-size);--jkl-label-small-line-height:var(--jkl-small-line-height);--jkl-label-small-font-weight:var(--jkl-small-font-weight);--jkl-label-medium-font-size:var(--jkl-body-font-size);--jkl-label-medium-line-height:var(--jkl-body-line-height);--jkl-label-medium-font-weight:var(--jkl-body-font-weight);--jkl-label-large-font-size:var(--jkl-heading-2-font-size);--jkl-label-large-line-height:var(--jkl-heading-2-line-height);--jkl-label-large-font-weight:var(--jkl-heading-2-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 0.75rem -0.0625rem}.jkl-label{color:var(--jkl-color-text-default);display:block;margin-left:0}.jkl-label--small{font-size:var(--jkl-label-small-font-size);font-weight:var(--jkl-label-small-font-weight);line-height:var(--jkl-label-small-line-height);margin:var(--jkl-label-small-margin)}.jkl-label--medium{font-size:var(--jkl-label-medium-font-size);font-weight:var(--jkl-label-medium-font-weight);line-height:var(--jkl-label-medium-line-height);margin:var(--jkl-label-medium-margin)}.jkl-label--large{font-size:var(--jkl-label-large-font-size);font-weight:var(--jkl-label-large-font-weight);line-height:var(--jkl-label-large-line-height);margin:var(--jkl-label-large-margin)}.jkl-label--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}@keyframes jkl-support-icon-entrance-uvx2zjq{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:.5rem}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{margin-right:.5rem;opacity:1;transform:scale(1)}}@media screen and (forced-colors:active){.jkl-text-input-action-button,.jkl-text-input-action-button path,.jkl-text-input-action-button svg{stroke:ButtonText;fill:ButtonFace}}@layer jokul.theme{@media screen and (prefers-color-scheme:light){:root{--jkl-icon-grade:0}}[data-theme=light]{--jkl-icon-grade:0}@media screen and (prefers-color-scheme:dark){:root{--jkl-icon-grade:-25}}[data-theme=dark]{--jkl-icon-grade:-25}}@layer jokul.components{.jkl-icon{--jkl-icon-fill:0;display:inline-block;font-family:Fremtind Material Symbols,Fremtind Material Symbols Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:var(--jkl-icon-size,1.5rem);font-variation-settings:"FILL" var(--jkl-icon-fill,0),"GRAD" var(--jkl-icon-grade,0),"opsz" var(--jkl-icon-opsz,24);font-weight:var(--jkl-icon-weight,300);line-height:1;-webkit-font-smoothing:antialiased;transition-duration:.15s;transition-property:font-variation-settings,transform;transition-timing-function:ease}.jkl-icon--bold{--jkl-icon-weight:400}.jkl-icon--filled{--jkl-icon-fill:1}.jkl-icon--medium{--jkl-icon-opsz:24;--jkl-icon-size:1.5rem}.jkl-icon--small{--jkl-icon-opsz:20;--jkl-icon-size:1.25rem}.jkl-icon--inherit{--jkl-icon-opsz:20;--jkl-icon-size:1.2em}.jkl-icon--animated{display:block}.jkl-icon-red-cross{--red-cross-circle:var(--jkl-color-background-alert-error);--red-cross-path:#1b1917;height:1.5rem;width:1.5rem}.jkl-icon-red-cross path{fill:var(--red-cross-path)}.jkl-icon-red-cross circle{fill:var(--red-cross-circle)}.jkl-icon-green-check{--green-check-circle:var(--jkl-color-background-alert-success);--green-check-path:#1b1917;height:1.5rem;width:1.5rem}.jkl-icon-green-check path{fill:var(--green-check-path)}.jkl-icon-green-check circle{fill:var(--green-check-circle)}.jkl-animated-horizontal-arrows,.jkl-animated-vertical-arrows{height:var(--jkl-icon-size,1.5rem);overflow:hidden;width:var(--jkl-icon-size,1.5rem)}.jkl-animated-horizontal-arrows__slider,.jkl-animated-vertical-arrows__slider{display:flex;transition-delay:83.33333ms;transition-duration:.25s;transition-property:transform;transition-timing-function:ease}.jkl-animated-horizontal-arrows__arrow,.jkl-animated-vertical-arrows__arrow{flex-shrink:0}.jkl-animated-vertical-arrows__slider{flex-direction:column;height:calc(var(--jkl-icon-size, 1.5rem)*2)}.jkl-animated-vertical-arrows__slider[data-show=up]{transform:translateZ(0)}.jkl-animated-vertical-arrows__slider[data-show=down]{transform:translate3d(0,-50%,0)}.jkl-animated-horizontal-arrows__slider{flex-direction:row;width:calc(var(--jkl-icon-size, 1.5rem)*2)}.jkl-animated-horizontal-arrows__slider[data-show=left]{transform:translateZ(0)}.jkl-animated-horizontal-arrows__slider[data-show=right]{transform:translate3d(-50%,0,0)}.jkl-icons-animated__plus{transform-origin:50% 50%;transition-duration:.25s;transition-property:transform;transition-timing-function:cubic-bezier(0,0,.375,1.17)}.jkl-icons-animated__plus--plus{transform:rotate(0)}.jkl-icons-animated__plus--close{transform:rotate(135deg)}}: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:400;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:initial;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}.jkl-tooltip-question-button,.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%}.jkl-popuptip__content-wrapper:focus{outline:none}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-segmented-controls-padding:calc(var(--jkl-unit-10)*0.25);--jkl-segmented-controls-margin:1.5ch;--jkl-segmented-control-font-size:var(--jkl-body-font-size);--jkl-segmented-control-line-height:var(--jkl-body-line-height);--jkl-segmented-control-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-segmented-controls-padding:0;--jkl-segmented-controls-margin:1ch;--jkl-segmented-control-font-size:var(--jkl-small-font-size);--jkl-segmented-control-line-height:var(--jkl-small-line-height);--jkl-segmented-control-font-weight:var(--jkl-small-font-weight)}.jkl-segmented-control{font-size:var(--jkl-segmented-control-font-size);font-weight:var(--jkl-segmented-control-font-weight);line-height:var(--jkl-segmented-control-line-height)}@media (width >= 0) and (max-width:679px){.jkl-segmented-control{--jkl-segmented-control-font-size:var(--jkl-small-font-size);--jkl-segmented-control-line-height:var(--jkl-small-line-height);--jkl-segmented-control-font-weight:var(--jkl-small-font-weight)}}.jkl-segmented-control .jkl-segmented-control-legend{-webkit-margin-after:.25lh;margin-block-end:.25lh}.jkl-segmented-control .jkl-segmented-control-item{--jkl-segmented-control-border-width:1px;--jkl-segmented-controls-border-radius:2lh;align-items:center;background-color:var(--jkl-color-background-interactive);border:var(--jkl-segmented-control-border-width) solid var(--jkl-color-border-separator);border-radius:0;cursor:pointer;display:inline-flex;position:relative;-webkit-margin-end:calc(var(--jkl-segmented-control-border-width)*-1);margin-inline-end:calc(var(--jkl-segmented-control-border-width)*-1);-webkit-margin-after:.5lh;margin-block-end:.5lh;transition-duration:.25s;transition-property:border background;transition-timing-function:cubic-bezier(0,0,.375,1.17)}.jkl-segmented-control .jkl-segmented-control-item label{cursor:pointer;padding-block:var(--jkl-segmented-controls-padding);padding-inline:1ch 1.5ch}.jkl-segmented-control .jkl-segmented-control-item:hover{background-color:var(--jkl-color-background-interactive-hover);border-color:var(--jkl-color-border-separator-hover);z-index:2}.jkl-segmented-control .jkl-segmented-control-item:has(input:checked){background-color:var(--jkl-color-background-container-high);border-color:var(--jkl-color-border-separator);z-index:1}.jkl-segmented-control .jkl-segmented-control-item:has(input[data-separated=true]){border-radius:var(--jkl-segmented-controls-border-radius);-webkit-margin-start:var(--jkl-segmented-controls-margin);margin-inline-start:var(--jkl-segmented-controls-margin)}.jkl-segmented-control .jkl-segmented-control-item:has(input[data-separated=true]):first-of-type{-webkit-margin-start:0;margin-inline-start:0}.jkl-segmented-control .jkl-segmented-control-item:has(input[data-separated=true])+span+.jkl-segmented-control-item{border-end-start-radius:var(--jkl-segmented-controls-border-radius);border-start-start-radius:var(--jkl-segmented-controls-border-radius);-webkit-margin-start:var(--jkl-segmented-controls-margin);margin-inline-start:var(--jkl-segmented-controls-margin)}.jkl-segmented-control .jkl-segmented-control-item:first-of-type{border-end-start-radius:var(--jkl-segmented-controls-border-radius);border-start-start-radius:var(--jkl-segmented-controls-border-radius)}.jkl-segmented-control .jkl-segmented-control-item:last-of-type{border-end-end-radius:var(--jkl-segmented-controls-border-radius);border-start-end-radius:var(--jkl-segmented-controls-border-radius)}.jkl-segmented-control .jkl-segmented-control-item:has(+span+.jkl-segmented-control-item>input[data-separated=true]){border-end-end-radius:var(--jkl-segmented-controls-border-radius);border-start-end-radius:var(--jkl-segmented-controls-border-radius)}

package/styles/components/segmented-control/segmented-control.scss

@@ -52,7 +52,7 @@
         &:hover {
             background-color: var(--jkl-color-background-interactive-hover);
             border-color: var(--jkl-color-border-separator-hover);
-            z-index: 1;
+            z-index: 2;
         }
 
         &:has(input:checked) {

package/styles/components/select/select.css

@@ -1,7 +1,9 @@
 @charset "UTF-8";
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 [data-layout-density=compact],
 [data-density=compact] {

package/styles/components/summary-table/development/summary-table-example.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 @media screen and (prefers-color-scheme: light) {
   :root {

package/styles/components/summary-table/summary-table.css

@@ -1,61 +1,63 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
  */
-@media screen and (prefers-color-scheme: light) {
-  :root {
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+@layer jokul.components {
+  @media screen and (prefers-color-scheme: light) {
+    :root {
+      --jkl-summary-table-border-color: #1b1917;
+    }
+  }
+  [data-theme=light] {
     --jkl-summary-table-border-color: #1b1917;
   }
-}
-[data-theme=light] {
-  --jkl-summary-table-border-color: #1b1917;
-}
-
-@media screen and (prefers-color-scheme: dark) {
-  :root {
+  @media screen and (prefers-color-scheme: dark) {
+    :root {
+      --jkl-summary-table-border-color: #c8c5c3;
+    }
+  }
+  [data-theme=dark] {
     --jkl-summary-table-border-color: #c8c5c3;
   }
-}
-[data-theme=dark] {
-  --jkl-summary-table-border-color: #c8c5c3;
-}
-
-.jkl-summary-table {
-  display: flex;
-  flex-direction: column;
-  overflow-wrap: anywhere;
-  width: 100%;
-}
-.jkl-summary-table tr {
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: 0.5rem;
-}
-.jkl-summary-table th,
-.jkl-summary-table td {
-  flex-basis: 50%;
-  padding-right: 1rem;
-}
-.jkl-summary-table th:first-child,
-.jkl-summary-table td:first-child {
-  text-align: left;
-}
-.jkl-summary-table th:last-child,
-.jkl-summary-table td:last-child {
-  text-align: right;
-  padding-right: 0;
-}
-.jkl-summary-table > tbody th {
-  font-weight: 400;
-}
-.jkl-summary-table > tfoot {
-  border-top: 0.0625rem solid #1b1917;
-  border-top: 0.0625rem solid var(--jkl-summary-table-border-color);
-  border-bottom: 0.0625rem solid #1b1917;
-  border-bottom: 0.0625rem solid var(--jkl-summary-table-border-color);
-  padding-top: 0.5rem;
-}
-.jkl-summary-table > tfoot th,
-.jkl-summary-table > tfoot td {
-  font-weight: 700;
+  .jkl-summary-table {
+    display: flex;
+    flex-direction: column;
+    overflow-wrap: anywhere;
+    width: 100%;
+  }
+  .jkl-summary-table tr {
+    display: flex;
+    justify-content: space-between;
+    padding-bottom: 0.5rem;
+  }
+  .jkl-summary-table th,
+  .jkl-summary-table td {
+    flex-basis: 50%;
+    padding-right: 1rem;
+  }
+  .jkl-summary-table th:first-child,
+  .jkl-summary-table td:first-child {
+    text-align: left;
+  }
+  .jkl-summary-table th:last-child,
+  .jkl-summary-table td:last-child {
+    text-align: right;
+    padding-right: 0;
+  }
+  .jkl-summary-table > tbody th {
+    font-weight: 400;
+  }
+  .jkl-summary-table > tfoot {
+    border-top: 0.0625rem solid #1b1917;
+    border-top: 0.0625rem solid var(--jkl-summary-table-border-color);
+    border-bottom: 0.0625rem solid #1b1917;
+    border-bottom: 0.0625rem solid var(--jkl-summary-table-border-color);
+    padding-top: 0.5rem;
+  }
+  .jkl-summary-table > tfoot th,
+  .jkl-summary-table > tfoot td {
+    font-weight: 700;
+  }
 }

package/styles/components/summary-table/summary-table.min.css

@@ -1 +1 @@
-@media screen and (prefers-color-scheme:light){:root{--jkl-summary-table-border-color:#1b1917}}[data-theme=light]{--jkl-summary-table-border-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-summary-table-border-color:#c8c5c3}}[data-theme=dark]{--jkl-summary-table-border-color:#c8c5c3}.jkl-summary-table{display:flex;flex-direction:column;overflow-wrap:anywhere;width:100%}.jkl-summary-table tr{display:flex;justify-content:space-between;padding-bottom:.5rem}.jkl-summary-table td,.jkl-summary-table th{flex-basis:50%;padding-right:1rem}.jkl-summary-table td:first-child,.jkl-summary-table th:first-child{text-align:left}.jkl-summary-table td:last-child,.jkl-summary-table th:last-child{padding-right:0;text-align:right}.jkl-summary-table>tbody th{font-weight:400}.jkl-summary-table>tfoot{border-bottom:.0625rem solid #1b1917;border-bottom:.0625rem solid var(--jkl-summary-table-border-color);border-top:.0625rem solid #1b1917;border-top:.0625rem solid var(--jkl-summary-table-border-color);padding-top:.5rem}.jkl-summary-table>tfoot td,.jkl-summary-table>tfoot th{font-weight:700}
+@layer jokul.components{@media screen and (prefers-color-scheme:light){:root{--jkl-summary-table-border-color:#1b1917}}[data-theme=light]{--jkl-summary-table-border-color:#1b1917}@media screen and (prefers-color-scheme:dark){:root{--jkl-summary-table-border-color:#c8c5c3}}[data-theme=dark]{--jkl-summary-table-border-color:#c8c5c3}.jkl-summary-table{display:flex;flex-direction:column;overflow-wrap:anywhere;width:100%}.jkl-summary-table tr{display:flex;justify-content:space-between;padding-bottom:.5rem}.jkl-summary-table td,.jkl-summary-table th{flex-basis:50%;padding-right:1rem}.jkl-summary-table td:first-child,.jkl-summary-table th:first-child{text-align:left}.jkl-summary-table td:last-child,.jkl-summary-table th:last-child{padding-right:0;text-align:right}.jkl-summary-table>tbody th{font-weight:400}.jkl-summary-table>tfoot{border-bottom:.0625rem solid #1b1917;border-bottom:.0625rem solid var(--jkl-summary-table-border-color);border-top:.0625rem solid #1b1917;border-top:.0625rem solid var(--jkl-summary-table-border-color);padding-top:.5rem}.jkl-summary-table>tfoot td,.jkl-summary-table>tfoot th{font-weight:700}}