@dnb/eufemia 10.76.1 → 10.77.0

package/es/style/themes/theme-sbanken/sbanken-theme-basis--isolated.css

@@ -0,0 +1,1652 @@
+@charset "UTF-8";
+/**
+ * Sbanken UI Theme
+ *
+ */
+/*
+ * CSS Properties Sbanken
+ *
+ */
+.eufemia-scope--10_77_0 {
+  --sb-font-family-default: "Roboto", "Helvetica", "Arial", sans-serif;
+  --sb-font-family-heading: "MaisonNeueHeadings", "Roboto", "Helvetica",
+    "Arial", sans-serif;
+  --sb-font-weight-default: normal;
+  --sb-font-weight-basis: normal;
+  --sb-font-weight-regular: normal;
+  --sb-font-weight-medium: 500;
+  --sb-font-weight-bold: 700;
+  --sb-font-size-x-small: 0.75rem;
+  --sb-font-size-small: 0.875rem;
+  --sb-font-size-basis: 1rem;
+  --sb-font-size-basis--em: 1em;
+  --sb-font-size-lead: var(--font-size-medium);
+  --sb-font-size-medium: 1.25rem;
+  --sb-font-size-medium--plus: 1.625rem;
+  --sb-font-size-large: 2rem;
+  --sb-font-size-x-large: 2.375rem;
+  --sb-font-size-xx-large: 3rem;
+  --sb-line-height-x-small: 1.125rem;
+  --sb-line-height-small: 1.25rem;
+  --sb-line-height-basis: 1.5rem;
+  --sb-line-height-basis--em: 1.5em;
+  --sb-line-height-lead: 1.75rem;
+  --sb-line-height-medium: 2rem;
+  --sb-line-height-large: 2.375rem;
+  --sb-line-height-x-large: 2.75rem;
+  --sb-line-height-xx-large: 3.375rem;
+  --sb-color-black: #000;
+  --sb-color-text: #18172a;
+  --sb-color-gray-dark-3: #3a3a4a;
+  --sb-color-gray-dark-3-neutral: #3e3e4a;
+  --sb-color-gray-dark-2: #4a4a5b;
+  --sb-color-gray-dark-2-neutral: #656472;
+  --sb-color-gray-dark: #666578;
+  --sb-color-gray-dark-neutral: #9494a3;
+  --sb-color-gray: #bbbbce;
+  --sb-color-gray-neutral: #bdbdc6;
+  --sb-color-gray-light: #d9d9e4;
+  --sb-color-gray-light-2: #ebebf2;
+  --sb-color-gray-light-3: #f9f9fd;
+  --sb-color-purple: #1c1b4e;
+  --sb-color-purple-alternative: #222163;
+  --sb-color-green: #92eecd;
+  --sb-color-white: #fff;
+  --sb-color-red: #d8134b;
+  --sb-color-magenta: #ff3c64;
+  --sb-color-orange: #ff5b44;
+  --sb-color-yellow-dark: #f7bf16;
+  --sb-color-yellow: #ffef57;
+  --sb-color-green-dark-3: #00785b;
+  --sb-color-green-dark-2: #1e9f73;
+  --sb-color-violet: #4e08bc;
+  --sb-color-violet-light: #7129e2;
+  --sb-color-blue-dark-2: #044ccc;
+  --sb-color-blue-dark: #005cff;
+  --sb-color-blue: #008eff;
+  --sb-color-orange-light: #ff817b;
+  --sb-color-orange-light-2: #ffd7d5;
+  --sb-color-orange-light-3: #fff0ef;
+  --sb-color-magenta-light: #ffb6d2;
+  --sb-color-magenta-light-2: #ffdbe9;
+  --sb-color-magenta-light-3: #fff5f9;
+  --sb-color-yellow-light: #fff489;
+  --sb-color-yellow-light-2: #fff9c4;
+  --sb-color-yellow-light-3: #fffce5;
+  --sb-color-green-dark: #64d7b4;
+  --sb-color-green-light: #c8f6e5;
+  --sb-color-green-light-2: #e5fff7;
+  --sb-color-violet-light-2: #be99ff;
+  --sb-color-violet-light-3: #e0d0ff;
+  --sb-color-violet-light-4: #f1ebff;
+  --sb-color-blue-light: #61b9ff;
+  --sb-color-blue-light-2: #bfe3ff;
+  --sb-color-blue-light-3: #ebf6ff;
+  --sb-spacing-x-small: 0.5rem;
+  --sb-spacing-small: 1rem;
+  --sb-spacing-medium: 1.5rem;
+  --sb-spacing-large: 2rem;
+  --sb-spacing-x-large: 3rem;
+  --sb-spacing-xx-large: 3.5rem;
+  --sb-layout-small: 40em;
+  --sb-layout-medium: 60em;
+  --sb-layout-large: 72em;
+  --sb-layout-x-large: 80em;
+  --sb-layout-xx-large: 90em;
+  --sb-shadow-small: 0 2px 4px rgba(38 35 66 / 12%);
+  --sb-shadow-medium: 0 5px 20px rgba(38 35 66 / 10%);
+  --sb-shadow-large: 0 5px 20px rgba(38 35 66 / 20%);
+  --sb-shadow-hover: 0 20px 40px rgba(38 35 66 / 20%);
+  --sb-easing-default: cubic-bezier(0.42, 0, 0, 1);
+  --sb-text-block-max-width: 60ch;
+}
+
+/*
+ * Typography
+ *
+ * The font-family properties are defined in the properties.scss file, like:
+ * --sb-font-family-default:
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-typo-regular {
+  font-family: var(--sb-font-family-default);
+  font-weight: normal;
+  font-style: normal;
+}
+
+.eufemia-scope--10_77_0 .dnb-typo-medium {
+  font-family: var(--sb-font-family-default);
+  font-weight: var(--sb-font-weight-medium);
+  font-style: normal;
+}
+
+.eufemia-scope--10_77_0 .dnb-typo-bold {
+  font-family: var(--sb-font-family-default);
+  font-weight: var(--sb-font-weight-bold);
+  font-style: normal;
+}
+
+@font-face {
+  font-family: MaisonNeueHeadings;
+  src: url("https://eufemia.dnb.no/fonts/sbanken/MaisonNeue.woff2"), url("https://eufemia.dnb.no/fonts/sbanken/MaisonNeue.woff"), url("https://eufemia.dnb.no/fonts/sbanken/MaisonNeue.woff2");
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: Roboto;
+  src: url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Regular.woff2"), url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Regular.woff"), url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Regular.ttf");
+  font-weight: normal;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: Roboto;
+  src: url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Medium.woff2"), url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Medium.woff"), url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Medium.ttf");
+  font-weight: 500;
+  font-style: normal;
+  font-display: fallback;
+}
+@font-face {
+  font-family: Roboto;
+  src: url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Bold.woff2"), url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Bold.woff"), url("https://eufemia.dnb.no/fonts/sbanken/Roboto-Bold.ttf");
+  font-weight: 700;
+  font-style: normal;
+  font-display: fallback;
+}
+/**
+ * ATTENTION: This file is auto generated by using "themeFactory".
+ * But you still can change the content of this file on the very top.
+ */
+/**
+ * ATTENTION: This file is auto generated by using "styleFactory".
+ * Do not change the content!
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Blockquote
+ *
+ */
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-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-blockquote:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-blockquote:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-blockquote:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-blockquote:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-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-blockquote, .eufemia-scope--10_77_0 .dnb-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-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-blockquote.dnb-blockquote--no-background {
+  background-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-blockquote .dnb-cite,
+.eufemia-scope--10_77_0 .dnb-blockquote .dnb-figcaption,
+.eufemia-scope--10_77_0 .dnb-blockquote cite,
+.eufemia-scope--10_77_0 .dnb-blockquote footer,
+.eufemia-scope--10_77_0 .dnb-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-blockquote .dnb-cite::before,
+.eufemia-scope--10_77_0 .dnb-blockquote .dnb-figcaption::before,
+.eufemia-scope--10_77_0 .dnb-blockquote cite::before,
+.eufemia-scope--10_77_0 .dnb-blockquote footer::before,
+.eufemia-scope--10_77_0 .dnb-blockquote figcaption::before {
+  content: "—";
+  display: inline-block;
+  padding-right: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote h1, .eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote h2, .eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote h3, .eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote .dnb-h--xx-large, .eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote .dnb-h--large, .eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote .dnb-h--medium, .eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote .dnb-lead {
+  margin: 0;
+}
+.eufemia-scope--10_77_0 .dnb-blockquote .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-blockquote .dnb-code {
+  color: var(--color-black-80);
+}
+
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-blockquote p:last-child {
+  margin-bottom: 0;
+}
+
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Code / Pre
+ *
+ */
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-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-code {
+  -webkit-text-decoration: line-through;
+  text-decoration: line-through;
+}
+.eufemia-scope--10_77_0 .dnb-code:not([class*=dnb-space]) {
+  margin: calc(-0.25em / 0.875) 0;
+}
+.eufemia-scope--10_77_0 .dnb-code .dnb-anchor {
+  font-size: inherit;
+}
+
+.eufemia-scope--10_77_0 .dnb-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-pre:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-pre:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-pre:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-pre:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-pre pre {
+  padding: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-pre:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-skeleton > .dnb-code {
+  background-color: transparent;
+}
+
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Hr tag / line
+ *
+ */
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-hr {
+  position: relative;
+  padding: 0;
+  width: 100%;
+  height: 0;
+  display: flow-root;
+  border: 0;
+  --thickness: calc(var(--hr-thickness, 0.0625rem) + var(--modifier, 0px));
+}
+.eufemia-scope--10_77_0 .dnb-hr:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-hr:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-hr:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-hr:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-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-hr--dashed::after {
+  background-image: linear-gradient(to right, var(--hr-color, grey) 50%, transparent 0%);
+  background-size: 0.5rem 0.0625rem;
+  background-repeat: repeat-x;
+  background-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-hr--breakout::after {
+  left: -100vw;
+  box-shadow: 100vw 0 0 0 var(--hr-color, grey);
+  border-radius: 0;
+}
+.eufemia-scope--10_77_0 .dnb-hr--light {
+  --hr-thickness: 0.5px;
+}
+.eufemia-scope--10_77_0 .dnb-hr--medium {
+  --hr-thickness: 1.5px;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-hr:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+
+/*
+ * Image
+ *
+ */
+/*
+ * Image
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-img {
+  display: inline-flex;
+  flex-direction: column;
+  padding: 0;
+  text-align: center;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-img:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-img:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-img:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-img:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-img img,
+.eufemia-scope--10_77_0 .dnb-img figcaption {
+  font-size: var(--font-size-basis);
+}
+.eufemia-scope--10_77_0 .dnb-img 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-img 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-img figcaption {
+  margin-top: 0.5rem;
+}
+
+/*
+ * Label
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-label {
+  cursor: pointer;
+  overflow-wrap: break-word;
+}
+.eufemia-scope--10_77_0 .dnb-label[disabled] {
+  cursor: not-allowed;
+}
+
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Lists
+ *
+ */
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Lists
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-ul {
+  padding: 0;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-ul:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-ul:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-ul:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-ul:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-ul:not([class*=dnb-space__left]) {
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-ul ul, .eufemia-scope--10_77_0 .dnb-ul ol {
+  margin-top: 0;
+  margin-bottom: 1.5rem;
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-ul li, .eufemia-scope--10_77_0 .dnb-ul--outside li {
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-ul li::before, .eufemia-scope--10_77_0 .dnb-ul--outside li::before {
+  position: absolute;
+  left: -10rem;
+  width: 10rem;
+  padding-right: 0.25rem;
+  text-align: right;
+}
+.eufemia-scope--10_77_0 .dnb-ul--inside li::before {
+  position: relative;
+  left: 0;
+  width: auto;
+  padding-right: 0;
+  text-align: initial;
+}
+.eufemia-scope--10_77_0 .dnb-ul .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-ul li {
+  display: list-item;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-ol {
+  padding: 0;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-ol:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-ol:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-ol:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-ol:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-ol:not([class*=dnb-space__left]) {
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-ol ul, .eufemia-scope--10_77_0 .dnb-ol ol {
+  margin-top: 0;
+  margin-bottom: 1.5rem;
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-ol li, .eufemia-scope--10_77_0 .dnb-ol--outside li {
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-ol li::before, .eufemia-scope--10_77_0 .dnb-ol--outside li::before {
+  position: absolute;
+  left: -10rem;
+  width: 10rem;
+  padding-right: 0.25rem;
+  text-align: right;
+}
+.eufemia-scope--10_77_0 .dnb-ol--inside li::before {
+  position: relative;
+  left: 0;
+  width: auto;
+  padding-right: 0;
+  text-align: initial;
+}
+.eufemia-scope--10_77_0 .dnb-ol .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-ol li {
+  display: list-item;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-ol ul, .eufemia-scope--10_77_0 .dnb-ol ol {
+  margin-top: 0;
+  margin-bottom: 1.5rem;
+  padding-left: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-ol li, .eufemia-scope--10_77_0 .dnb-ol--outside li {
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-ol li::before, .eufemia-scope--10_77_0 .dnb-ol--outside li::before {
+  position: absolute;
+  left: -10rem;
+  width: 10rem;
+  padding-right: 0.25rem;
+  text-align: right;
+}
+.eufemia-scope--10_77_0 .dnb-ol--inside li::before {
+  position: relative;
+  left: 0;
+  width: auto;
+  padding-right: 0;
+  text-align: initial;
+}
+.eufemia-scope--10_77_0 .dnb-ol .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-ol li {
+  list-style-type: decimal;
+}
+.eufemia-scope--10_77_0 .dnb-ol--nested, .eufemia-scope--10_77_0 .dnb-ol--nested ol {
+  counter-reset: item;
+}
+.eufemia-scope--10_77_0 .dnb-ol--nested li {
+  display: block;
+}
+.eufemia-scope--10_77_0 .dnb-ol--nested li::before {
+  content: counters(item, ".") ". ";
+  counter-increment: item;
+}
+.eufemia-scope--10_77_0 .dnb-ol--nested li li::before {
+  content: counters(item, ".") " ";
+  counter-increment: item;
+}
+.eufemia-scope--10_77_0 .dnb-ol[type] li {
+  display: list-item;
+  list-style-type: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-ol[type] li::before, .eufemia-scope--10_77_0 .dnb-ol[type] li li::before {
+  content: none;
+}
+
+.eufemia-scope--10_77_0 .dnb-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-dl:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-dl:not([class*=dnb-space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-dl dt {
+  padding: 0;
+  font-weight: var(--font-weight-medium);
+}
+.eufemia-scope--10_77_0 .dnb-dl dd ~ dt {
+  margin-top: var(--row-gap);
+}
+.eufemia-scope--10_77_0 .dnb-dl dt:not(:first-of-type) {
+  margin-top: calc(var(--row-gap) + 1rem);
+}
+.eufemia-scope--10_77_0 .dnb-dl dd {
+  padding: 0;
+  margin: 0.5rem 0 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-dl > dd > dl, .eufemia-scope--10_77_0 .dnb-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-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-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-dl__layout--horizontal dd {
+    width: var(--dd-max-width);
+    align-self: end;
+  }
+  .eufemia-scope--10_77_0 .dnb-dl__layout--horizontal dt:not(:first-of-type), .eufemia-scope--10_77_0 .dnb-dl__layout--horizontal dd, .eufemia-scope--10_77_0 .dnb-dl__layout--horizontal dd ~ dt:not(:first-of-type) {
+    margin-top: var(--row-gap);
+    margin-bottom: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-dl__layout--horizontal dt:not(:first-of-type):first-of-type, .eufemia-scope--10_77_0 .dnb-dl__layout--horizontal dd:first-of-type, .eufemia-scope--10_77_0 .dnb-dl__layout--horizontal dd ~ dt:not(:first-of-type):first-of-type {
+    margin-top: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-dl dd.dnb-dl__item {
+    visibility: hidden;
+    -webkit-user-select: none;
+            user-select: none;
+    flex-basis: 100%;
+    height: 0;
+    margin: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-dl:not(.dnb-dl__layout--horizontal) dd.dnb-dl__item {
+    display: none;
+  }
+  .eufemia-scope--10_77_0 .dnb-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-dl__layout--grid dt {
+    max-width: var(--dt-max-width);
+  }
+  .eufemia-scope--10_77_0 .dnb-dl__layout--grid dt:not(:first-of-type) {
+    margin-top: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-dl__layout--grid dd {
+    max-width: var(--dd-max-width);
+    align-self: end;
+  }
+  .eufemia-scope--10_77_0 .dnb-dl__layout--grid dt, .eufemia-scope--10_77_0 .dnb-dl__layout--grid dd, .eufemia-scope--10_77_0 .dnb-dl__layout--grid dd ~ dt {
+    margin: 0;
+  }
+}
+
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ul:not([class*=dnb-space__top]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ol:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ul > li,
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ol > li {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  /* stylelint-disable-next-line */
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ul > li > p,
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ol > li > p {
+  margin-top: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-ul li > ul, .eufemia-scope--10_77_0 .dnb-spacing .dnb-ul:not([class*=dnb-space]) li > ul, .eufemia-scope--10_77_0 .dnb-spacing .dnb-ul li > ol, .eufemia-scope--10_77_0 .dnb-spacing .dnb-ul:not([class*=dnb-space]) li > ol, .eufemia-scope--10_77_0 .dnb-spacing .dnb-ol li > ul, .eufemia-scope--10_77_0 .dnb-spacing .dnb-ol:not([class*=dnb-space]) li > ul, .eufemia-scope--10_77_0 .dnb-spacing .dnb-ol li > ol, .eufemia-scope--10_77_0 .dnb-spacing .dnb-ol:not([class*=dnb-space]) li > ol {
+  margin-top: -0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-dl:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-unstyled-list {
+  list-style-type: none;
+}
+.eufemia-scope--10_77_0 .dnb-unstyled-list:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-unstyled-list:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-unstyled-list:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-unstyled-list:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-unstyled-list:not([class*=dnb-space__left]) {
+  padding-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-unstyled-list > li {
+  list-style-type: none;
+}
+.eufemia-scope--10_77_0 .dnb-unstyled-list > li::before {
+  content: none;
+}
+.eufemia-scope--10_77_0 .dnb-unstyled-list > dl,
+.eufemia-scope--10_77_0 .dnb-unstyled-list > dd {
+  margin-left: 0;
+}
+
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Typography
+ *
+ */
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+.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-default-font-weight: var(--font-weight-medium);
+  --typography-h-xx-large-font-size: var(--font-size-xx-large);
+  --typography-h-xx-large-line-height: var(--line-height-xx-large);
+  --typography-h-xx-large-small-font-size: var(--font-size-x-large);
+  --typography-h-xx-large-small-line-height: var(--line-height-x-large);
+  --typography-h-xx-large-weight: var(--font-weight-medium);
+  --typography-h-x-large-font-size: var(--font-size-x-large);
+  --typography-h-x-large-line-height: var(--line-height-x-large);
+  --typography-h-x-large-small-font-size: var(--font-size-large);
+  --typography-h-x-large-small-line-height: var(--line-height-large);
+  --typography-h-x-large-weight: var(--font-weight-medium);
+  --typography-h-large-font-size: var(--font-size-large);
+  --typography-h-large-line-height: var(--line-height-large);
+  --typography-h-large-small-font-size: var(--font-size-medium);
+  --typography-h-large-small-line-height: var(--line-height-medium);
+  --typography-h-large-weight: var(--font-weight-medium);
+  --typography-lead-font-size: var(--font-size-lead);
+  --typography-lead-line-height: var(--line-height-lead);
+  --typography-lead-small-font-size: var(--font-size-lead);
+  --typography-lead-small-line-height: var(--line-height-lead);
+  --typography-lead-weight: var(--font-weight-medium);
+  --typography-h-medium-font-size: var(--font-size-medium);
+  --typography-h-medium-line-height: var(--line-height-medium);
+  --typography-h-medium-small-font-size: var(--font-size-basis);
+  --typography-h-medium-small-line-height: var(--line-height-basis);
+  --typography-h-medium-weight: var(--font-weight-medium);
+  --typography-h-basis-font-size: var(--font-size-basis);
+  --typography-h-basis-line-height: var(--line-height-basis);
+  --typography-h-basis-small-font-size: var(--font-size-small);
+  --typography-h-basis-small-line-height: var(--line-height-small);
+  --typography-h-basis-weight: var(--font-weight-medium);
+  --typography-h-basis-font-family: var(--font-family-default);
+  --typography-h-small-font-size: var(--font-size-small);
+  --typography-h-small-line-height: var(--line-height-small);
+  --typography-h-small-small-font-size: var(--font-size-x-small);
+  --typography-h-small-small-line-height: var(--line-height-x-small);
+  --typography-h-small-weight: var(--font-weight-medium);
+  --typography-h-small-font-family: var(--font-family-default);
+  --typography-h-x-small-font-size: var(--font-size-x-small);
+  --typography-h-x-small-line-height: var(--line-height-x-small);
+  --typography-h-x-small-weight: var(--font-weight-medium);
+  --typography-h-x-small-font-family: var(--font-family-default);
+}
+
+.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 {
+  padding: 0;
+  font-family: var(--font-family-heading);
+}
+.eufemia-scope--10_77_0 .dnb-lead:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-h--xx-large:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-h--x-large:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-h--large:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-h--medium:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-h--basis:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-h--small:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-h--x-small:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-lead:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-h--xx-large:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-h--x-large:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-h--large:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-h--medium:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-h--basis:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-h--small:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-h--x-small:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-lead:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-h--xx-large:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-h--x-large:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-h--large:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-h--medium:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-h--basis:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-h--small:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-h--x-small:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small:not([class*=space__left]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-lead:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-h--xx-large:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-h--x-large:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-h--large:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-h--medium:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-h--basis:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-h--small:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-h--x-small:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small:not([class*=space__right]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-lead .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-h--xx-large .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-h--x-large .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-h--large .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-h--medium .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-h--basis .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-h--small .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-h--x-small .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small .dnb-icon--default,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small .dnb-icon--default {
+  font-size: 1em;
+}
+.eufemia-scope--10_77_0 .dnb-lead .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-h--xx-large .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-h--x-large .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-h--large .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-h--medium .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-h--basis .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-h--small .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-h--x-small .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small .dnb-icon--medium,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small .dnb-icon--medium {
+  font-size: 1.5em;
+}
+.eufemia-scope--10_77_0 .dnb-lead a,
+.eufemia-scope--10_77_0 .dnb-lead .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-h--xx-large a,
+.eufemia-scope--10_77_0 .dnb-h--xx-large .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-h--x-large a,
+.eufemia-scope--10_77_0 .dnb-h--x-large .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-h--large a,
+.eufemia-scope--10_77_0 .dnb-h--large .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-h--medium a,
+.eufemia-scope--10_77_0 .dnb-h--medium .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-h--basis a,
+.eufemia-scope--10_77_0 .dnb-h--basis .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-h--small a,
+.eufemia-scope--10_77_0 .dnb-h--small .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-h--x-small a,
+.eufemia-scope--10_77_0 .dnb-h--x-small .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead a,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large a,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large a,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large a,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium a,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis a,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small a,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small .dnb-anchor,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small a,
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small .dnb-anchor {
+  padding-top: 0;
+  padding-bottom: 0.03125rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-small {
+  font-size: var(--font-size-small);
+}
+
+.eufemia-scope--10_77_0 sup,
+.eufemia-scope--10_77_0 sub {
+  font-size: 0.777777em;
+  line-height: 0.5em;
+}
+
+.eufemia-scope--10_77_0 .dnb-p {
+  font-size: var(--font-size-basis);
+  padding: 0;
+}
+.eufemia-scope--10_77_0 .dnb-p:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-p:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-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-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-p b,
+.eufemia-scope--10_77_0 .dnb-p strong {
+  font-weight: var(--font-weight-medium);
+}
+.eufemia-scope--10_77_0 .dnb-p--medium {
+  font-weight: var(--font-weight-medium);
+}
+.eufemia-scope--10_77_0 .dnb-p--bold {
+  font-weight: var(--font-weight-bold);
+}
+.eufemia-scope--10_77_0 .dnb-p__size--xx-large {
+  font-size: var(--font-size-xx-large);
+  line-height: var(--line-height-xx-large);
+}
+.eufemia-scope--10_77_0 .dnb-p__size--x-large {
+  font-size: var(--font-size-x-large);
+  line-height: var(--line-height-x-large);
+}
+.eufemia-scope--10_77_0 .dnb-p__size--large {
+  font-size: var(--font-size-large);
+  line-height: var(--line-height-large);
+}
+.eufemia-scope--10_77_0 .dnb-p__size--basis {
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-p__size--medium {
+  font-size: var(--font-size-medium);
+  line-height: var(--line-height-medium);
+}
+.eufemia-scope--10_77_0 .dnb-p--small, .eufemia-scope--10_77_0 .dnb-p__size--small {
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
+}
+.eufemia-scope--10_77_0 .dnb-p--x-small, .eufemia-scope--10_77_0 .dnb-p__size--x-small {
+  font-size: var(--font-size-x-small);
+  line-height: var(--line-height-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-p > small {
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
+}
+.eufemia-scope--10_77_0 .dnb-p > cite {
+  font-weight: var(--font-weight-medium);
+  line-height: var(--line-height-basis);
+  font-style: italic;
+}
+
+/*
+ * Typography
+ * Universal set of helper classes that do not have a specific element. 
+ * The class ".dnb-t" does nothing, only it's modifiers ".dnb-t__[***]" do.
+ */
+.eufemia-scope--10_77_0 .dnb-t__size--xx-large {
+  font-size: var(--font-size-xx-large);
+}
+.eufemia-scope--10_77_0 .dnb-t__size--x-large {
+  font-size: var(--font-size-x-large);
+}
+.eufemia-scope--10_77_0 .dnb-t__size--large {
+  font-size: var(--font-size-large);
+}
+.eufemia-scope--10_77_0 .dnb-t__size--medium {
+  font-size: var(--font-size-medium);
+}
+.eufemia-scope--10_77_0 .dnb-t__size--basis {
+  font-size: var(--font-size-basis);
+}
+.eufemia-scope--10_77_0 .dnb-t__size--small {
+  font-size: var(--font-size-small);
+}
+.eufemia-scope--10_77_0 .dnb-t__size--x-small {
+  font-size: var(--font-size-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-t__line-height--xx-large {
+  line-height: var(--line-height-xx-large);
+}
+.eufemia-scope--10_77_0 .dnb-t__line-height--x-large {
+  line-height: var(--line-height-x-large);
+}
+.eufemia-scope--10_77_0 .dnb-t__line-height--large {
+  line-height: var(--line-height-large);
+}
+.eufemia-scope--10_77_0 .dnb-t__line-height--medium {
+  line-height: var(--line-height-medium);
+}
+.eufemia-scope--10_77_0 .dnb-t__line-height--basis {
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-t__line-height--small {
+  line-height: var(--line-height-small);
+}
+.eufemia-scope--10_77_0 .dnb-t__line-height--x-small {
+  line-height: var(--line-height-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-t__weight--regular {
+  font-weight: var(--font-weight-regular);
+}
+.eufemia-scope--10_77_0 .dnb-t__weight--medium {
+  font-weight: var(--font-weight-medium);
+}
+.eufemia-scope--10_77_0 .dnb-t__weight--bold {
+  font-weight: var(--font-weight-bold);
+}
+.eufemia-scope--10_77_0 .dnb-t__align--center {
+  text-align: center;
+}
+.eufemia-scope--10_77_0 .dnb-t__align--left {
+  text-align: left;
+}
+.eufemia-scope--10_77_0 .dnb-t__align--right {
+  text-align: right;
+}
+.eufemia-scope--10_77_0 .dnb-t__family--default {
+  font-family: var(--font-family-default);
+}
+.eufemia-scope--10_77_0 .dnb-t__family--heading {
+  font-family: var(--font-family-heading);
+}
+.eufemia-scope--10_77_0 .dnb-t__family--monospace {
+  font-family: var(--font-family-monospace);
+}
+.eufemia-scope--10_77_0 .dnb-t__decoration--underline {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+.eufemia-scope--10_77_0 .dnb-t__slant--italic {
+  font-style: italic;
+}
+
+.eufemia-scope--10_77_0 .dnb-table b,
+.eufemia-scope--10_77_0 .dnb-table strong {
+  font-weight: var(--font-weight-medium);
+}
+
+.eufemia-scope--10_77_0 .dnb-h--xx-large {
+  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-h--xx-large > 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-h--xx-large > small {
+  display: block;
+}
+
+.eufemia-scope--10_77_0 .dnb-h--x-large {
+  font-size: var(--typography-h-x-large-font-size);
+  line-height: var(--typography-h-x-large-line-height);
+  font-weight: var(--typography-h-x-large-weight);
+}
+.eufemia-scope--10_77_0 .dnb-h--x-large > small {
+  font-size: var(--typography-h-x-large-small-font-size);
+  line-height: var(--typography-h-x-large-small-line-height);
+}
+.eufemia-scope--10_77_0 .dnb-h--x-large > small {
+  display: block;
+}
+
+.eufemia-scope--10_77_0 .dnb-h--large {
+  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-h--large > 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-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-lead > small {
+  font-size: var(--typography-lead-small-font-size);
+  line-height: var(--typography-lead-small-line-height);
+}
+
+.eufemia-scope--10_77_0 .dnb-h--medium {
+  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-h--medium > 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-h--basis {
+  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-h--basis > 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-h--small {
+  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-h--small > 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-h--x-small {
+  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-spacing .dnb-h--xx-large:not([class*=space__top]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]) {
+  margin-top: 3rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]) {
+  margin-bottom: 2.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--x-large:not([class*=space__top]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]) {
+  margin-top: 3rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]) {
+  margin-bottom: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--large:not([class*=space__top]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]) {
+  margin-top: 3rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--large:not([class*=space__bottom]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]) {
+  margin-bottom: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-lead:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--medium:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--basis:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--small:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--x-small:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]) {
+  margin-top: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-lead:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--small:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]) {
+  margin-bottom: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-p:not([class*=dnb-space__top]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]) {
+  margin-bottom: 1.5rem;
+}
+
+/**
+ * NB: The content below is auto generated by the "themeFactory".
+ * You may want to update it by running "yarn build" locally.
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-blockquote {
+  --blockquote-padding-top: 1.5rem;
+  --blockquote-padding-bottom: 2rem;
+  --blockquote-quote-padding: 5.5rem;
+  --blockquote-cite-style: normal;
+  background-color: var(--sb-color-violet-light-4);
+  border-radius: 1.125rem;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-blockquote {
+    --blockquote-padding-bottom: 1.5rem;
+    --blockquote-quote-size: 2rem;
+    --blockquote-quote-padding: 4rem;
+  }
+  .eufemia-scope--10_77_0 .dnb-blockquote.dnb-blockquote--top {
+    --blockquote-padding-top: 1rem;
+  }
+  .eufemia-scope--10_77_0 .dnb-blockquote:not(.dnb-blockquote--top) {
+    --blockquote-padding-left: 1rem;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-blockquote::before {
+  filter: brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(6711%) hue-rotate(265deg) brightness(71%) contrast(115%);
+}
+.eufemia-scope--10_77_0 .dnb-blockquote.dnb-blockquote--no-background::before {
+  filter: brightness(0) saturate(100%) invert(12%) sepia(4%) saturate(6079%) hue-rotate(204deg) brightness(78%) contrast(99%);
+}
+
+.eufemia-scope--10_77_0 .dnb-code {
+  background-color: var(--sb-color-blue-light-3);
+  border-radius: 0.25rem;
+  box-shadow: inset 0 0 0 0.0625rem var(--sb-color-blue-light-2);
+}
+
+.eufemia-scope--10_77_0 .dnb-pre {
+  color: var(--color-mint-green-12);
+  background-color: #222;
+}
+.eufemia-scope--10_77_0 .dnb-pre.dnb-pre--focus {
+  --border-color: var(--sb-color-green);
+  --border-width: 0.25rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+
+/*
+ * Core Styles
+ * Mainly only the margins are defined in here
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-p {
+  color: var(--sb-color-text);
+}
+
+.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(--sb-color-text);
+}
+
+.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(--sb-color-text);
+  font-feature-settings: none;
+  font-variant-ligatures: none;
+}
+
+.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-weight: var(--font-weight-regular);
+  --typography-h-x-large-weight: var(--font-weight-regular);
+  --typography-h-large-small-font-size: var(--sb-font-size-medium--plus);
+  --typography-h-large-weight: var(--font-weight-regular);
+  --typography-lead-small-font-size: var(--font-size-basis);
+  --typography-lead-small-line-height: var(--line-height-basis);
+  --typography-lead-weight: var(--font-weight-regular);
+  --typography-h-medium-font-size: var(--sb-font-size-medium--plus);
+  --typography-h-medium-small-font-size: var(--font-size-medium);
+  --typography-h-medium-weight: var(--font-weight-regular);
+}
+@media screen and (max-width: 40em) {
+  .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-font-size: var(--font-size-x-large);
+    --typography-h-xx-large-line-height: var(--line-height-x-large);
+    --typography-h-xx-large-small-font-size: var(--font-size-large);
+    --typography-h-xx-large-small-line-height: var(--line-height-large);
+    --typography-h-x-large-font-size: var(--font-size-large);
+    --typography-h-x-large-line-height: var(--line-height-large);
+    --typography-h-x-large-small-font-size: var(
+      --sb-font-size-medium--plus
+    );
+    --typography-h-x-large-small-line-height: var(--line-height-medium);
+    --typography-h-large-font-size: var(--sb-font-size-medium--plus);
+    --typography-h-large-line-height: var(--line-height-medium);
+    --typography-h-large-small-font-size: var(--font-size-medium);
+    --typography-h-large-small-line-height: var(--line-height-lead);
+    --typography-h-medium-font-size: var(--font-size-medium);
+    --typography-h-medium-line-height: var(--line-height-lead);
+    --typography-h-medium-small-font-size: var(--font-size-basis);
+    --typography-h-medium-small-line-height: var(--line-height-basis);
+  }
+}
+
+.eufemia-scope--10_77_0 .dnb-hr {
+  --hr-color: var(--color-black-8);
+}
+
+.eufemia-scope--10_77_0 .dnb-img[alt]::after {
+  color: var(--color-black-80);
+  background-color: var(--color-black-8);
+}
+.eufemia-scope--10_77_0 .dnb-img__img--error {
+  color: var(--color-black-80);
+  background-color: var(--color-black-8);
+}
+
+.eufemia-scope--10_77_0 .dnb-label {
+  color: var(--color-black-80);
+}
+
+.eufemia-scope--10_77_0 .dnb-ul {
+  color: var(--theme-color-black-80, currentColor);
+}
+
+.eufemia-scope--10_77_0 .dnb-ol {
+  color: var(--theme-color-black-80, currentColor);
+}
+
+.eufemia-scope--10_77_0 .dnb-dl {
+  color: var(--theme-color-black-80, currentColor);
+}
+
+/*
+ *  Global rules, a place to put rules, overrides and customizations that don't fit elsewhere.
+ */
+/**
+ * Sbanken UI Theme
+ * Overrides css variables from the ui theme
+ */
+/*
+ * CSS Properties Ui
+ *
+ */
+.eufemia-scope--10_77_0 {
+  --font-family-default: "DNB", sans-serif;
+  --font-family-heading: var(--font-family-default);
+  --font-family-monospace: "DNBMono", "Menlo", "Consolas", "Roboto Mono",
+    "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono",
+    monospace;
+  --font-weight-default: normal;
+  --font-weight-basis: normal;
+  --font-weight-regular: normal;
+  --font-weight-medium: 500;
+  --font-weight-bold: 600;
+  --font-size-x-small: 0.875rem;
+  --font-size-small: 1rem;
+  --font-size-basis: 1.125rem;
+  --font-size-basis--em: 1em;
+  --font-size-lead: var(--font-size-medium);
+  --font-size-medium: 1.25rem;
+  --font-size-large: 1.625rem;
+  --font-size-x-large: 2.125rem;
+  --font-size-xx-large: 3rem;
+  --line-height-xx-small--em: 1em;
+  --line-height-x-small: 1.125rem;
+  --line-height-small: 1.25rem;
+  --line-height-basis: 1.5rem;
+  --line-height-basis--em: 1.333em;
+  --line-height-lead: 1.5rem;
+  --line-height-medium: 2rem;
+  --line-height-large: 2.5rem;
+  --line-height-x-large: 3.5rem;
+  --line-height-xx-large: var(--line-height-x-large);
+  --color-mint-green-50: #d2f0e9;
+  --color-mint-green-25: #e9f8f4;
+  --color-mint-green-12: #f4fbf9;
+  --color-sea-green-30: #b3d5d5;
+  --color-accent-yellow-30: #feebc1;
+  --color-signal-orange: #ff5400;
+  --color-fire-red: #dc2a2a;
+  --color-success-green: #007b5e;
+  --color-fire-red-8: #fdeeee;
+  --color-black: #000;
+  --color-black-80: #333;
+  --color-black-55: #737373;
+  --color-black-20: #ccc;
+  --color-black-8: #ebebeb;
+  --color-black-3: #f8f8f8;
+  --color-white: #fff;
+  --color-black-border: #cdcdcd;
+  --color-black-background: #fafafa;
+  --color-sea-green: #007272;
+  --color-mint-green: #a5e1d2;
+  --color-summer-green: #28b482;
+  --color-emerald-green: #14555a;
+  --color-ocean-green: #00343e;
+  --color-accent-yellow: #fdbb31;
+  --color-indigo: #23195a;
+  --color-violet: #6e2382;
+  --color-sky-blue: #4bbed2;
+  --color-lavender: #f2f2f5;
+  --color-sand-yellow: #fbf6ec;
+  --color-pistachio: #f2f4ec;
+  --color-mint-green-alt: #ebfffa;
+  --color-indigo-medium: #6e6491;
+  --color-indigo-light: #b9afc8;
+  --color-violet-medium: #a06eaf;
+  --color-violet-light: #cfb9d7;
+  --color-sky-blue-medium: #87d2e1;
+  --color-sky-blue-light: #c3ebf0;
+  --spacing-xx-small: 0.25rem;
+  --spacing-x-small: 0.5rem;
+  --spacing-small: 1rem;
+  --spacing-medium: 1.5rem;
+  --spacing-large: 2rem;
+  --spacing-x-large: 3rem;
+  --spacing-xx-large: 3.5rem;
+  --layout-small: 40em;
+  --layout-medium: 60em;
+  --layout-large: 72em;
+  --layout-x-large: 80em;
+  --layout-xx-large: 90em;
+  --shadow-default: 0 8px 16px rgb(51 51 51 / 8%);
+  --shadow-default-x: 0;
+  --shadow-default-y: 8px;
+  --shadow-default-blur-radius: 16px;
+  --shadow-default-color: rgb(51 51 51 / 8%);
+  --easing-default: cubic-bezier(0.42, 0, 0, 1);
+  --text-block-max-width: 60ch;
+}
+
+.eufemia-scope--10_77_0 .eufemia-theme__sbanken,
+.eufemia-scope--10_77_0 :root {
+  --theme-color-body: var(--sb-color-text);
+  --font-family-default: var(--sb-font-family-default);
+  --font-family-heading: var(--sb-font-family-heading);
+  --font-weight-medium: var(--sb-font-weight-medium);
+  --font-weight-bold: var(--sb-font-weight-bold);
+  --font-size-x-small: var(--sb-font-size-x-small);
+  --font-size-small: var(--sb-font-size-small);
+  --font-size-basis: var(--sb-font-size-basis);
+  --font-size-basis--em: var(--sb-font-size-basis--em);
+  --font-size-lead: var(--sb-font-size-lead);
+  --font-size-medium: var(--sb-font-size-medium);
+  --font-size-large: var(--sb-font-size-large);
+  --font-size-x-large: var(--sb-font-size-x-large);
+  --font-size-xx-large: var(--sb-font-size-xx-large);
+  --line-height-x-small: var(--sb-line-height-x-small);
+  --line-height-small: var(--sb-line-height-small);
+  --line-height-basis: var(--sb-line-height-basis);
+  --line-height-basis--em: var(--sb-line-height-basis--em);
+  --line-height-lead: var(--sb-line-height-lead);
+  --line-height-medium: var(--sb-line-height-medium);
+  --line-height-large: var(--sb-line-height-large);
+  --line-height-x-large: var(--sb-line-height-x-large);
+  --line-height-xx-large: var(--sb-line-height-xx-large);
+}
+
+.eufemia-scope--10_77_0 {
+  --focus-ring-width: 0.1875rem;
+  --focus-ring-color: var(--sb-color-blue-dark);
+  --scrollbar-track-width: 0.5rem;
+  --scrollbar-thumb-width: 0.5rem;
+  --scrollbar-track-color: var(--sb-color-gray-light-2);
+  --scrollbar-thumb-color: var(--sb-color-gray-dark-3);
+  --scrollbar-thumb-hover-color: var(--sb-color-purple);
+  --skip-link-color: var(--sb-color-blue-dark);
+  --skip-link-color--hover: var(--sb-color-purple-alternative);
+  --skip-link-color--active: var(--sb-color-purple-alternative);
+  --skip-link-background: var(--sb-color-blue-light-3);
+  --skip-link-background--hover: var(--sb-color-green);
+  --skip-link-background--active: var(--sb-color-white);
+}
+
+.eufemia-scope--10_77_0 .dnb-selection::selection,
+.eufemia-scope--10_77_0 .dnb-selection ::selection,
+.eufemia-scope--10_77_0 [class^=dnb-]::selection,
+.eufemia-scope--10_77_0 [class^=dnb-] ::selection {
+  background-color: var(--sb-color-blue-light-2, #bfe3ff);
+  color: var(--sb-color-black, #000);
+  text-shadow: none;
+}