@dnb/eufemia 10.76.1 → 10.77.0

package/cjs/style/themes/theme-ui/ui-theme-tags--isolated.css

@@ -0,0 +1,1007 @@
+@charset "UTF-8";
+/*
+ * Anchor mixins
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Lists
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Image
+ *
+ */
+/*
+ * Anchor theme
+ *
+ */
+.eufemia-scope--10_77_0 h1,
+.eufemia-scope--10_77_0 h2,
+.eufemia-scope--10_77_0 h3,
+.eufemia-scope--10_77_0 h4,
+.eufemia-scope--10_77_0 h5,
+.eufemia-scope--10_77_0 h6 {
+  color: var(--theme-color-black-80, currentColor);
+}
+
+.eufemia-scope--10_77_0 .dnb-lead,
+.eufemia-scope--10_77_0 .dnb-h--xx-large,
+.eufemia-scope--10_77_0 .dnb-h--x-large,
+.eufemia-scope--10_77_0 .dnb-h--large,
+.eufemia-scope--10_77_0 .dnb-h--medium,
+.eufemia-scope--10_77_0 .dnb-h--basis,
+.eufemia-scope--10_77_0 .dnb-h--small,
+.eufemia-scope--10_77_0 .dnb-h--x-small,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small {
+  color: var(--theme-color-black-80, currentColor);
+}
+
+.eufemia-scope--10_77_0 .dnb-lead, .eufemia-scope--10_77_0 .dnb-h--xx-large, .eufemia-scope--10_77_0 .dnb-h--x-large, .eufemia-scope--10_77_0 .dnb-h--large, .eufemia-scope--10_77_0 .dnb-h--medium, .eufemia-scope--10_77_0 .dnb-h--basis, .eufemia-scope--10_77_0 .dnb-h--small, .eufemia-scope--10_77_0 .dnb-h--x-small, .eufemia-scope--10_77_0 .dnb-core-style .dnb-lead, .eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large, .eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large, .eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large, .eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium, .eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis, .eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small, .eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small, .eufemia-scope--10_77_0 h1, .eufemia-scope--10_77_0 h2, .eufemia-scope--10_77_0 h3, .eufemia-scope--10_77_0 h4, .eufemia-scope--10_77_0 h5, .eufemia-scope--10_77_0 h6, .eufemia-scope--10_77_0 p, .eufemia-scope--10_77_0 b, .eufemia-scope--10_77_0 small, .eufemia-scope--10_77_0 strong, .eufemia-scope--10_77_0 .dnb-p, .eufemia-scope--10_77_0 .dnb-small, .eufemia-scope--10_77_0 .dnb-table, .eufemia-scope--10_77_0 sub, .eufemia-scope--10_77_0 sup {
+  --typography-h-xx-large-small-line-height: var(--line-height-large);
+  --typography-h-x-large-line-height: var(--line-height-large);
+  --typography-h-x-large-small-font-size: var(--font-size-x-large);
+  --typography-h-large-line-height: var(--line-height-medium);
+  --typography-h-large-small-line-height: calc(
+    var(--line-height-medium) - 0.125rem
+  );
+  --typography-lead-small-font-size: var(--font-size-basis);
+  --typography-lead-small-line-height: var(--line-height-basis);
+  --typography-h-medium-line-height: var(--line-height-lead);
+  --typography-h-small-small-line-height: var(--line-height-small);
+}
+
+/**
+ * HTML Element Tags
+ * NB: There is a visual test with a page called "elements-without-classes".
+ * It should cover all cases.
+ */
+.eufemia-scope--10_77_0 .dnb-core-style a {
+  --anchor-icon-gutter: 0.25em;
+  --anchor-icon-separator: "⁠";
+  --anchor-icon-position: translateY(-0.175em);
+  display: inline;
+  padding: 0.05575em 0;
+  font-size: var(--font-size-basis);
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+  text-decoration-color: currentcolor;
+  text-decoration-thickness: var(--anchor-underline-thickness);
+  text-underline-offset: 0.25em;
+  border-radius: 0;
+  transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out, background 200ms ease-in-out;
+}
+.eufemia-scope--10_77_0 sup .dnb-core-style a, .eufemia-scope--10_77_0 sub .dnb-core-style a {
+  padding: 0 0.025em;
+}
+.eufemia-scope--10_77_0 .dnb-p .dnb-core-style a, .eufemia-scope--10_77_0 .dnb-lead .dnb-core-style a, .eufemia-scope--10_77_0 .dnb-h--xx-large .dnb-core-style a, .eufemia-scope--10_77_0 .dnb-h--x-large .dnb-core-style a, .eufemia-scope--10_77_0 .dnb-h--large .dnb-core-style a, .eufemia-scope--10_77_0 .dnb-h--medium .dnb-core-style a, .eufemia-scope--10_77_0 .dnb-h--basis .dnb-core-style a, .eufemia-scope--10_77_0 .dnb-h--small .dnb-core-style a, .eufemia-scope--10_77_0 .dnb-h--x-small .dnb-core-style a {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:focus-visible {
+  background-color: transparent;
+  transition: none;
+  outline: none;
+  --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;
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:focus-visible, .eufemia-scope--10_77_0 .dnb-section .dnb-core-style a:focus-visible.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)) {
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)), .eufemia-scope--10_77_0 .dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 .dnb-core-style a:hover:not(.dnb-anchor--no-hover) {
+    border-radius: 0.25em;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style a:hover:not(.dnb-anchor--no-hover), .eufemia-scope--10_77_0 .dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor {
+    -webkit-text-decoration: none;
+    text-decoration: none;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:active {
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:active, .eufemia-scope--10_77_0 .dnb-section .dnb-core-style a:active.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.eufemia-scope--10_77_0 [data-visual-test-wrapper] .dnb-core-style a {
+  transition: none;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a .dnb-icon {
+  display: inline;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a .dnb-icon svg {
+  vertical-align: baseline;
+  transform: scale(2) var(--anchor-icon-position);
+  font-size: 0.5em;
+  width: 2em;
+  height: 1em;
+  pointer-events: none;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a--no-icon .dnb-icon {
+  display: none;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a--icon-left .dnb-icon:first-child::after {
+  content: var(--anchor-icon-separator);
+}
+.eufemia-scope--10_77_0 .dnb-core-style a--icon-left .dnb-icon:first-child svg {
+  margin-right: calc(var(--anchor-icon-gutter) * 2);
+}
+.eufemia-scope--10_77_0 .dnb-core-style a--icon-right .dnb-icon:last-child::before {
+  content: var(--anchor-icon-separator);
+}
+.eufemia-scope--10_77_0 .dnb-core-style a--icon-right .dnb-icon:last-child svg {
+  margin-left: calc(var(--anchor-icon-gutter) * 2);
+}
+.eufemia-scope--10_77_0 .dnb-core-style a .dnb-icon--default {
+  font-size: 0.8888888889em;
+}
+.eufemia-scope--10_77_0 .dnb-core-style img {
+  position: relative;
+  z-index: 2;
+  box-sizing: content-box;
+  max-width: 100%;
+  border-style: none;
+  border-radius: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style img[alt]::after {
+  content: attr(alt);
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure {
+  display: inline-flex;
+  flex-direction: column;
+  padding: 0;
+  text-align: center;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure img,
+.eufemia-scope--10_77_0 .dnb-core-style figure figcaption {
+  font-size: var(--font-size-basis);
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure img {
+  position: relative;
+  z-index: 2;
+  box-sizing: content-box;
+  max-width: 100%;
+  border-style: none;
+  border-radius: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure img[alt]::after {
+  content: attr(alt);
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style figure figcaption {
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote {
+  --blockquote-padding-top: 2rem;
+  --blockquote-padding-left: 1.5rem;
+  --blockquote-padding-bottom: 3rem;
+  --blockquote-quote-size: 3rem;
+  --blockquote-quote-padding: 6rem;
+  --blockquote-cite-style: italic;
+  display: inline-block;
+  width: auto;
+  padding: 1.5rem;
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
+  border-radius: 1rem;
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote::before {
+  content: "";
+  position: absolute;
+  top: var(--blockquote-padding-top);
+  left: var(--blockquote-padding-left);
+  width: var(--blockquote-quote-size);
+  height: var(--blockquote-quote-size);
+  background-size: cover;
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+ICA8cGF0aCBmaWxsPSIjQTVFMUQyIiBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0zNy41IDI3LjVhOSA5IDAgMSAwIDAtMTggOSA5IDAgMCAwIDAgMTh6Ii8+ICA8cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik00Ni41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz4gIDxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz4gIDxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTIyLjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjwvc3ZnPg==");
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote, .eufemia-scope--10_77_0 .dnb-core-style blockquote.dnb-blockquote--left {
+  padding-left: var(--blockquote-quote-padding);
+  padding-top: var(--blockquote-padding-top);
+  padding-bottom: var(--blockquote-padding-bottom);
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote.dnb-blockquote--top {
+  padding-left: var(--blockquote-padding-left);
+  padding-top: var(--blockquote-quote-padding);
+  padding-bottom: var(--blockquote-padding-bottom);
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote.dnb-blockquote--no-background {
+  background-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-cite,
+.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-figcaption,
+.eufemia-scope--10_77_0 .dnb-core-style blockquote cite,
+.eufemia-scope--10_77_0 .dnb-core-style blockquote footer,
+.eufemia-scope--10_77_0 .dnb-core-style blockquote figcaption {
+  display: block;
+  margin-top: 1rem;
+  font-weight: var(--font-weight-medium);
+  line-height: var(--line-height-basis);
+  font-style: var(--blockquote-cite-style);
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-cite::before,
+.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-figcaption::before,
+.eufemia-scope--10_77_0 .dnb-core-style blockquote cite::before,
+.eufemia-scope--10_77_0 .dnb-core-style blockquote footer::before,
+.eufemia-scope--10_77_0 .dnb-core-style blockquote figcaption::before {
+  content: "—";
+  display: inline-block;
+  padding-right: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote h1, .eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote h2, .eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote h3, .eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large, .eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote .dnb-h--large, .eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote .dnb-h--medium, .eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote .dnb-lead {
+  margin: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-code {
+  color: var(--color-black-80);
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing blockquote p:last-child {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style hr {
+  position: relative;
+  padding: 0;
+  width: 100%;
+  height: 0;
+  display: flow-root;
+  border: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style hr:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style hr:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style hr:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style hr:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style hr::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  height: var(--thickness);
+  background-color: var(--hr-color, grey);
+  border-radius: calc(var(--thickness) / 2);
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style p {
+  font-size: var(--font-size-basis);
+  padding: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style p:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style p:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style p--lead {
+  font-size: var(--typography-lead-font-size);
+  line-height: var(--typography-lead-line-height);
+  font-weight: var(--typography-lead-weight);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p--lead > small {
+  font-size: var(--typography-lead-small-font-size);
+  line-height: var(--typography-lead-small-line-height);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p b,
+.eufemia-scope--10_77_0 .dnb-core-style p strong {
+  font-weight: var(--font-weight-medium);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p--medium {
+  font-weight: var(--font-weight-medium);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p--bold {
+  font-weight: var(--font-weight-bold);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p__size--xx-large {
+  font-size: var(--font-size-xx-large);
+  line-height: var(--line-height-xx-large);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p__size--x-large {
+  font-size: var(--font-size-x-large);
+  line-height: var(--line-height-x-large);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p__size--large {
+  font-size: var(--font-size-large);
+  line-height: var(--line-height-large);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p__size--basis {
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p__size--medium {
+  font-size: var(--font-size-medium);
+  line-height: var(--line-height-medium);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p--small, .eufemia-scope--10_77_0 .dnb-core-style p__size--small {
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p--x-small, .eufemia-scope--10_77_0 .dnb-core-style p__size--x-small {
+  font-size: var(--font-size-x-small);
+  line-height: var(--line-height-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p > small {
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p > cite {
+  font-weight: var(--font-weight-medium);
+  line-height: var(--line-height-basis);
+  font-style: italic;
+}
+.eufemia-scope--10_77_0 .dnb-core-style b,
+.eufemia-scope--10_77_0 .dnb-core-style strong {
+  font-weight: var(--font-weight-bold);
+}
+.eufemia-scope--10_77_0 .dnb-core-style small {
+  font-size: var(--font-size-small);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1,
+.eufemia-scope--10_77_0 .dnb-core-style h2,
+.eufemia-scope--10_77_0 .dnb-core-style h3,
+.eufemia-scope--10_77_0 .dnb-core-style h4,
+.eufemia-scope--10_77_0 .dnb-core-style h5,
+.eufemia-scope--10_77_0 .dnb-core-style h6 {
+  padding: 0;
+  font-family: var(--font-family-heading);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style h2:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style h3:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style h4:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style h5:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style h6:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style h2:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style h3:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style h4:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style h5:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style h6:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style h2:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style h3:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style h4:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style h5:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style h6:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style h2:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style h3:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style h4:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style h5:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style h6:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1 .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style h2 .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style h3 .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style h4 .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style h5 .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style h6 .dnb-icon--default {
+  font-size: 1em;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1 .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style h2 .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style h3 .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style h4 .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style h5 .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style h6 .dnb-icon--medium {
+  font-size: 1.5em;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1 a,
+.eufemia-scope--10_77_0 .dnb-core-style h1 .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style h2 a,
+.eufemia-scope--10_77_0 .dnb-core-style h2 .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style h3 a,
+.eufemia-scope--10_77_0 .dnb-core-style h3 .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style h4 a,
+.eufemia-scope--10_77_0 .dnb-core-style h4 .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style h5 a,
+.eufemia-scope--10_77_0 .dnb-core-style h5 .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style h6 a,
+.eufemia-scope--10_77_0 .dnb-core-style h6 .dnb-anchor {
+  padding-top: 0;
+  padding-bottom: 0.03125rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1 {
+  font-size: var(--typography-h-xx-large-font-size);
+  line-height: var(--typography-h-xx-large-line-height);
+  font-weight: var(--typography-h-xx-large-weight);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1 > small {
+  font-size: var(--typography-h-xx-large-small-font-size);
+  line-height: var(--typography-h-xx-large-small-line-height);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1 > small {
+  display: block;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h2 {
+  font-size: var(--typography-h-large-font-size);
+  line-height: var(--typography-h-large-line-height);
+  font-weight: var(--typography-h-large-weight);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h2 > small {
+  font-size: var(--typography-h-large-small-font-size);
+  line-height: var(--typography-h-large-small-line-height);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h3 {
+  font-size: var(--typography-h-medium-font-size);
+  line-height: var(--typography-h-medium-line-height);
+  font-weight: var(--typography-h-medium-weight);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h3 > small {
+  font-size: var(--typography-h-medium-small-font-size);
+  line-height: var(--typography-h-medium-small-line-height);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h4 {
+  font-size: var(--typography-h-basis-font-size);
+  line-height: var(--typography-h-basis-line-height);
+  font-weight: var(--typography-h-basis-weight);
+  font-family: var(--typography-h-basis-font-family);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h4 > small {
+  font-size: var(--typography-h-basis-small-font-size);
+  line-height: var(--typography-h-basis-small-line-height);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h5 {
+  font-size: var(--typography-h-small-font-size);
+  line-height: var(--typography-h-small-line-height);
+  font-weight: var(--typography-h-small-weight);
+  font-family: var(--typography-h-small-font-family);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h5 > small {
+  font-size: var(--typography-h-small-small-font-size);
+  line-height: var(--typography-h-small-small-line-height);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h6 {
+  font-size: var(--typography-h-x-small-font-size);
+  line-height: var(--typography-h-x-small-line-height);
+  font-weight: var(--typography-h-x-small-weight);
+  font-family: var(--typography-h-x-small-font-family);
+}
+.eufemia-scope--10_77_0 .dnb-core-style h2 > small,
+.eufemia-scope--10_77_0 .dnb-core-style h3 > small,
+.eufemia-scope--10_77_0 .dnb-core-style h4 > small,
+.eufemia-scope--10_77_0 .dnb-core-style h5 > small,
+.eufemia-scope--10_77_0 .dnb-core-style h6 > small {
+  line-height: var(--line-height-xx-small--em);
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h1:not([class*=space__top]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]) {
+  margin-top: 3rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]) {
+  margin-bottom: 2.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h2:not([class*=space__top]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]) {
+  margin-top: 3rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]) {
+  margin-bottom: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h3:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h4:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h5:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h6:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]) {
+  margin-top: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]) {
+  margin-bottom: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul {
+  padding: 0;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=dnb-space__left]) {
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul ul, .eufemia-scope--10_77_0 .dnb-core-style ul ol {
+  margin-top: 0;
+  margin-bottom: 1.5rem;
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul li, .eufemia-scope--10_77_0 .dnb-core-style ul--outside li {
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul li::before, .eufemia-scope--10_77_0 .dnb-core-style ul--outside li::before {
+  position: absolute;
+  left: -10rem;
+  width: 10rem;
+  padding-right: 0.25rem;
+  text-align: right;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul--inside li::before {
+  position: relative;
+  left: 0;
+  width: auto;
+  padding-right: 0;
+  text-align: initial;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ul li {
+  display: list-item;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul > li {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  /* stylelint-disable-next-line */
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul > li > p {
+  margin-top: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul li > ul, .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li > ul, .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul li > ol, .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li > ol {
+  margin-top: -0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol {
+  padding: 0;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=dnb-space__left]) {
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol ul, .eufemia-scope--10_77_0 .dnb-core-style ol ol {
+  margin-top: 0;
+  margin-bottom: 1.5rem;
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol li, .eufemia-scope--10_77_0 .dnb-core-style ol--outside li {
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol li::before, .eufemia-scope--10_77_0 .dnb-core-style ol--outside li::before {
+  position: absolute;
+  left: -10rem;
+  width: 10rem;
+  padding-right: 0.25rem;
+  text-align: right;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol--inside li::before {
+  position: relative;
+  left: 0;
+  width: auto;
+  padding-right: 0;
+  text-align: initial;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol li {
+  display: list-item;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol ul, .eufemia-scope--10_77_0 .dnb-core-style ol ol {
+  margin-top: 0;
+  margin-bottom: 1.5rem;
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol li, .eufemia-scope--10_77_0 .dnb-core-style ol--outside li {
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol li::before, .eufemia-scope--10_77_0 .dnb-core-style ol--outside li::before {
+  position: absolute;
+  left: -10rem;
+  width: 10rem;
+  padding-right: 0.25rem;
+  text-align: right;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol--inside li::before {
+  position: relative;
+  left: 0;
+  width: auto;
+  padding-right: 0;
+  text-align: initial;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol li {
+  list-style-type: decimal;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol--nested, .eufemia-scope--10_77_0 .dnb-core-style ol--nested ol {
+  counter-reset: item;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol--nested li {
+  display: block;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol--nested li::before {
+  content: counters(item, ".") ". ";
+  counter-increment: item;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol--nested li li::before {
+  content: counters(item, ".") " ";
+  counter-increment: item;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol[type] li {
+  display: list-item;
+  list-style-type: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style ol[type] li::before, .eufemia-scope--10_77_0 .dnb-core-style ol[type] li li::before {
+  content: none;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol > li {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  /* stylelint-disable-next-line */
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol > li > p {
+  margin-top: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol li > ul, .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li > ul, .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol li > ol, .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li > ol {
+  margin-top: -0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style dl {
+  --column-gap: 1rem;
+  --row-gap: 0.5rem;
+  padding: 0;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-core-style dl:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style dl:not([class*=dnb-space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style dl dt {
+  padding: 0;
+  font-weight: var(--font-weight-medium);
+}
+.eufemia-scope--10_77_0 .dnb-core-style dl dd ~ dt {
+  margin-top: var(--row-gap);
+}
+.eufemia-scope--10_77_0 .dnb-core-style dl dt:not(:first-of-type) {
+  margin-top: calc(var(--row-gap) + 1rem);
+}
+.eufemia-scope--10_77_0 .dnb-core-style dl dd {
+  padding: 0;
+  margin: 0.5rem 0 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style dl > dd > dl, .eufemia-scope--10_77_0 .dnb-core-style dl:not([class*=dnb-space]) > dd > dl {
+  margin-top: calc(var(--row-gap) + 0.5rem);
+  margin-left: 2rem;
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal {
+    --dt-max-width: 40%;
+    --dd-max-width: calc(60% - 1rem);
+    display: flex;
+    flex-wrap: wrap;
+    max-width: var(--text-block-max-width);
+    width: 100%;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dt {
+    margin-top: 0;
+    margin-right: calc(var(--column-gap) - 0.5rem);
+    max-width: var(--dt-max-width);
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd {
+    width: var(--dd-max-width);
+    align-self: end;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dt:not(:first-of-type), .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd, .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd ~ dt:not(:first-of-type) {
+    margin-top: var(--row-gap);
+    margin-bottom: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dt:not(:first-of-type):first-of-type, .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd:first-of-type, .eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd ~ dt:not(:first-of-type):first-of-type {
+    margin-top: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl dd.dnb-core-style dl__item {
+    visibility: hidden;
+    -webkit-user-select: none;
+            user-select: none;
+    flex-basis: 100%;
+    height: 0;
+    margin: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl:not(.dnb-core-style dl__layout--horizontal) dd.dnb-core-style dl__item {
+    display: none;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid {
+    --dt-max-width: 15ch;
+    --dd-max-width: 40ch;
+    display: grid;
+    grid-template-columns: -webkit-max-content 1fr;
+    grid-template-columns: max-content 1fr;
+    column-gap: var(--column-gap);
+    row-gap: var(--row-gap);
+    /* stylelint-disable */
+    /* stylelint-enable */
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dt {
+    max-width: var(--dt-max-width);
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dt:not(:first-of-type) {
+    margin-top: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dd {
+    max-width: var(--dd-max-width);
+    align-self: end;
+  }
+  .eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dt, .eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dd, .eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dd ~ dt {
+    margin: 0;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style label {
+  cursor: pointer;
+  overflow-wrap: break-word;
+}
+.eufemia-scope--10_77_0 .dnb-core-style label[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-core-style code {
+  display: inline-block;
+  padding: calc(0.25em / 0.875);
+  font-size: 0.875em;
+  text-decoration: inherit;
+  line-height: calc(var(--line-height-xx-small--em) / 0.875);
+  color: inherit;
+  border-radius: 0.1875em;
+}
+.eufemia-scope--10_77_0 del .dnb-core-style code {
+  -webkit-text-decoration: line-through;
+  text-decoration: line-through;
+}
+.eufemia-scope--10_77_0 .dnb-core-style code:not([class*=dnb-space]) {
+  margin: calc(-0.25em / 0.875) 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style code .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-core-style pre {
+  display: block;
+  overflow: auto;
+  padding: 1rem;
+  border-radius: 0.5rem;
+  white-space: pre;
+  vertical-align: baseline;
+  outline: none;
+  text-shadow: none;
+  -webkit-hyphens: none;
+          hyphens: none;
+  word-wrap: normal;
+  word-break: normal;
+  text-align: left;
+  word-spacing: normal;
+  tab-size: 2;
+  font-size: inherit;
+  font-family: var(--font-family-monospace);
+}
+.eufemia-scope--10_77_0 .dnb-core-style pre:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style pre:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style pre:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style pre:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style pre pre {
+  padding: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a {
+  --theme-color-black-80: var(--color-sea-green);
+  --anchor-color: var(--anchor-color--default, var(--color-sea-green));
+  --anchor-color--active: var(--color-mint-green);
+  --anchor-color--contrast: var(--color-emerald-green);
+  --anchor-background--hover: var(--color-mint-green-50);
+  --anchor-background--active: var(--color-emerald-green);
+  color: var(--anchor-color);
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)) {
+  --anchor-color: var(--color-sea-green);
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 .dnb-core-style a:hover:not(.dnb-anchor--no-hover) {
+    --anchor-color: var(--color-sea-green);
+    box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
+  }
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:active {
+  --anchor-color: var(--anchor-color--active);
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--active), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--active), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--active);
+}
+.eufemia-scope--10_77_0 .dnb-core-style a:focus-visible {
+  --anchor-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default {
+  font-size: 1em;
+}
+.eufemia-scope--10_77_0 .dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path {
+  stroke-width: 1.2;
+}
+.eufemia-scope--10_77_0 .dnb-core-style h1,
+.eufemia-scope--10_77_0 .dnb-core-style h2,
+.eufemia-scope--10_77_0 .dnb-core-style h3,
+.eufemia-scope--10_77_0 .dnb-core-style h4,
+.eufemia-scope--10_77_0 .dnb-core-style h5,
+.eufemia-scope--10_77_0 .dnb-core-style h6 {
+  color: var(--theme-color-black-80, currentColor);
+}
+.eufemia-scope--10_77_0 .dnb-core-style p {
+  color: var(--theme-color-black-80, currentColor);
+}
+.eufemia-scope--10_77_0 .dnb-core-style img[alt]::after {
+  color: var(--color-black-80);
+  background-color: var(--color-black-8);
+}