@dnb/eufemia 10.2.0 → 10.3.0

package/es/style/themes/theme-eiendom/eiendom-theme-elements.css

@@ -1,1020 +1,23 @@
-@charset "UTF-8";
 /**
  * DNB Eufemia UI Theme
  *
  */
 /**
- * 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
- *
- */
-.dnb-blockquote {
-  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;
-}
-.dnb-blockquote:not([class*=dnb-space]) {
-  margin: 0;
-}
-.dnb-blockquote::before {
-  content: "";
-  position: absolute;
-  top: 2rem;
-  left: 1.5rem;
-  width: 3em;
-  height: 3em;
-  background-size: cover;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+ICA8cGF0aCBmaWxsPSIjQTVFMUQyIiBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0zNy41IDI3LjVhOSA5IDAgMSAwIDAtMTggOSA5IDAgMCAwIDAgMTh6Ii8+ICA8cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik00Ni41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz4gIDxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz4gIDxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTIyLjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjwvc3ZnPg==");
-}
-.dnb-blockquote, .dnb-blockquote.dnb-blockquote--left {
-  padding-left: 6rem;
-  padding-top: 2rem;
-  padding-bottom: 3rem;
-}
-.dnb-blockquote.dnb-blockquote--top {
-  padding-left: 1.5rem;
-  padding-top: 6rem;
-  padding-bottom: 3rem;
-}
-.dnb-blockquote.dnb-blockquote--no-background {
-  background-color: transparent;
-}
-.dnb-blockquote .dnb-cite,
-.dnb-blockquote .dnb-figcaption,
-.dnb-blockquote cite,
-.dnb-blockquote footer,
-.dnb-blockquote figcaption {
-  display: block;
-  margin-top: 1rem;
-  font-weight: var(--font-weight-medium);
-  line-height: var(--line-height-basis);
-  font-style: italic;
-}
-.dnb-blockquote .dnb-cite::before,
-.dnb-blockquote .dnb-figcaption::before,
-.dnb-blockquote cite::before,
-.dnb-blockquote footer::before,
-.dnb-blockquote figcaption::before {
-  content: "—";
-  display: inline-block;
-  padding-right: 0.5rem;
-}
-.dnb-spacing .dnb-blockquote h1, .dnb-spacing .dnb-blockquote h2, .dnb-spacing .dnb-blockquote h3, .dnb-spacing .dnb-blockquote .dnb-h--xx-large, .dnb-spacing .dnb-blockquote .dnb-h--large, .dnb-spacing .dnb-blockquote .dnb-h--medium, .dnb-spacing .dnb-blockquote .dnb-lead {
-  margin: 0;
-}
-.dnb-blockquote .dnb-anchor {
-  font-size: inherit;
-}
-
-.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]) {
-  margin-top: 0;
-}
-.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]) {
-  margin-bottom: 1.5rem;
-}
-.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
- */
-.dnb-code {
-  display: inline-block;
-  padding: 0.25em; /* 2px 4px */
-  font-size: inherit;
-  text-decoration: inherit;
-  line-height: var(--line-height-xx-small--em);
-  color: inherit;
-  border-radius: 0.1875em;
-}
-del .dnb-code {
-  text-decoration: line-through;
-}
-.dnb-code:not([class*=dnb-space]) {
-  margin: -0.25em 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;
-  -moz-tab-size: 2;
-       tab-size: 2;
-  font-size: inherit;
-  font-family: var(--font-family-monospace);
-}
-.dnb-pre:not([class*=dnb-space]) {
-  margin: 0;
-}
-.dnb-pre pre {
-  padding: 1rem;
-}
-.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]) {
-  margin-top: 0;
-}
-.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]) {
-  margin-bottom: 1.5rem;
-}
-
-.dnb-spacing .dnb-pre:not([class*=dnb-space__top]) {
-  margin-top: 0;
-}
-.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]) {
-  margin-bottom: 1.5rem;
-}
-
-.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
- *
- */
-.dnb-hr {
-  position: relative;
-  padding: 0;
-  height: 0;
-  display: flex;
-  border: 0;
-}
-.dnb-hr:not([class*=dnb-space]) {
-  margin: 0;
-}
-.dnb-hr::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  left: 0;
-  right: 0;
-  top: 0;
-  width: 100%;
-  height: 1px;
-  color: inherit;
-  background-color: currentcolor;
-  border-radius: 0.5px;
-}
-.dnb-hr--fullscreen::after {
-  left: -100vw;
-  width: 200vw;
-}
-.dnb-hr--light::after {
-  border-radius: 0.25px;
-  /* 
-  * 60% and 65% for best result on low res screens, like on Chromebook (Acer)
-  * Else the line will dissapear!
-  */
-  background-image: linear-gradient(to bottom, currentcolor 60%, transparent 65%);
-  background-size: 100% 1px;
-  background-color: transparent;
-}
-.dnb-hr--medium::after {
-  height: 2px;
-  border-radius: 0.75px;
-  /* Revert the hairline halv */
-  background-image: linear-gradient(to bottom, currentcolor 51%, transparent 51%);
-  background-size: 100% 3px;
-  background-color: transparent;
-}
-
-.dnb-spacing .dnb-hr:not([class*=dnb-space__top]) {
-  margin-top: 0;
-}
-.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]) {
-  margin-bottom: 1.5rem;
-}
-
-/*
- * Image
- *
- */
-/*
- * Image
- *
- */
-.dnb-img {
-  display: inline-flex;
-  flex-direction: column;
-  padding: 0;
-  text-align: center;
-  align-items: center;
-}
-.dnb-img:not([class*=dnb-space]) {
-  margin: 0;
-}
-.dnb-img img,
-.dnb-img figcaption {
-  font-size: var(--font-size-basis);
-}
-.dnb-img img {
-  position: relative;
-  z-index: 2;
-  box-sizing: content-box;
-  max-width: 100%;
-  border-style: none;
-  border-radius: inherit;
-}
-.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;
-}
-.dnb-img figcaption {
-  margin-top: 0.5rem;
-}
-
-/*
- * Label
- *
- */
-.dnb-label {
-  cursor: pointer;
-  overflow-wrap: break-word;
-}
-.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
- */
-.dnb-ul {
-  padding: 0;
-  font-size: var(--font-size-basis);
-  line-height: var(--line-height-basis);
-}
-.dnb-ul:not([class*=dnb-space]) {
-  margin: 0;
-}
-.dnb-ul:not([class*=dnb-space__left]) {
-  padding-left: 2rem;
-}
-.dnb-ul ul, .dnb-ul ol {
-  margin-top: 0;
-  margin-bottom: 1.5rem;
-  padding-left: 2rem;
-}
-.dnb-ul li, .dnb-ul--outside li {
-  position: relative;
-}
-.dnb-ul li::before, .dnb-ul--outside li::before {
-  position: absolute;
-  left: -10rem;
-  width: 10rem;
-  padding-right: 0.25rem;
-  text-align: right;
-}
-.dnb-ul--inside li::before {
-  position: relative;
-  left: 0;
-  width: auto;
-  padding-right: 0;
-  text-align: initial;
-}
-.dnb-ul .dnb-anchor {
-  font-size: inherit;
-}
-.dnb-ul li {
-  display: list-item;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.dnb-ol {
-  padding: 0;
-  font-size: var(--font-size-basis);
-  line-height: var(--line-height-basis);
-}
-.dnb-ol:not([class*=dnb-space]) {
-  margin: 0;
-}
-.dnb-ol:not([class*=dnb-space__left]) {
-  padding-left: 2rem;
-}
-.dnb-ol ul, .dnb-ol ol {
-  margin-top: 0;
-  margin-bottom: 1.5rem;
-  padding-left: 2rem;
-}
-.dnb-ol li, .dnb-ol--outside li {
-  position: relative;
-}
-.dnb-ol li::before, .dnb-ol--outside li::before {
-  position: absolute;
-  left: -10rem;
-  width: 10rem;
-  padding-right: 0.25rem;
-  text-align: right;
-}
-.dnb-ol--inside li::before {
-  position: relative;
-  left: 0;
-  width: auto;
-  padding-right: 0;
-  text-align: initial;
-}
-.dnb-ol .dnb-anchor {
-  font-size: inherit;
-}
-.dnb-ol li {
-  display: list-item;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.dnb-ol ul, .dnb-ol ol {
-  margin-top: 0;
-  margin-bottom: 1.5rem;
-  padding-left: 2rem;
-}
-.dnb-ol li, .dnb-ol--outside li {
-  position: relative;
-}
-.dnb-ol li::before, .dnb-ol--outside li::before {
-  position: absolute;
-  left: -10rem;
-  width: 10rem;
-  padding-right: 0.25rem;
-  text-align: right;
-}
-.dnb-ol--inside li::before {
-  position: relative;
-  left: 0;
-  width: auto;
-  padding-right: 0;
-  text-align: initial;
-}
-.dnb-ol .dnb-anchor {
-  font-size: inherit;
-}
-.dnb-ol li {
-  list-style-type: decimal;
-}
-.dnb-ol--nested, .dnb-ol--nested ol {
-  counter-reset: item;
-}
-.dnb-ol--nested li {
-  display: block;
-}
-.dnb-ol--nested li::before {
-  content: counters(item, ".") ". ";
-  counter-increment: item;
-}
-.dnb-ol--nested li li::before {
-  content: counters(item, ".") " ";
-  counter-increment: item;
-}
-.dnb-ol[type] li {
-  display: list-item;
-  list-style-type: inherit;
-}
-.dnb-ol[type] li::before, .dnb-ol[type] li li::before {
-  content: none;
-}
-
-.dnb-dl {
-  padding: 0;
-  font-size: var(--font-size-basis);
-  line-height: var(--line-height-basis);
-}
-.dnb-dl:not([class*=dnb-space__top]) {
-  margin-top: 0;
-}
-.dnb-dl:not([class*=dnb-space__bottom]) {
-  margin-bottom: 0;
-}
-.dnb-dl dt {
-  margin-top: 1rem;
-  padding: 0;
-  font-weight: var(--font-weight-medium);
-}
-.dnb-dl dd ~ dt {
-  margin-top: 1.5rem;
-}
-.dnb-dl dd {
-  padding: 0;
-  margin: 0.5rem 0 1rem;
-}
-.dnb-dl > dd > dl, .dnb-dl:not([class*=dnb-space]) > dd > dl {
-  margin-top: 1.5rem;
-  margin-left: 2rem;
-}
-@media screen and (min-width: 40em) {
-  .dnb-dl__direction--horizontal {
-    display: flex;
-    flex-wrap: wrap;
-  }
-  .dnb-dl__direction--horizontal dt {
-    margin-right: 1rem;
-    max-width: 40%;
-  }
-  .dnb-dl__direction--horizontal dd {
-    width: calc(60% - 1rem);
-  }
-  .dnb-dl__direction--horizontal dt, .dnb-dl__direction--horizontal dd, .dnb-dl__direction--horizontal dd ~ dt {
-    margin-top: 0.5rem;
-    margin-bottom: 0;
-  }
-  .dnb-dl__direction--horizontal dt:first-of-type, .dnb-dl__direction--horizontal dd:first-of-type, .dnb-dl__direction--horizontal dd ~ dt:first-of-type {
-    margin-top: 0;
-  }
-  .dnb-dl dd.dnb-dl__item {
-    flex-basis: 100%;
-    height: 0;
-    margin: 0;
-  }
-}
-
-.dnb-spacing .dnb-ul:not([class*=dnb-space__top]),
-.dnb-spacing .dnb-ol:not([class*=dnb-space__top]) {
-  margin-top: 0;
-}
-.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]),
-.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]) {
-  margin-bottom: 1.5rem;
-}
-.dnb-spacing .dnb-ul > li,
-.dnb-spacing .dnb-ol > li {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  /* stylelint-disable-next-line */
-}
-.dnb-spacing .dnb-ul > li > p,
-.dnb-spacing .dnb-ol > li > p {
-  margin-top: 1rem;
-}
-.dnb-spacing .dnb-ul li > ul, .dnb-spacing .dnb-ul:not([class*=dnb-space]) li > ul, .dnb-spacing .dnb-ul li > ol, .dnb-spacing .dnb-ul:not([class*=dnb-space]) li > ol,
-.dnb-spacing .dnb-ol li > ul,
-.dnb-spacing .dnb-ol:not([class*=dnb-space]) li > ul,
-.dnb-spacing .dnb-ol li > ol,
-.dnb-spacing .dnb-ol:not([class*=dnb-space]) li > ol {
-  margin-top: -0.5rem;
-}
-.dnb-spacing .dnb-dl:not([class*=dnb-space__top]) {
-  margin-top: 0;
-}
-.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]) {
-  margin-bottom: 1.5rem;
-}
-
-.dnb-unstyled-list {
-  list-style-type: none;
-}
-.dnb-unstyled-list:not([class*=dnb-space]) {
-  margin: 0;
-}
-.dnb-unstyled-list:not([class*=dnb-space__left]) {
-  padding-left: 0;
-}
-.dnb-unstyled-list > li {
-  list-style-type: none;
-}
-.dnb-unstyled-list > li::before {
-  content: none;
-}
-.dnb-unstyled-list > dl,
-.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
- *
- */
-.dnb-small {
-  font-size: var(--font-size-small);
-}
-
-sup,
-sub {
-  font-size: 0.777777em;
-  line-height: 0.5em;
-}
-
-.dnb-p {
-  font-size: var(--font-size-basis);
-  padding: 0;
-}
-.dnb-p:not([class*=space__top]) {
-  margin-top: 0;
-}
-.dnb-p:not([class*=space__bottom]) {
-  margin-bottom: 0;
-}
-.dnb-p--lead {
-  font-size: var(--font-size-medium);
-  line-height: var(--line-height-lead);
-  font-weight: var(--font-weight-medium);
-}
-.dnb-p--lead > small {
-  font-size: var(--font-size-basis);
-  line-height: var(--line-height-basis);
-}
-.dnb-p--medium {
-  font-weight: var(--font-weight-medium);
-}
-.dnb-p b,
-.dnb-p strong {
-  font-weight: var(--font-weight-medium);
-}
-.dnb-p--bold {
-  font-weight: var(--font-weight-bold);
-}
-.dnb-p__size--xx-large {
-  font-size: var(--font-size-xx-large);
-  line-height: var(--line-height-x-large);
-}
-.dnb-p__size--x-large {
-  font-size: var(--font-size-x-large);
-  line-height: var(--line-height-x-large);
-}
-.dnb-p__size--large {
-  font-size: var(--font-size-large);
-  line-height: var(--line-height-large);
-}
-.dnb-p__size--basis {
-  font-size: var(--font-size-basis);
-  line-height: var(--line-height-basis);
-}
-.dnb-p__size--medium {
-  font-size: var(--font-size-medium);
-  line-height: var(--line-height-medium);
-}
-.dnb-p--small, .dnb-p__size--small, .dnb-p > small {
-  font-size: var(--font-size-small);
-  line-height: var(--line-height-small);
-}
-.dnb-p--x-small, .dnb-p__size--x-small {
-  font-size: var(--font-size-x-small);
-  line-height: var(--line-height-x-small);
-}
-.dnb-p > cite {
-  font-weight: var(--font-weight-medium);
-  line-height: var(--line-height-basis);
-  font-style: italic;
-}
-
-.dnb-table b,
-.dnb-table strong {
-  font-weight: var(--font-weight-medium);
-}
-
-.dnb-h--xx-large {
-  font-size: var(--font-size-xx-large);
-  line-height: var(--line-height-x-large);
-}
-.dnb-h--xx-large > small {
-  display: block;
-  font-size: var(--font-size-x-large);
-  line-height: var(--line-height-large);
-}
-
-.dnb-h--x-large {
-  font-size: var(--font-size-x-large);
-  line-height: var(--line-height-large);
-}
-.dnb-h--x-large > small {
-  display: block;
-  font-size: var(--font-size-x-large);
-  line-height: var(--line-height-large);
-}
-
-.dnb-h--large {
-  font-size: var(--font-size-large);
-  line-height: var(--line-height-medium);
-}
-.dnb-h--large > small {
-  font-size: var(--font-size-medium);
-  line-height: calc(var(--line-height-medium) - 0.125rem);
-}
-
-/* dnb-h--medium looks the same as .dnb-lead */
-.dnb-lead,
-.dnb-h--medium {
-  font-size: var(--font-size-medium);
-  line-height: var(--line-height-lead);
-  font-weight: var(--font-weight-medium);
-}
-.dnb-lead > small,
-.dnb-h--medium > small {
-  font-size: var(--font-size-basis);
-  line-height: var(--line-height-basis);
-}
-
-.dnb-h--basis {
-  font-size: var(--font-size-basis);
-  line-height: var(--line-height-basis);
-}
-.dnb-h--basis > small {
-  font-size: var(--font-size-small);
-  line-height: var(--line-height-small);
-}
-
-.dnb-h--small {
-  font-size: var(--font-size-small);
-  line-height: var(--line-height-small);
-}
-.dnb-h--small > small {
-  font-size: var(--font-size-x-small);
-  line-height: var(--line-height-small);
-}
-
-.dnb-h--x-small {
-  font-size: var(--font-size-x-small);
-  line-height: var(--line-height-x-small);
-}
-
-.dnb-lead,
-.dnb-h--xx-large,
-.dnb-h--x-large,
-.dnb-h--large,
-.dnb-h--medium,
-.dnb-h--basis,
-.dnb-h--small,
-.dnb-h--x-small,
-.dnb-core-style .dnb-lead,
-.dnb-core-style .dnb-h--xx-large,
-.dnb-core-style .dnb-h--x-large,
-.dnb-core-style .dnb-h--large,
-.dnb-core-style .dnb-h--medium,
-.dnb-core-style .dnb-h--basis,
-.dnb-core-style .dnb-h--small,
-.dnb-core-style .dnb-h--x-small {
-  padding: 0;
-  font-family: var(--font-family-default);
-  font-weight: var(--font-weight-medium);
-}
-.dnb-lead:not([class*=dnb-space]),
-.dnb-h--xx-large:not([class*=dnb-space]),
-.dnb-h--x-large:not([class*=dnb-space]),
-.dnb-h--large:not([class*=dnb-space]),
-.dnb-h--medium:not([class*=dnb-space]),
-.dnb-h--basis:not([class*=dnb-space]),
-.dnb-h--small:not([class*=dnb-space]),
-.dnb-h--x-small:not([class*=dnb-space]),
-.dnb-core-style .dnb-lead:not([class*=dnb-space]),
-.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),
-.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),
-.dnb-core-style .dnb-h--large:not([class*=dnb-space]),
-.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),
-.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),
-.dnb-core-style .dnb-h--small:not([class*=dnb-space]),
-.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]) {
-  margin: 0;
-}
-.dnb-lead .dnb-icon--default,
-.dnb-h--xx-large .dnb-icon--default,
-.dnb-h--x-large .dnb-icon--default,
-.dnb-h--large .dnb-icon--default,
-.dnb-h--medium .dnb-icon--default,
-.dnb-h--basis .dnb-icon--default,
-.dnb-h--small .dnb-icon--default,
-.dnb-h--x-small .dnb-icon--default,
-.dnb-core-style .dnb-lead .dnb-icon--default,
-.dnb-core-style .dnb-h--xx-large .dnb-icon--default,
-.dnb-core-style .dnb-h--x-large .dnb-icon--default,
-.dnb-core-style .dnb-h--large .dnb-icon--default,
-.dnb-core-style .dnb-h--medium .dnb-icon--default,
-.dnb-core-style .dnb-h--basis .dnb-icon--default,
-.dnb-core-style .dnb-h--small .dnb-icon--default,
-.dnb-core-style .dnb-h--x-small .dnb-icon--default {
-  font-size: 1em;
-}
-.dnb-lead .dnb-icon--medium,
-.dnb-h--xx-large .dnb-icon--medium,
-.dnb-h--x-large .dnb-icon--medium,
-.dnb-h--large .dnb-icon--medium,
-.dnb-h--medium .dnb-icon--medium,
-.dnb-h--basis .dnb-icon--medium,
-.dnb-h--small .dnb-icon--medium,
-.dnb-h--x-small .dnb-icon--medium,
-.dnb-core-style .dnb-lead .dnb-icon--medium,
-.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,
-.dnb-core-style .dnb-h--x-large .dnb-icon--medium,
-.dnb-core-style .dnb-h--large .dnb-icon--medium,
-.dnb-core-style .dnb-h--medium .dnb-icon--medium,
-.dnb-core-style .dnb-h--basis .dnb-icon--medium,
-.dnb-core-style .dnb-h--small .dnb-icon--medium,
-.dnb-core-style .dnb-h--x-small .dnb-icon--medium {
-  font-size: 1.5em;
-}
-.dnb-lead a,
-.dnb-lead .dnb-anchor,
-.dnb-h--xx-large a,
-.dnb-h--xx-large .dnb-anchor,
-.dnb-h--x-large a,
-.dnb-h--x-large .dnb-anchor,
-.dnb-h--large a,
-.dnb-h--large .dnb-anchor,
-.dnb-h--medium a,
-.dnb-h--medium .dnb-anchor,
-.dnb-h--basis a,
-.dnb-h--basis .dnb-anchor,
-.dnb-h--small a,
-.dnb-h--small .dnb-anchor,
-.dnb-h--x-small a,
-.dnb-h--x-small .dnb-anchor,
-.dnb-core-style .dnb-lead a,
-.dnb-core-style .dnb-lead .dnb-anchor,
-.dnb-core-style .dnb-h--xx-large a,
-.dnb-core-style .dnb-h--xx-large .dnb-anchor,
-.dnb-core-style .dnb-h--x-large a,
-.dnb-core-style .dnb-h--x-large .dnb-anchor,
-.dnb-core-style .dnb-h--large a,
-.dnb-core-style .dnb-h--large .dnb-anchor,
-.dnb-core-style .dnb-h--medium a,
-.dnb-core-style .dnb-h--medium .dnb-anchor,
-.dnb-core-style .dnb-h--basis a,
-.dnb-core-style .dnb-h--basis .dnb-anchor,
-.dnb-core-style .dnb-h--small a,
-.dnb-core-style .dnb-h--small .dnb-anchor,
-.dnb-core-style .dnb-h--x-small a,
-.dnb-core-style .dnb-h--x-small .dnb-anchor {
-  padding-top: 0;
-  padding-bottom: 0.03125rem;
-}
-
-.dnb-spacing .dnb-h--xx-large:not([class*=space__top]), .dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]) {
-  margin-top: 3rem;
-}
-.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]), .dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]) {
-  margin-bottom: 2.5rem;
-}
-.dnb-spacing .dnb-h--x-large:not([class*=space__top]), .dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]) {
-  margin-top: 3rem;
-}
-.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]), .dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]) {
-  margin-bottom: 1rem;
-}
-.dnb-spacing .dnb-h--large:not([class*=space__top]), .dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]) {
-  margin-top: 3rem;
-}
-.dnb-spacing .dnb-h--large:not([class*=space__bottom]), .dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]) {
-  margin-bottom: 1rem;
-}
-.dnb-spacing .dnb-lead:not([class*=space__top]),
-.dnb-spacing .dnb-h--medium:not([class*=space__top]),
-.dnb-spacing .dnb-h--basis:not([class*=space__top]),
-.dnb-spacing .dnb-h--small:not([class*=space__top]),
-.dnb-spacing .dnb-h--x-small:not([class*=space__top]), .dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]), .dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]), .dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]), .dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]), .dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]) {
-  margin-top: 2rem;
-}
-.dnb-spacing .dnb-lead:not([class*=space__bottom]),
-.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),
-.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),
-.dnb-spacing .dnb-h--small:not([class*=space__bottom]),
-.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]), .dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]), .dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]), .dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]), .dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]), .dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]) {
-  margin-bottom: 1rem;
-}
-.dnb-spacing .dnb-p:not([class*=dnb-space__top]), .dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]) {
-  margin-top: 0;
-}
-.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]), .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.
- */
-/*
- * Anchor mixins
- *
- */
-/*
- * Utilities
- */
-.dnb-blockquote {
-  color: var(--color-mint-green);
-  background-color: var(--color-ocean-green);
-}
-.dnb-blockquote.dnb-blockquote--no-background {
-  color: var(--theme-color-black-80, currentColor);
-}
-.dnb-blockquote.dnb-blockquote--no-background::before {
-  filter: grayscale(1) brightness(24%);
-}
-.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,
-.dnb-blockquote:not(.dnb-blockquote--no-background) a {
-  color: var(--color-white);
-}
-.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover, .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,
-.dnb-blockquote:not(.dnb-blockquote--no-background) a:hover,
-.dnb-blockquote:not(.dnb-blockquote--no-background) a:active {
-  color: var(--color-emerald-green);
-  background-color: var(--color-white);
-  text-decoration: none;
-}
-.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,
-.dnb-blockquote:not(.dnb-blockquote--no-background) a:active {
-  color: var(--color-emerald-green);
-  background-color: var(--color-white);
-}
-.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,
-.dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus {
-  color: var(--color-white);
-  background-color: transparent;
-  outline: none;
-}
-html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,
-html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus {
-  --border-color: var(--color-white);
-  --border-width: var(--focus-ring-width);
-  box-shadow: 0 0 0 var(--border-width) var(--border-color);
-  border-color: transparent;
-}
-.dnb-blockquote:not(.dnb-blockquote--no-background) h1,
-.dnb-blockquote:not(.dnb-blockquote--no-background) h2,
-.dnb-blockquote:not(.dnb-blockquote--no-background) h3,
-.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,
-.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,
-.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,
-.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead {
-  color: var(--color-mint-green);
-}
-
-.dnb-code {
-  background-color: var(--color-mint-green-25);
-}
-
-.dnb-pre {
-  color: var(--color-mint-green-12);
-  background-color: #222;
-}
-.dnb-pre.dnb-pre--focus {
-  --border-color: var(--color-sea-green);
-  --border-width: 0.25rem;
-  box-shadow: 0 0 0 var(--border-width) var(--border-color);
-  border-color: transparent;
-}
-
-.dnb-hr {
-  color: var(--color-black-80);
-}
-
-.dnb-img[alt]::after {
-  color: var(--color-black-80);
-  background-color: var(--color-black-8);
-}
-.dnb-img__img--error {
-  color: var(--color-black-80);
-  background-color: var(--color-black-8);
-}
-
-.dnb-label {
-  color: var(--color-black-80);
-}
-
-.dnb-ul {
-  color: var(--theme-color-black-80, currentColor);
-}
-
-.dnb-ol {
-  color: var(--theme-color-black-80, currentColor);
-}
-
-.dnb-dl {
-  color: var(--theme-color-black-80, currentColor);
-}
-
+  ATTENTION: This file is auto generated by using "styleFactory".
+  Do not change the content above!
+  All the themes get auto generated in here.
+*/
 /*
  * Core Styles
  * Mainly only the margins are defined in here
  *
  */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: var(--theme-color-black-80, currentColor);
-}
-
-.dnb-lead,
-.dnb-h--xx-large,
-.dnb-h--x-large,
-.dnb-h--large,
-.dnb-h--medium,
-.dnb-h--basis,
-.dnb-h--small,
-.dnb-h--x-small,
-.dnb-core-style .dnb-lead,
-.dnb-core-style .dnb-h--xx-large,
-.dnb-core-style .dnb-h--x-large,
-.dnb-core-style .dnb-h--large,
-.dnb-core-style .dnb-h--medium,
-.dnb-core-style .dnb-h--basis,
-.dnb-core-style .dnb-h--small,
-.dnb-core-style .dnb-h--x-small {
-  color: var(--theme-color-black-80, currentColor);
-}
-
-.dnb-p {
-  color: var(--theme-color-black-80, currentColor);
-}
-
-/**
-  ATTENTION: This file is auto generated by using "styleFactory".
-  Do not change the content above!
-  All the themes get auto generated in here.
-*/
+.dnb-lead, .dnb-h--xx-large, .dnb-h--x-large, .dnb-h--large, .dnb-h--medium, .dnb-h--basis, .dnb-h--small, .dnb-h--x-small, .dnb-core-style .dnb-lead, .dnb-core-style .dnb-h--xx-large, .dnb-core-style .dnb-h--x-large, .dnb-core-style .dnb-h--large, .dnb-core-style .dnb-h--medium, .dnb-core-style .dnb-h--basis, .dnb-core-style .dnb-h--small, .dnb-core-style .dnb-h--x-small, h1, h2, h3, h4, h5, h6, p, b, small, strong, .dnb-p, .dnb-small, .dnb-table, sub, sup {
+  --typography-h-xx-large-weight: var(--font-weight-regular);
+  --typography-h-x-large-weight: var(--font-weight-regular);
+  --typography-h-large-weight: var(--font-weight-regular);
+  --typography-h-medium-weight: var(--font-weight-regular);
+  --typography-h-basis-weight: var(--font-weight-regular);
+  --typography-h-small-weight: var(--font-weight-regular);
+  --typography-h-x-small-weight: var(--font-weight-regular);
+}