@dnb/eufemia 10.7.0 → 10.9.0

package/cjs/style/themes/theme-ui/ui-theme-elements.css

@@ -26,6 +26,12 @@
  *
  */
 .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;
@@ -40,22 +46,22 @@
 .dnb-blockquote::before {
   content: "";
   position: absolute;
-  top: 2rem;
-  left: 1.5rem;
-  width: 3em;
-  height: 3em;
+  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==");
 }
 .dnb-blockquote, .dnb-blockquote.dnb-blockquote--left {
-  padding-left: 6rem;
-  padding-top: 2rem;
-  padding-bottom: 3rem;
+  padding-left: var(--blockquote-quote-padding);
+  padding-top: var(--blockquote-padding-top);
+  padding-bottom: var(--blockquote-padding-bottom);
 }
 .dnb-blockquote.dnb-blockquote--top {
-  padding-left: 1.5rem;
-  padding-top: 6rem;
-  padding-bottom: 3rem;
+  padding-left: var(--blockquote-padding-left);
+  padding-top: var(--blockquote-quote-padding);
+  padding-bottom: var(--blockquote-padding-bottom);
 }
 .dnb-blockquote.dnb-blockquote--no-background {
   background-color: transparent;
@@ -69,7 +75,7 @@
   margin-top: 1rem;
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-basis);
-  font-style: italic;
+  font-style: var(--blockquote-cite-style);
 }
 .dnb-blockquote .dnb-cite::before,
 .dnb-blockquote .dnb-figcaption::before,
@@ -609,14 +615,17 @@ del .dnb-code {
   --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);
 }
 
 .dnb-lead,
@@ -866,6 +875,7 @@ sub {
   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);
 }
 .dnb-h--basis > small {
   font-size: var(--typography-h-basis-small-font-size);
@@ -876,6 +886,7 @@ sub {
   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);
 }
 .dnb-h--small > small {
   font-size: var(--typography-h-small-small-font-size);
@@ -886,6 +897,7 @@ sub {
   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);
 }
 .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;

package/cjs/style/themes/theme-ui/ui-theme-elements.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-blockquote{border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{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}.dnb-code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.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}.dnb-hr{border:0;display:flex;height:0;padding:0;position:relative}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-hr--fullscreen:after{left:-100vw;width:200vw}.dnb-hr--light:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 60%,transparent 65%);background-size:100% 1px;border-radius:.25px}.dnb-hr--medium:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 51%,transparent 0);background-size:100% 3px;border-radius:.75px;height:2px}.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}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-label{cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul li,.dnb-ul--outside li{position:relative}.dnb-ul li:before,.dnb-ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol li,.dnb-ol--outside li{position:relative}.dnb-ol li:before,.dnb-ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.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 li:before,.dnb-ol[type] li:before{content:none}.dnb-dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@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 dd,.dnb-dl__direction--horizontal dd~dt,.dnb-dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__direction--horizontal dd:first-of-type,.dnb-dl__direction--horizontal dd~dt:first-of-type,.dnb-dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{flex-basis:100%;height:0;margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul{margin-top:-.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>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-default-font-family:var(--font-family-default);--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-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-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)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style .dnb-h--basis: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--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .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--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .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--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.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(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-p b,.dnb-p strong,.dnb-p--medium{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-xx-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>small,.dnb-p__size--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-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-h--xx-large>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-h--x-large{font-size:var(--typography-h-x-large-font-size);font-weight:var(--typography-h-x-large-weight);line-height:var(--typography-h-x-large-line-height)}.dnb-h--x-large>small{display:block;font-size:var(--typography-h-x-large-small-font-size);line-height:var(--typography-h-x-large-small-line-height)}.dnb-h--large{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-h--large>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-h--medium{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-h--medium>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-h--basis{font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-h--basis>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-h--small{font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-h--small>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-h--x-small{font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium: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]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium: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]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-blockquote{background-color:var(--color-ocean-green);color:var(--color-mint-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) a:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-white),-.125em 0 0 0 var(--color-white),.125em 0 0 0 var(--color-white);color:var(--color-emerald-green)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,-.125em 0 0 0 transparent,.125em 0 0 0 transparent;color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor.focus-visible,.dnb-blockquote:not(.dnb-blockquote--no-background) a.focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:focus-visible,.dnb-blockquote:not(.dnb-blockquote--no-background) a:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.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-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:var(--color-mint-green)}.dnb-code{background-color:var(--color-mint-green-25)}.dnb-pre{background-color:#222;color:var(--color-mint-green-12)}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);--border-width:0.25rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-hr{color:var(--color-black-80)}.dnb-img[alt]:after,.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-label{color:var(--color-black-80)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-dl,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-ol,.dnb-ul,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,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)}.dnb-p{color:var(--theme-color-black-80,currentColor)}
+@charset "UTF-8";.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;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{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}.dnb-code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.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}.dnb-hr{border:0;display:flex;height:0;padding:0;position:relative}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-hr--fullscreen:after{left:-100vw;width:200vw}.dnb-hr--light:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 60%,transparent 65%);background-size:100% 1px;border-radius:.25px}.dnb-hr--medium:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 51%,transparent 0);background-size:100% 3px;border-radius:.75px;height:2px}.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}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-label{cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul li,.dnb-ul--outside li{position:relative}.dnb-ul li:before,.dnb-ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol li,.dnb-ol--outside li{position:relative}.dnb-ol li:before,.dnb-ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.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 li:before,.dnb-ol[type] li:before{content:none}.dnb-dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@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 dd,.dnb-dl__direction--horizontal dd~dt,.dnb-dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__direction--horizontal dd:first-of-type,.dnb-dl__direction--horizontal dd~dt:first-of-type,.dnb-dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{flex-basis:100%;height:0;margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul{margin-top:-.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>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-default-font-family:var(--font-family-default);--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)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style .dnb-h--basis: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--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .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--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .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--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.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(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-p b,.dnb-p strong,.dnb-p--medium{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-xx-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>small,.dnb-p__size--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-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-h--xx-large>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-h--x-large{font-size:var(--typography-h-x-large-font-size);font-weight:var(--typography-h-x-large-weight);line-height:var(--typography-h-x-large-line-height)}.dnb-h--x-large>small{display:block;font-size:var(--typography-h-x-large-small-font-size);line-height:var(--typography-h-x-large-small-line-height)}.dnb-h--large{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-h--large>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-h--medium{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-h--medium>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-h--basis{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-h--basis>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-h--small{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-h--small>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-h--x-small{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium: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]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium: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]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-blockquote{background-color:var(--color-ocean-green);color:var(--color-mint-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) a:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-white),-.125em 0 0 0 var(--color-white),.125em 0 0 0 var(--color-white);color:var(--color-emerald-green)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,-.125em 0 0 0 transparent,.125em 0 0 0 transparent;color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor.focus-visible,.dnb-blockquote:not(.dnb-blockquote--no-background) a.focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:focus-visible,.dnb-blockquote:not(.dnb-blockquote--no-background) a:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.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-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:var(--color-mint-green)}.dnb-code{background-color:var(--color-mint-green-25)}.dnb-pre{background-color:#222;color:var(--color-mint-green-12)}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);--border-width:0.25rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-hr{color:var(--color-black-80)}.dnb-img[alt]:after,.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-label{color:var(--color-black-80)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-dl,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-ol,.dnb-ul,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,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)}.dnb-p{color:var(--theme-color-black-80,currentColor)}

package/cjs/style/themes/theme-ui/ui-theme-extensions.css

@@ -21,17 +21,13 @@
   width: 100%;
 }
 .dnb-forms-field-phone-number--width-large {
-  width: 336px;
-}
-.dnb-forms-field-phone-number--width-medium {
-  width: 176px;
+  width: 21rem;
 }
 .dnb-forms-field-phone-number__country-code {
-  --autocomplete-width: 145px;
-  flex: 0 144px;
+  flex: 0 9rem;
 }
 .dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell {
-  width: 144px;
+  width: 9rem;
 }
 .dnb-forms-field-phone-number__number {
   flex: 1;
@@ -44,11 +40,14 @@
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
+.dnb-forms-field-postal-code-and-city--width-small {
+  width: 5rem;
+}
 .dnb-forms-field-postal-code-and-city--width-medium {
-  width: 176px;
+  width: 11rem;
 }
 .dnb-forms-field-postal-code-and-city--width-large {
-  width: 336px;
+  width: 21rem;
 }
 .dnb-forms-field-postal-code-and-city__postal-code {
   flex: 0 5rem;
@@ -58,10 +57,40 @@
 }
 
 .dnb-forms-field-selection--width-large .dnb-dropdown__shell {
-  width: 336px;
+  width: 21rem;
 }
 .dnb-forms-field-selection--width-medium .dnb-dropdown__shell {
-  width: 176px;
+  width: 11rem;
+}
+.dnb-forms-field-selection--width-small .dnb-dropdown__shell {
+  width: 5rem;
+}
+
+.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options {
+  display: flex;
+  flex-flow: column;
+  grid-row-gap: var(--spacing-x-small);
+  row-gap: var(--spacing-x-small);
+}
+.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options {
+  display: flex;
+  flex-flow: row wrap;
+  grid-column-gap: var(--spacing-small);
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+
+.dnb-forms-field-country-code .dnb-autocomplete__inner {
+  --autocomplete-width: 9rem;
+}
+.dnb-forms-field-country-code--width-small .dnb-autocomplete__inner {
+  --autocomplete-width: 5rem;
+}
+.dnb-forms-field-country-code--width-medium .dnb-autocomplete__inner {
+  --autocomplete-width: 11rem;
+}
+.dnb-forms-field-country-code--width-large .dnb-autocomplete__inner {
+  --autocomplete-width: 21rem;
 }
 
 .dnb-forms-button-row {
@@ -73,10 +102,10 @@
 }
 
 .dnb-forms-card {
-  background-color: var(--color-white);
-  border: 4px solid #F2F2F5;
-  border-radius: 0.5rem;
   padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium);
+  background-color: var(--color-white);
+  border: 0.25rem solid var(--color-pistachio);
+  border-radius: 0.75rem;
 }
 .dnb-forms-card__heading {
   font-size: var(--font-size-basis);
@@ -149,6 +178,15 @@
   -moz-column-gap: var(--spacing-medium);
        column-gap: var(--spacing-medium);
 }
+.dnb-forms-flex-container--width-small {
+  width: 5rem;
+}
+.dnb-forms-flex-container--width-medium {
+  width: 11rem;
+}
+.dnb-forms-flex-container--width-large {
+  width: 21rem;
+}
 
 .dnb-forms-flex-item--grow {
   flex-grow: 1;
@@ -156,6 +194,15 @@
 .dnb-forms-flex-item--shrink {
   flex-shrink: 1;
 }
+.dnb-forms-flex-item--width-small {
+  width: 5rem;
+}
+.dnb-forms-flex-item--width-medium {
+  width: 11rem;
+}
+.dnb-forms-flex-item--width-large {
+  width: 21rem;
+}
 
 .dnb-forms-section + .dnb-forms-section {
   margin-top: var(--spacing-large);
@@ -167,9 +214,9 @@
 .dnb-forms-steps-layout {
   display: flex;
   flex-flow: row wrap;
-  grid-column-gap: 3rem;
-  -moz-column-gap: 3rem;
-       column-gap: 3rem;
+  grid-column-gap: var(--spacing-medium);
+  -moz-column-gap: var(--spacing-medium);
+       column-gap: var(--spacing-medium);
 }
 @media (max-width: 60em) {
   .dnb-forms-steps-layout {
@@ -180,21 +227,47 @@
 }
 .dnb-forms-steps-layout__sidebar {
   flex: 0;
-  min-width: 320px;
+  min-width: 21rem;
+}
+.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar {
+  max-width: 21rem;
+}
+.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar .dnb-step-indicator__item {
+  min-width: 336px;
 }
 .dnb-forms-steps-layout__contents {
   flex: 1;
-  min-width: 400px;
+  min-width: 25rem;
 }
 
 .dnb-forms-test-element {
   border: 1px dashed #808080;
-  border-radius: 6px;
+  border-radius: 0.5rem;
   color: #909090;
-  padding: 4px 8px;
+  padding: 0.5rem 1rem;
 }
 
-.dnb-forms-field-block__label-block {
+.dnb-forms-field-block--layout-vertical {
+  display: grid;
+  grid-template-columns: auto;
+  grid-template-areas: "label" "contents" "status";
+}
+.dnb-forms-field-block--layout-horizontal {
+  display: grid;
+  grid-template-columns: 11rem auto;
+  grid-template-areas: "label contents" "status status";
+}
+.dnb-forms-field-block--width-small {
+  width: 5rem;
+}
+.dnb-forms-field-block--width-medium {
+  width: 11rem;
+}
+.dnb-forms-field-block--width-large {
+  width: 21rem;
+}
+.dnb-forms-field-block__label {
+  grid-area: label;
   display: flex;
   flex-flow: row;
   justify-content: space-between;
@@ -209,20 +282,23 @@
   color: var(--color-black-55);
   font-size: var(--font-size-small);
 }
-.dnb-forms-field-block--width-large {
-  width: 336px;
+.dnb-forms-field-block__status {
+  grid-area: status;
 }
-.dnb-forms-field-block--width-medium {
-  width: 176px;
+.dnb-forms-field-block__contents {
+  grid-area: contents;
 }
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-.dnb-forms-field-block__contents--width-large {
-  width: 336px;
+.dnb-forms-field-block__contents--width-small {
+  width: 5rem;
 }
 .dnb-forms-field-block__contents--width-medium {
-  width: 176px;
+  width: 11rem;
+}
+.dnb-forms-field-block__contents--width-large {
+  width: 21rem;
 }
 
 .dnb-forms-value-block {
@@ -298,10 +374,10 @@
 }
 .dnb-payment-card__card {
   position: relative;
-  width: 85.6mm;
-  height: 53.98mm;
-  padding: 4mm;
-  border-radius: 3.48mm;
+  width: 343px;
+  height: 216px;
+  padding: 16px;
+  border-radius: 12px;
   border: 1px solid;
   border-color: rgba(255, 255, 255, 0.1) transparent rgba(0, 0, 0, 0.2) transparent;
   color: var(--color-white);
@@ -439,7 +515,7 @@
 .dnb-payment-card--compact .dnb-payment-card__card {
   padding: 0;
   height: 32.8mm;
-  border-radius: 3.48mm 3.48mm 0 0;
+  border-radius: 12px 12px 0 0;
   box-shadow: var(--shadow-default);
 }
 .dnb-payment-card--compact .dnb-payment-card__card__top {
@@ -457,14 +533,14 @@
   background-color: var(--color-white);
 }
 .dnb-payment-card--compact .dnb-payment-card__card__wrapper {
-  padding: 1.5mm 6mm;
+  padding: 6px 22px;
   color: var(--color-black-80);
 }
 .dnb-payment-card--compact .dnb-payment-card__card__numbers {
   font-size: var(--font-size-basis);
 }
 .dnb-payment-card--compact .dnb-payment-card__card__credit-type {
-  top: 8px;
+  top: 10px;
   right: 4px;
   bottom: auto;
 }

package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css

@@ -1 +1 @@
-.dnb-forms-field-phone-number{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-phone-number--width-stretch{width:100%}.dnb-forms-field-phone-number--width-large{width:336px}.dnb-forms-field-phone-number--width-medium{width:176px}.dnb-forms-field-phone-number__country-code{--autocomplete-width:145px;flex:0 144px}.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:144px}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-medium{width:176px}.dnb-forms-field-postal-code-and-city--width-large{width:336px}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:336px}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:176px}.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-card{background-color:var(--color-white);border:4px solid #f2f2f5;border-radius:.5rem;padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium)}.dnb-forms-card__heading{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium)}.dnb-forms-card+.dnb-forms-card__heading{margin-top:var(--spacing-small)}.dnb-forms-flex-container{display:flex}.dnb-forms-flex-container--direction-row{flex-direction:row}.dnb-forms-flex-container--direction-column{flex-direction:column}.dnb-forms-flex-container--justify-flex-start{justify-content:flex-start}.dnb-forms-flex-container--justify-flex-end{justify-content:flex-end}.dnb-forms-flex-container--justify-center{justify-content:center}.dnb-forms-flex-container--justify-space-between{justify-content:space-between}.dnb-forms-flex-container--justify-space-around{justify-content:space-around}.dnb-forms-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-forms-flex-container--align-flex-start{align-items:flex-start}.dnb-forms-flex-container--align-flex-end{align-items:flex-end}.dnb-forms-flex-container--align-center{align-items:center}.dnb-forms-flex-container--align-stretch{align-items:stretch}.dnb-forms-flex-container--align-baseline{align-items:baseline}.dnb-forms-flex-container--wrap{flex-wrap:wrap}.dnb-forms-flex-container__hr{border:none;border-top:1px solid var(--color-black-8);height:0;margin:0;padding:0;width:100%}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-small{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small)}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-medium{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium)}.dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}.dnb-forms-section+.dnb-forms-section{margin-top:var(--spacing-large)}.dnb-forms-steps-layout{grid-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem;display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:320px}.dnb-forms-steps-layout__contents{flex:1;min-width:400px}.dnb-forms-test-element{border:1px dashed grey;border-radius:6px;color:#909090;padding:4px 8px}.dnb-forms-field-block__label-block{align-items:center;display:flex;flex-flow:row;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block--width-large{width:336px}.dnb-forms-field-block--width-medium{width:176px}.dnb-forms-field-block__contents--width-stretch{width:100%}.dnb-forms-field-block__contents--width-large{width:336px}.dnb-forms-field-block__contents--width-medium{width:176px}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:3.48mm;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:53.98mm;padding:4mm;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:85.6mm}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50%,at 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:3.48mm 3.48mm 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:1.5mm 6mm}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:8px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{grid-gap:var(--spacing-x-small);align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}
+.dnb-forms-field-phone-number{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-phone-number--width-stretch{width:100%}.dnb-forms-field-phone-number--width-large{width:21rem}.dnb-forms-field-phone-number__country-code{flex:0 9rem}.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:9rem}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-small{width:5rem}.dnb-forms-field-postal-code-and-city--width-medium{width:11rem}.dnb-forms-field-postal-code-and-city--width-large{width:21rem}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:21rem}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:11rem}.dnb-forms-field-selection--width-small .dnb-dropdown__shell{width:5rem}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{grid-row-gap:var(--spacing-x-small);display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap}.dnb-forms-field-country-code .dnb-autocomplete__inner{--autocomplete-width:9rem}.dnb-forms-field-country-code--width-small .dnb-autocomplete__inner{--autocomplete-width:5rem}.dnb-forms-field-country-code--width-medium .dnb-autocomplete__inner{--autocomplete-width:11rem}.dnb-forms-field-country-code--width-large .dnb-autocomplete__inner{--autocomplete-width:21rem}.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-card{background-color:var(--color-white);border:.25rem solid var(--color-pistachio);border-radius:.75rem;padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-large) var(--spacing-medium)}.dnb-forms-card__heading{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium)}.dnb-forms-card+.dnb-forms-card__heading{margin-top:var(--spacing-small)}.dnb-forms-flex-container{display:flex}.dnb-forms-flex-container--direction-row{flex-direction:row}.dnb-forms-flex-container--direction-column{flex-direction:column}.dnb-forms-flex-container--justify-flex-start{justify-content:flex-start}.dnb-forms-flex-container--justify-flex-end{justify-content:flex-end}.dnb-forms-flex-container--justify-center{justify-content:center}.dnb-forms-flex-container--justify-space-between{justify-content:space-between}.dnb-forms-flex-container--justify-space-around{justify-content:space-around}.dnb-forms-flex-container--justify-space-evenly{justify-content:space-evenly}.dnb-forms-flex-container--align-flex-start{align-items:flex-start}.dnb-forms-flex-container--align-flex-end{align-items:flex-end}.dnb-forms-flex-container--align-center{align-items:center}.dnb-forms-flex-container--align-stretch{align-items:stretch}.dnb-forms-flex-container--align-baseline{align-items:baseline}.dnb-forms-flex-container--wrap{flex-wrap:wrap}.dnb-forms-flex-container__hr{border:none;border-top:1px solid var(--color-black-8);height:0;margin:0;padding:0;width:100%}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-small{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small)}.dnb-forms-flex-container--direction-row.dnb-forms-flex-container--spacing-medium{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium)}.dnb-forms-flex-container--width-small{width:5rem}.dnb-forms-flex-container--width-medium{width:11rem}.dnb-forms-flex-container--width-large{width:21rem}.dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}.dnb-forms-flex-item--width-small{width:5rem}.dnb-forms-flex-item--width-medium{width:11rem}.dnb-forms-flex-item--width-large{width:21rem}.dnb-forms-section+.dnb-forms-section{margin-top:var(--spacing-large)}.dnb-forms-steps-layout{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar{max-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar .dnb-step-indicator__item{min-width:336px}.dnb-forms-steps-layout__contents{flex:1;min-width:25rem}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}.dnb-forms-field-block--layout-vertical{display:grid;grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{display:grid;grid-template-areas:"label contents" "status status";grid-template-columns:11rem auto}.dnb-forms-field-block--width-small{width:5rem}.dnb-forms-field-block--width-medium{width:11rem}.dnb-forms-field-block--width-large{width:21rem}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}.dnb-forms-field-block__contents--width-small{width:5rem}.dnb-forms-field-block__contents--width-medium{width:11rem}.dnb-forms-field-block__contents--width-large{width:21rem}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50%,at 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{grid-gap:var(--spacing-x-small);align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}

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

@@ -217,6 +217,12 @@ sup .dnb-core-style a, sub .dnb-core-style a {
   margin-top: 0.5rem;
 }
 .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;
@@ -231,22 +237,22 @@ sup .dnb-core-style a, sub .dnb-core-style a {
 .dnb-core-style blockquote::before {
   content: "";
   position: absolute;
-  top: 2rem;
-  left: 1.5rem;
-  width: 3em;
-  height: 3em;
+  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==");
 }
 .dnb-core-style blockquote, .dnb-core-style blockquote.dnb-blockquote--left {
-  padding-left: 6rem;
-  padding-top: 2rem;
-  padding-bottom: 3rem;
+  padding-left: var(--blockquote-quote-padding);
+  padding-top: var(--blockquote-padding-top);
+  padding-bottom: var(--blockquote-padding-bottom);
 }
 .dnb-core-style blockquote.dnb-blockquote--top {
-  padding-left: 1.5rem;
-  padding-top: 6rem;
-  padding-bottom: 3rem;
+  padding-left: var(--blockquote-padding-left);
+  padding-top: var(--blockquote-quote-padding);
+  padding-bottom: var(--blockquote-padding-bottom);
 }
 .dnb-core-style blockquote.dnb-blockquote--no-background {
   background-color: transparent;
@@ -260,7 +266,7 @@ sup .dnb-core-style a, sub .dnb-core-style a {
   margin-top: 1rem;
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-basis);
-  font-style: italic;
+  font-style: var(--blockquote-cite-style);
 }
 .dnb-core-style blockquote .dnb-cite::before,
 .dnb-core-style blockquote .dnb-figcaption::before,
@@ -466,6 +472,7 @@ sup .dnb-core-style a, sub .dnb-core-style a {
   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);
 }
 .dnb-core-style h4 > small {
   font-size: var(--typography-h-basis-small-font-size);
@@ -475,6 +482,7 @@ sup .dnb-core-style a, sub .dnb-core-style a {
   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);
 }
 .dnb-core-style h5 > small {
   font-size: var(--typography-h-small-small-font-size);
@@ -484,6 +492,7 @@ sup .dnb-core-style a, sub .dnb-core-style a {
   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);
 }
 .dnb-core-style h2 > small,
 .dnb-core-style h3 > small,