npm - @dnb/eufemia - Versions diffs - 10.76.1 → 10.77.0 - Mend

@dnb/eufemia 10.76.1 → 10.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1313) hide show

package/cjs/components/section/style/themes/dnb-section-theme-sbanken--isolated.min.css ADDED Viewed

@@ -0,0 +1,3 @@
+.eufemia-scope--10_77_0 .dnb-section{--background-color:var(--sb-color-white);--outline-color--value:var(--sb-color-gray-light-2)}.eufemia-scope--10_77_0 .dnb-section--transparent{--background-color:transparent}.eufemia-scope--10_77_0 .dnb-section--default,.eufemia-scope--10_77_0 .dnb-section--divider{--text-color:var(--text-color--value,var(--sb-color-text));--background-color:var(
+    --background-color--value,var(--sb-color-violet-light-4)
+  )}.eufemia-scope--10_77_0 .dnb-section--white{--text-color:var(--sb-color-text);--background-color:var(--sb-color-white)}.eufemia-scope--10_77_0 .dnb-section--error{--text-color:var(--sb-color-text);--background-color:var(--sb-color-magenta-light-2)}.eufemia-scope--10_77_0 .dnb-section--info{--text-color:var(--sb-color-text);--background-color:var(--sb-color-green-light-2)}.eufemia-scope--10_77_0 .dnb-section--warning{--text-color:var(--sb-color-text);--background-color:var(--sb-color-yellow-light-3)}.eufemia-scope--10_77_0 .dnb-section--success{--text-color:var(--sb-color-text);--background-color:var(--sb-color-green-light-2)}

package/cjs/components/section/style/themes/dnb-section-theme-ui--isolated.css ADDED Viewed

@@ -0,0 +1,143 @@
+/*
+ * Section theme
+ *
+ */
+/*
+ * Anchor mixins
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-section {
+  --background-color: var(--color-white);
+  --outline-color--value: var(--color-black-8);
+  /** deprecated: default should be white in v11 */
+  /** deprecated */
+  /** deprecated */
+  /** deprecated */
+  /** deprecated */
+  /** deprecated */
+  /** deprecated */
+}
+.eufemia-scope--10_77_0 .dnb-section--divider {
+  --text-color: var(--color-black-80);
+  --background-color: var(--color-white);
+  z-index: 0;
+  --sc: var(--color-mint-green-50);
+}
+.eufemia-scope--10_77_0 .dnb-section--divider::after {
+  --box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor,
+    297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor,
+    0 0.0625rem 0 0 var(--sc), 99vw 0.0625rem 0 0 var(--sc),
+    0 -0.0625rem 0 0 var(--sc), 99vw -0.0625rem 0 0 var(--sc),
+    198vw 0.0625rem 0 0 var(--sc), 198vw -0.0625rem 0 0 var(--sc);
+}
+.eufemia-scope--10_77_0 .dnb-section--transparent {
+  --background-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-section--mint-green-12, .eufemia-scope--10_77_0 .dnb-section--default {
+  --text-color: var(--text-color--value, var(--color-black-80));
+  --background-color: var(
+    --background-color--value,
+    var(--color-mint-green-12)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-section--white {
+  --text-color: var(--color-black-80);
+  --background-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-section--mint-green {
+  --text-color: var(--color-black-80);
+  --background-color: var(--color-mint-green);
+}
+.eufemia-scope--10_77_0 .dnb-section--lavender {
+  --text-color: var(--color-black-80);
+  --background-color: var(--color-lavender);
+}
+.eufemia-scope--10_77_0 .dnb-section--sand-yellow, .eufemia-scope--10_77_0 .dnb-section--warning {
+  --text-color: var(--color-black-80);
+  --background-color: var(--color-sand-yellow);
+}
+.eufemia-scope--10_77_0 .dnb-section--pistachio, .eufemia-scope--10_77_0 .dnb-section--info {
+  --text-color: var(--color-black-80);
+  --background-color: var(--color-pistachio);
+}
+.eufemia-scope--10_77_0 .dnb-section--black-3 {
+  --text-color: var(--color-black-80);
+  --background-color: var(--color-black-3);
+}
+.eufemia-scope--10_77_0 .dnb-section--emerald-green {
+  --text-color: var(--color-mint-green);
+  --background-color: var(--color-emerald-green);
+}
+.eufemia-scope--10_77_0 .dnb-section--sea-green {
+  --text-color: var(--color-white);
+  --background-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red {
+  --text-color: var(--color-white);
+  --background-color: var(--color-fire-red);
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red-8, .eufemia-scope--10_77_0 .dnb-section--error {
+  --text-color: var(--color-black-80);
+  --background-color: var(--color-fire-red-8);
+}
+.eufemia-scope--10_77_0 .dnb-section--success {
+  --text-color: var(--color-white);
+  --background-color: var(--color-success-green);
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor, .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor, .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor, .eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor {
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
+  color: var(--anchor-color--contrast);
+  box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+    color: var(--anchor-color--contrast);
+    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
+  }
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:active, .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:active, .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:active, .eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:active {
+  color: var(--color-white);
+  background-color: transparent;
+  box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:focus-visible, .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:focus-visible, .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:focus-visible, .eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:focus-visible {
+  color: var(--color-white);
+  background-color: transparent;
+  outline: none;
+  --border-color: var(--color-white);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary, .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary, .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary {
+  --text-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:hover, .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:hover, .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:hover {
+  --text-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text::after, .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text::after, .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text::after {
+  --text-color: var(--color-white) !important;
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:focus, .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:focus, .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:focus {
+  --text-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:focus::before, .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:focus::before, .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:focus::before {
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:focus::before, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:focus::before, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:focus::before {
+  --border-color: var(--color-white);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-section--fire-red ::selection, .eufemia-scope--10_77_0 .dnb-section--mint-green ::selection {
+  background-color: var(--color-white);
+}

package/cjs/components/section/style/themes/dnb-section-theme-ui--isolated.min.css ADDED Viewed

@@ -0,0 +1,3 @@
+.eufemia-scope--10_77_0 .dnb-section{--background-color:var(--color-white);--outline-color--value:var(--color-black-8)}.eufemia-scope--10_77_0 .dnb-section--divider{--text-color:var(--color-black-80);--background-color:var(--color-white);--sc:var(--color-mint-green-50);z-index:0}.eufemia-scope--10_77_0 .dnb-section--divider:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 0.0625rem 0 0 var(--sc),99vw 0.0625rem 0 0 var(--sc),0 -0.0625rem 0 0 var(--sc),99vw -0.0625rem 0 0 var(--sc),198vw 0.0625rem 0 0 var(--sc),198vw -0.0625rem 0 0 var(--sc)}.eufemia-scope--10_77_0 .dnb-section--transparent{--background-color:transparent}.eufemia-scope--10_77_0 .dnb-section--default,.eufemia-scope--10_77_0 .dnb-section--mint-green-12{--text-color:var(--text-color--value,var(--color-black-80));--background-color:var(
+    --background-color--value,var(--color-mint-green-12)
+  )}.eufemia-scope--10_77_0 .dnb-section--white{--text-color:var(--color-black-80);--background-color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-section--mint-green{--text-color:var(--color-black-80);--background-color:var(--color-mint-green)}.eufemia-scope--10_77_0 .dnb-section--lavender{--text-color:var(--color-black-80);--background-color:var(--color-lavender)}.eufemia-scope--10_77_0 .dnb-section--sand-yellow,.eufemia-scope--10_77_0 .dnb-section--warning{--text-color:var(--color-black-80);--background-color:var(--color-sand-yellow)}.eufemia-scope--10_77_0 .dnb-section--info,.eufemia-scope--10_77_0 .dnb-section--pistachio{--text-color:var(--color-black-80);--background-color:var(--color-pistachio)}.eufemia-scope--10_77_0 .dnb-section--black-3{--text-color:var(--color-black-80);--background-color:var(--color-black-3)}.eufemia-scope--10_77_0 .dnb-section--emerald-green{--text-color:var(--color-mint-green);--background-color:var(--color-emerald-green)}.eufemia-scope--10_77_0 .dnb-section--sea-green{--text-color:var(--color-white);--background-color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-section--fire-red{--text-color:var(--color-white);--background-color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-section--error,.eufemia-scope--10_77_0 .dnb-section--fire-red-8{--text-color:var(--color-black-80);--background-color:var(--color-fire-red-8)}.eufemia-scope--10_77_0 .dnb-section--success{--text-color:var(--color-white);--background-color:var(--color-success-green)}.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor,.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor,.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor,.eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor{color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover),.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:active,.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:active,.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:active,.eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 transparent,var(--anchor-background-gutter-right,.125rem) 0 0 0 transparent;color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-anchor:focus-visible,.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-anchor:focus-visible,.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-anchor:focus-visible,.eufemia-scope--10_77_0 .dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary,.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:hover,.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary,.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:hover,.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary,.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:hover{--text-color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{--text-color:var(--color-white)!important}.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:focus,.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:focus,.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:focus{--text-color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:focus:before,.eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:focus:before,.eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-section--fire-red ::selection,.eufemia-scope--10_77_0 .dnb-section--mint-green ::selection{background-color:var(--color-white)}

package/cjs/components/skeleton/style/dnb-skeleton--isolated.css ADDED Viewed

@@ -0,0 +1,167 @@
+/*
+ * Skeleton component
+ *
+ * Skeleton
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-skeleton {
+  --skeleton-delay: 5s;
+  --skeleton-duration: 1.5s;
+  --skeleton-iteration-count: 20;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton img,
+.eufemia-scope--10_77_0 .dnb-skeleton video {
+  filter: brightness(0%) contrast(0%) opacity(0.5);
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--block {
+  display: block;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--overflow {
+  overflow: hidden;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--grey {
+  filter: grayscale(100%);
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--shape {
+  pointer-events: none;
+  position: relative;
+  overflow-x: hidden;
+  color: transparent;
+  background: transparent;
+  box-shadow: none !important;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--shape.dnb-skeleton::before, .eufemia-scope--10_77_0 .dnb-skeleton--shape.dnb-skeleton::after {
+  content: "" !important;
+  position: absolute !important;
+  z-index: 100 !important;
+  left: 0 !important;
+  top: 0 !important;
+  bottom: 0 !important;
+  right: 0 !important;
+  width: 100% !important;
+  height: auto !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  border-radius: inherit;
+  background: none !important;
+  box-shadow: none !important;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--shape.dnb-skeleton::before {
+  background-color: var(--skeleton-color) !important;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--shape.dnb-skeleton::after {
+  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
+  background-repeat: repeat !important;
+  background-size: 100% !important;
+  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
+  animation: skeletonLinearAnimation var(--skeleton-duration) linear var(--skeleton-iteration-count) var(--skeleton-delay);
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--code pre,
+.eufemia-scope--10_77_0 .dnb-skeleton--code pre *,
+.eufemia-scope--10_77_0 .dnb-skeleton--code code,
+.eufemia-scope--10_77_0 .dnb-skeleton--code code *,
+.eufemia-scope--10_77_0 .dnb-skeleton--font pre,
+.eufemia-scope--10_77_0 .dnb-skeleton--font pre *,
+.eufemia-scope--10_77_0 .dnb-skeleton--font code,
+.eufemia-scope--10_77_0 .dnb-skeleton--font code * {
+  --font-family-monospace: "DNBMonoSkeleton" !important;
+  font-family: var(--font-family-monospace) !important;
+  font-style: unset !important;
+  box-shadow: none !important;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--font-only, .eufemia-scope--10_77_0 .dnb-skeleton--font, .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-skeleton--show-font, .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-p {
+  pointer-events: none;
+  --font-family-default: "DNBSkeleton" !important;
+  font-family: var(--font-family-default) !important;
+  font-style: unset !important;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--font-only::marker, .eufemia-scope--10_77_0 .dnb-skeleton--font::marker, .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-skeleton--show-font::marker, .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-p::marker {
+  color: var(--skeleton-color);
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--font, .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-skeleton--show-font, .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-p {
+  background-position-y: 50% !important;
+  background-repeat: no-repeat !important;
+  background-size: 30rem 100% !important;
+  -webkit-text-fill-color: transparent !important;
+  -webkit-background-clip: text !important;
+          background-clip: text !important;
+  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
+  --border-color: var(--skeleton-color);
+  background-color: var(--skeleton-color) !important;
+  background-position-x: 30rem;
+  animation: skeletonFontAnimation 5s linear infinite var(--skeleton-delay);
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-skeleton--font, html[data-visual-test] .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-skeleton--show-font, html[data-visual-test] .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-p {
+  animation: none !important;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton__figure {
+  position: relative;
+  border-radius: 0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton__figure--circle {
+  width: 4rem;
+  height: 4rem;
+  border-radius: 50%;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton__figure--product {
+  display: flex;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton__figure--product .dnb-skeleton__figure--circle + div {
+  width: 50%;
+  margin-left: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-skeleton--no-animation .dnb-skeleton, .eufemia-scope--10_77_0 .dnb-skeleton--no-animation .dnb-skeleton::after, .eufemia-scope--10_77_0 .dnb-skeleton--no-animation * .dnb-skeleton::after {
+  animation: none !important;
+}
+@keyframes skeletonLinearAnimation {
+  0% {
+    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
+  }
+  50% {
+    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
+  }
+  100% {
+    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
+  }
+}
+@keyframes skeletonFontAnimation {
+  0% {
+    background-position-x: 30rem;
+  }
+  100% {
+    background-position-x: -30rem;
+  }
+}
+@font-face {
+  font-family: DNBSkeleton;
+  src: url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2") format("woff2"), url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff") format("woff"), url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: DNBSkeleton;
+  src: url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2") format("woff2"), url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff") format("woff"), url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: DNBSkeleton;
+  src: url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2") format("woff2"), url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff") format("woff"), url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf") format("truetype");
+  font-weight: 600;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: DNBMonoSkeleton;
+  src: url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2") format("woff2"), url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff") format("woff"), url("https://eufemia.dnb.no/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}

package/cjs/components/skeleton/style/dnb-skeleton--isolated.min.css ADDED Viewed

@@ -0,0 +1 @@

+ .eufemia-scope--10_77_0 .dnb-skeleton{--skeleton-delay:5s;--skeleton-duration:1.5s;--skeleton-iteration-count:20}.eufemia-scope--10_77_0 .dnb-skeleton img,.eufemia-scope--10_77_0 .dnb-skeleton video{filter:brightness(0) contrast(0) opacity(.5)}.eufemia-scope--10_77_0 .dnb-skeleton--block{display:block}.eufemia-scope--10_77_0 .dnb-skeleton--overflow{overflow:hidden}.eufemia-scope--10_77_0 .dnb-skeleton--grey{filter:grayscale(100%)}.eufemia-scope--10_77_0 .dnb-skeleton--shape{background:transparent;box-shadow:none!important;color:transparent;overflow-x:hidden;pointer-events:none;position:relative}.eufemia-scope--10_77_0 .dnb-skeleton--shape.dnb-skeleton:after,.eufemia-scope--10_77_0 .dnb-skeleton--shape.dnb-skeleton:before{background:none!important;border-radius:inherit;bottom:0!important;box-shadow:none!important;content:""!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important;z-index:100!important}.eufemia-scope--10_77_0 .dnb-skeleton--shape.dnb-skeleton:before{background-color:var(--skeleton-color)!important}.eufemia-scope--10_77_0 .dnb-skeleton--shape.dnb-skeleton:after{animation:skeletonLinearAnimation var(--skeleton-duration) linear var(--skeleton-iteration-count) var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.eufemia-scope--10_77_0 .dnb-skeleton--code code,.eufemia-scope--10_77_0 .dnb-skeleton--code code *,.eufemia-scope--10_77_0 .dnb-skeleton--code pre,.eufemia-scope--10_77_0 .dnb-skeleton--code pre *,.eufemia-scope--10_77_0 .dnb-skeleton--font code,.eufemia-scope--10_77_0 .dnb-skeleton--font code *,.eufemia-scope--10_77_0 .dnb-skeleton--font pre,.eufemia-scope--10_77_0 .dnb-skeleton--font pre *{--font-family-monospace:"DNBMonoSkeleton"!important;box-shadow:none!important;font-family:var(--font-family-monospace)!important;font-style:unset!important}.eufemia-scope--10_77_0 .dnb-skeleton--font,.eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-p,.eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-skeleton--show-font,.eufemia-scope--10_77_0 .dnb-skeleton--font-only{--font-family-default:"DNBSkeleton"!important;font-family:var(--font-family-default)!important;font-style:unset!important;pointer-events:none}.eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-p::marker,.eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-skeleton--show-font::marker,.eufemia-scope--10_77_0 .dnb-skeleton--font-only::marker,.eufemia-scope--10_77_0 .dnb-skeleton--font::marker{color:var(--skeleton-color)}.eufemia-scope--10_77_0 .dnb-skeleton--font,.eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-p,.eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-skeleton--show-font{-webkit-text-fill-color:transparent!important;--border-color:var(--skeleton-color);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem;background-position-y:50%!important;background-repeat:no-repeat!important;background-size:30rem 100%!important}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-skeleton--font,html[data-visual-test] .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-p,html[data-visual-test] .eufemia-scope--10_77_0 .dnb-skeleton--font .dnb-skeleton--show-font{animation:none!important}.eufemia-scope--10_77_0 .dnb-skeleton__figure{border-radius:.25rem;position:relative}.eufemia-scope--10_77_0 .dnb-skeleton__figure--circle{border-radius:50%;height:4rem;width:4rem}.eufemia-scope--10_77_0 .dnb-skeleton__figure--product{align-items:center;display:flex}.eufemia-scope--10_77_0 .dnb-skeleton__figure--product .dnb-skeleton__figure--circle+div{margin-left:1rem;width:50%}.eufemia-scope--10_77_0 .dnb-skeleton--no-animation * .dnb-skeleton:after,.eufemia-scope--10_77_0 .dnb-skeleton--no-animation .dnb-skeleton,.eufemia-scope--10_77_0 .dnb-skeleton--no-animation .dnb-skeleton:after{animation:none!important}@keyframes skeletonLinearAnimation{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:400;src:url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2) format("woff2"),url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff) format("woff"),url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:500;src:url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2) format("woff2"),url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff) format("woff"),url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBSkeleton;font-style:normal;font-weight:600;src:url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2) format("woff2"),url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff) format("woff"),url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMonoSkeleton;font-style:normal;font-weight:400;src:url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2) format("woff2"),url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff) format("woff"),url(https://eufemia.dnb.no/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf) format("truetype")}

package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-sbanken--isolated.css ADDED Viewed

@@ -0,0 +1,4 @@
+.eufemia-scope--10_77_0 .dnb-skeleton {
+  --skeleton-color: var(--sb-color-gray-light-2);
+  --skeleton-color--contrast: var(--sb-color-white);
+}

package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-sbanken--isolated.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .eufemia-scope--10_77_0 .dnb-skeleton{--skeleton-color:var(--sb-color-gray-light-2);--skeleton-color--contrast:var(--sb-color-white)}

package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-ui--isolated.css ADDED Viewed

@@ -0,0 +1,4 @@
+.eufemia-scope--10_77_0 .dnb-skeleton {
+  --skeleton-color: var(--color-black-8);
+  --skeleton-color--contrast: var(--color-white);
+}

package/cjs/components/skeleton/style/themes/dnb-skeleton-theme-ui--isolated.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .eufemia-scope--10_77_0 .dnb-skeleton{--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}

package/cjs/components/skip-content/style/dnb-skip-content--isolated.css ADDED Viewed

@@ -0,0 +1,34 @@
+/*
+* SkipContent component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-skip-content--visible {
+  display: flex;
+}
+.eufemia-scope--10_77_0 .dnb-skip-content .dnb-button {
+  margin: 1rem 0;
+}
+.eufemia-scope--10_77_0 .dnb-skip-content__focus:focus {
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-skip-content__focus:focus::before {
+  content: "";
+  position: absolute;
+  top: var(--focus-ring-width);
+  right: var(--focus-ring-width);
+  bottom: var(--focus-ring-width);
+  left: var(--focus-ring-width);
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-skip-content__focus:focus::before {
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-skip-content__return:not(.dnb-skip-content__return--active) button.dnb-sr-only {
+  display: none;
+}

package/cjs/components/skip-content/style/dnb-skip-content--isolated.min.css ADDED Viewed

@@ -0,0 +1 @@

+ .eufemia-scope--10_77_0 .dnb-skip-content--visible{display:flex}.eufemia-scope--10_77_0 .dnb-skip-content .dnb-button{margin:1rem 0}.eufemia-scope--10_77_0 .dnb-skip-content__focus:focus{position:relative}.eufemia-scope--10_77_0 .dnb-skip-content__focus:focus:before{bottom:var(--focus-ring-width);content:"";left:var(--focus-ring-width);outline:none;position:absolute;right:var(--focus-ring-width);top:var(--focus-ring-width)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-skip-content__focus:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-skip-content__return:not(.dnb-skip-content__return--active) button.dnb-sr-only{display:none}

package/cjs/components/slider/style/dnb-slider--isolated.css ADDED Viewed

@@ -0,0 +1,257 @@
+/*
+* Slider component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-slider {
+  --slider-track-height: 0.25rem;
+  --slider-thumb-size: 2rem;
+  --slider-button-size: 1.5rem;
+  --slider-space: 1rem;
+  --slider-line-before: black;
+  --slider-line-after: gray;
+  --slider-line-before--disabled: dimgray;
+  --slider-line-after--disabled: lightgray;
+  --slider-marker: var(--slider-line-before);
+  --slider-marker-height: calc(var(--slider-thumb-size) * 0.75);
+  --slider-marker-width: 0.125rem;
+  -webkit-user-select: none;
+          user-select: none;
+  -webkit-touch-callout: none;
+  display: flex;
+  font-size: var(--font-size-small);
+  line-height: var(--slider-thumb-size);
+}
+.eufemia-scope--10_77_0 .dnb-slider--stretch {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical {
+  display: flex;
+  width: auto;
+  height: 100%;
+  min-width: inherit;
+  min-height: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-slider__wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__wrapper {
+  align-items: center;
+  width: auto;
+  height: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-slider__inner {
+  display: inline-flex;
+  height: var(--slider-thumb-size);
+}
+.eufemia-scope--10_77_0 .dnb-slider__suffix {
+  align-self: center;
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__suffix {
+  padding-left: 0;
+  padding-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-slider__marker {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 3;
+  margin: auto;
+  width: var(--slider-marker-width);
+  height: var(--slider-marker-height);
+  background-color: var(--slider-marker);
+}
+.eufemia-scope--10_77_0 .dnb-slider__marker:focus {
+  outline: none;
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-slider__marker:focus {
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-slider__marker::before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transform: scale(10, 1);
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__marker {
+  top: auto;
+  right: 0;
+  bottom: auto;
+  left: 0;
+  height: var(--slider-marker-width);
+  width: var(--slider-marker-height);
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__marker::before {
+  transform: scale(1, 10);
+}
+.eufemia-scope--10_77_0 .dnb-slider__track {
+  touch-action: none;
+  position: relative;
+  flex: 1;
+  margin: 0 calc(var(--slider-space) * 1.5);
+  min-width: 2rem;
+  cursor: pointer;
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__track {
+  margin: calc(var(--slider-space) * 1.5) 0;
+  min-height: 2rem;
+  min-width: auto;
+}
+.eufemia-scope--10_77_0 .dnb-slider--no-buttons .dnb-slider__track {
+  margin: 0 calc(var(--slider-space));
+}
+.eufemia-scope--10_77_0 .dnb-slider--no-buttons.dnb-slider--vertical .dnb-slider__track {
+  margin: calc(var(--slider-space)) 0;
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__inner {
+  flex-direction: column;
+  width: var(--slider-thumb-size);
+  height: inherit;
+  min-width: inherit;
+  min-height: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-slider__line {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin: 0 calc(0px - var(--slider-space));
+  height: var(--slider-track-height);
+  transform: translate3d(0, -50%, 0);
+  background-color: var(--slider-line-before);
+  border-radius: var(--slider-track-height);
+}
+.eufemia-scope--10_77_0 .dnb-slider__line__before {
+  z-index: 2;
+}
+.eufemia-scope--10_77_0 .dnb-slider__line__after {
+  z-index: 1;
+  right: 0;
+  background-color: var(--slider-line-after);
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__line {
+  width: var(--slider-track-height);
+  height: auto;
+  left: 50%;
+  top: 0;
+  margin: calc(0px - var(--slider-space)) 0;
+  transform: translate3d(-50%, 0, 0);
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__line__before {
+  top: 0;
+  bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__line__after {
+  bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-slider__thumb {
+  box-shadow: var(--shadow-default);
+}
+.eufemia-scope--10_77_0 .dnb-slider__button-helper, .eufemia-scope--10_77_0 .dnb-slider__thumb {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 4;
+  display: flex;
+  justify-content: center;
+  transform: translate3d(-50%, 0, 0);
+  border-radius: 50%;
+}
+.eufemia-scope--10_77_0 .dnb-slider__button-helper,
+.eufemia-scope--10_77_0 .dnb-slider__button-helper .dnb-button,
+.eufemia-scope--10_77_0 .dnb-slider__thumb,
+.eufemia-scope--10_77_0 .dnb-slider__thumb .dnb-button {
+  height: var(--slider-thumb-size);
+  width: var(--slider-thumb-size);
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__thumb {
+  transform: translate3d(0, -50%, 0);
+}
+.eufemia-scope--10_77_0 .dnb-slider__button.dnb-button--size-small {
+  height: var(--slider-button-size);
+  width: var(--slider-button-size);
+  line-height: var(--slider-button-size);
+  transform: translateY(0.25rem);
+  z-index: 2;
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-slider__button.dnb-button--size-small {
+  transform: translateX(0.25rem);
+}
+.eufemia-scope--10_77_0 .dnb-slider__state--disabled .dnb-slider__track, .eufemia-scope--10_77_0 .dnb-slider__state--disabled .dnb-slider__thumb, .eufemia-scope--10_77_0 .dnb-slider__state--disabled .dnb-slider__line {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-slider__state--animate .dnb-slider__thumb, .eufemia-scope--10_77_0 .dnb-slider__state--animate .dnb-slider__line {
+  transition: left 250ms var(--easing-default), top 250ms var(--easing-default), bottom 250ms var(--easing-default), right 250ms var(--easing-default), box-shadow 250ms var(--easing-default);
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-slider__thumb, html[data-visual-test] .eufemia-scope--10_77_0 .dnb-slider__line {
+  transition: none !important;
+}
+.eufemia-scope--10_77_0 .dnb-slider__button-helper {
+  pointer-events: none;
+  z-index: 2;
+  opacity: 0;
+  transform: translate3d(0.0625rem, 0, 0);
+}
+.eufemia-scope--10_77_0 .dnb-slider__button-helper:not(:disabled):focus ~ .dnb-button {
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-slider__button-helper:not(:disabled):focus ~ .dnb-button {
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-slider > .dnb-form-label {
+  align-self: flex-start;
+  margin-right: 1rem;
+  line-height: var(--slider-thumb-size);
+}
+.eufemia-scope--10_77_0 .dnb-slider > .dnb-form-label--vertical {
+  margin-right: 0;
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-slider__label--vertical {
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-slider__label--vertical.dnb-slider--vertical {
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-slider__label--vertical.dnb-slider--vertical .dnb-form-label {
+  text-align: center;
+  width: 100%;
+  margin-right: 0;
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-slider .dnb-form-status {
+  order: 2;
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-slider--vertical .dnb-form-status {
+  margin-top: 1rem;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-responsive-component .dnb-slider {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 0.5rem;
+  }
+  .eufemia-scope--10_77_0 .dnb-responsive-component .dnb-slider > .dnb-form-label {
+    margin-bottom: 0.5rem;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-slider.dnb-skeleton .dnb-slider__line, .eufemia-scope--10_77_0 .dnb-slider.dnb-skeleton .dnb-slider__marker, .eufemia-scope--10_77_0 .dnb-slider.dnb-skeleton .dnb-slider__state--disabled .dnb-slider__line {
+  background-color: var(--skeleton-color);
+}
+.eufemia-scope--10_77_0 .dnb-slider.dnb-skeleton .dnb-slider__track::before, .eufemia-scope--10_77_0 .dnb-slider.dnb-skeleton .dnb-slider__track::after, .eufemia-scope--10_77_0 .dnb-slider.dnb-skeleton .dnb-slider__state--disabled.dnb-slider__track::before, .eufemia-scope--10_77_0 .dnb-slider.dnb-skeleton .dnb-slider__state--disabled.dnb-slider__track::after {
+  background-color: var(--skeleton-color);
+}