@dnb/eufemia 9.24.0 → 9.26.1

package/{style/themes/theme-open-banking/dnb-theme-open-banking.css → es/style/themes/theme-eiendom/dnb-theme-eiendom.css}

@@ -4,6 +4,13 @@
  * You CAN change the content on the very top!
  *
  */
+/**
+ * Main UI Theme
+ *
+ */
+/*
+ * Utilities
+ */
 /*
  * CSS Properties
  *
@@ -88,24 +95,12 @@
   --shadow-default-x: 0;
   --shadow-default-y: 8px;
   --shadow-default-blur-radius: 16px;
-  --shadow-default-color: rgba(51, 51, 51, 0.08); }
-
-:root {
-  --color-open-banking-green: #a5e1d2;
-  --color-open-banking-emerald: #00343e;
-  --color-sea-green: fuchsia; }
+  --shadow-default-color: rgba(51, 51, 51, 0.08);
+  --color-emerald-green-50: #89aaac;
+  --color-emerald-green-25: #c4d4d6;
+  --color-emerald-green-10: #e8eeef;
+  --color-mint-green-12: #f4fbf9; }
 
-/**
- * Main UI Theme
- *
- */
-/*
- * Utilities
- */
-/*
- * CSS Properties
- *
- */
 /*
  * Import all Elements
  *
@@ -140,7 +135,7 @@ button.dnb-anchor {
 .dnb-anchor {
   display: inline;
   padding: 0.05575em 0.125em 0.05575em;
-  color: fuchsia;
+  color: #007272;
   color: var(--color-sea-green);
   font-size: 1.125rem;
   font-size: var(--font-size-basis);
@@ -148,6 +143,8 @@ button.dnb-anchor {
   -webkit-box-shadow: 0 0.09375rem 0 0 currentColor;
           box-shadow: 0 0.09375rem 0 0 currentColor;
   border-radius: 0;
+  color: #14555a;
+  color: var(--color-emerald-green);
   -webkit-transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out, -webkit-box-shadow 180ms ease-in-out;
   transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out, -webkit-box-shadow 180ms ease-in-out;
   transition: background-color 200ms ease-in-out, box-shadow 180ms ease-in-out, border-radius 200ms ease-in-out;
@@ -166,7 +163,7 @@ button.dnb-anchor {
     outline: none;
     border-radius: 0.25em; }
     .dnb-anchor:focus:not(:active) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: transparent;
       -webkit-transition: none;
@@ -186,14 +183,17 @@ button.dnb-anchor {
           -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                   box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
   .dnb-anchor:hover, .dnb-anchor:active {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     background-color: #d2f0e9;
     background-color: var(--color-mint-green-50);
     border-radius: 0.25em;
     -webkit-box-shadow: none;
             box-shadow: none;
-    text-decoration: none; }
+    text-decoration: none;
+    color: #007272;
+    color: var(--color-sea-green);
+    background-color: transparent; }
   .dnb-anchor:active {
     color: #a5e1d2;
     color: var(--color-mint-green);
@@ -202,7 +202,11 @@ button.dnb-anchor {
     border-radius: 0.25em;
     -webkit-box-shadow: none;
             box-shadow: none;
-    text-decoration: none; }
+    text-decoration: none;
+    color: #007272;
+    color: var(--color-sea-green);
+    background-color: #f2f4ec;
+    background-color: var(--color-pistachio); }
   .dnb-anchor[target='_blank']:not(:empty):not(.dnb-anchor--no-icon) {
     position: relative;
     background-size: 0;
@@ -237,14 +241,17 @@ button.dnb-anchor {
             transform: translateY(-0.0625em); }
 
 .dnb-anchor--hover {
-  color: fuchsia;
+  color: #007272;
   color: var(--color-sea-green);
   background-color: #d2f0e9;
   background-color: var(--color-mint-green-50);
   border-radius: 0.25em;
   -webkit-box-shadow: none;
           box-shadow: none;
-  text-decoration: none; }
+  text-decoration: none;
+  color: #007272;
+  color: var(--color-sea-green);
+  background-color: transparent; }
 
 .dnb-anchor--active {
   color: #a5e1d2;
@@ -254,13 +261,17 @@ button.dnb-anchor {
   border-radius: 0.25em;
   -webkit-box-shadow: none;
           box-shadow: none;
-  text-decoration: none; }
+  text-decoration: none;
+  color: #007272;
+  color: var(--color-sea-green);
+  background-color: #f2f4ec;
+  background-color: var(--color-pistachio); }
 
 .dnb-anchor--focus {
   outline: none;
   border-radius: 0.25em; }
   .dnb-anchor--focus:not(:active) {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     background-color: transparent;
     -webkit-transition: none;
@@ -379,7 +390,9 @@ a.dnb-button {
     font-size: var(--font-size-medium);
     line-height: 1.75rem;
     line-height: calc(2rem - 0.25rem);
-    line-height: calc(var(--line-height-medium) - 0.25rem); }
+    line-height: calc(var(--line-height-medium) - 0.25rem);
+    font-weight: 500;
+    font-weight: var(--font-weight-medium); }
     .dnb-p--lead > small {
       font-size: 1.125rem;
       font-size: var(--font-size-basis);
@@ -481,7 +494,9 @@ a.dnb-button {
   font-size: var(--font-size-medium);
   line-height: 1.75rem;
   line-height: calc(2rem - 0.25rem);
-  line-height: calc(var(--line-height-medium) - 0.25rem); }
+  line-height: calc(var(--line-height-medium) - 0.25rem);
+  font-weight: 500;
+  font-weight: var(--font-weight-medium); }
   .dnb-lead > small,
   .dnb-h--medium > small {
     font-size: 1.125rem;
@@ -539,7 +554,9 @@ a.dnb-button {
   font-weight: 500;
   font-weight: var(--font-weight-medium);
   color: currentColor;
-  color: var(--theme-color-black-80, currentColor); }
+  color: var(--theme-color-black-80, currentColor);
+  font-weight: normal;
+  font-weight: var(--font-weight-basis); }
   .dnb-lead:not([class*='dnb-space']),
   .dnb-h--xx-large:not([class*='dnb-space']),
   .dnb-h--x-large:not([class*='dnb-space']),
@@ -1153,7 +1170,7 @@ a.dnb-button {
       .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]), html:not([data-whatintent='touch'])
       .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
       .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) {
-        color: fuchsia;
+        color: #007272;
         color: var(--color-sea-green); }
         html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
         .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
@@ -1400,7 +1417,7 @@ a.dnb-button {
   .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
   .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
   .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:not([disabled]) .dnb-button__text::after {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     opacity: 1; }
   .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
@@ -1576,7 +1593,6 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
  */
 .dnb-code {
   display: inline-block;
-  margin: -0.25em 0;
   padding: 0.25em 0.25em;
   /* 2px 4px */
   font-size: inherit;
@@ -1589,6 +1605,8 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
   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;
@@ -1631,8 +1649,8 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
     border-color: transparent; }
     @media screen and (-ms-high-contrast: none) {
       .dnb-pre.dnb-pre--focus {
-        -webkit-box-shadow: 0 0 0 0.25rem fuchsia;
-                box-shadow: 0 0 0 0.25rem fuchsia;
+        -webkit-box-shadow: 0 0 0 0.25rem #007272;
+                box-shadow: 0 0 0 0.25rem #007272;
         -webkit-box-shadow: 0 0 0 0.25rem var(--color-sea-green);
                 box-shadow: 0 0 0 0.25rem var(--color-sea-green); } }
 
@@ -1733,8 +1751,7 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
     background-color: currentColor;
     border-radius: 0.5px; }
   .dnb-hr--fullscreen::after {
-    left: -50vw;
-    right: -50vw;
+    left: -100vw;
     width: 200vw; }
   .dnb-hr--light::after {
     border-radius: 0.25px;
@@ -1934,7 +1951,7 @@ thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::aft
 .dnb-accordion__variant--outlined.dnb-accordion--expanded .dnb-accordion__header {
   color: #fff;
   color: var(--color-white);
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green);
   --border-color: transparent;
   -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
@@ -1993,7 +2010,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
 html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accordion--expanded .dnb-accordion__header.dnb-accordion--hover:not(:active):hover:not([disabled]) {
   color: #fff;
   color: var(--color-white);
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green);
   --border-color: var(--color-sea-green);
   -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
@@ -2001,8 +2018,8 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
   border-color: transparent; }
   @media screen and (-ms-high-contrast: none) {
     html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accordion--expanded .dnb-accordion__header.dnb-accordion--hover:not(:active):hover:not([disabled]) {
-      -webkit-box-shadow: 0 0 0 0.0625rem fuchsia;
-              box-shadow: 0 0 0 0.0625rem fuchsia;
+      -webkit-box-shadow: 0 0 0 0.0625rem #007272;
+              box-shadow: 0 0 0 0.0625rem #007272;
       -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
               box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }
 
@@ -2033,8 +2050,8 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
     .dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__shell,
     .dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover
 ~ .dnb-autocomplete__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
-      -webkit-box-shadow: 0 0 0 0.125rem fuchsia;
-              box-shadow: 0 0 0 0.125rem fuchsia;
+      -webkit-box-shadow: 0 0 0 0.125rem #007272;
+              box-shadow: 0 0 0 0.125rem #007272;
       -webkit-box-shadow: 0 0 0 0.125rem var(--color-sea-green);
               box-shadow: 0 0 0 0.125rem var(--color-sea-green); } }
 
@@ -2044,7 +2061,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
   border-radius: 0;
   color: #fff;
   color: var(--color-white);
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green);
   -webkit-box-shadow: none;
           box-shadow: none; }
@@ -2109,7 +2126,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
     background-color: #14555a;
     background-color: var(--color-emerald-green); }
   .dnb-avatar--secondary {
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
   .dnb-avatar--tertiary {
     background-color: #a5e1d2;
@@ -2146,12 +2163,12 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
   .dnb-button--primary {
     color: #fff;
     color: var(--color-white);
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
     html:not([data-whatintent='touch']) .dnb-button--primary:hover[disabled] {
       cursor: not-allowed; }
     html:not([data-whatintent='touch']) .dnb-button--primary:hover:not([disabled]) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #fff;
       background-color: var(--color-white);
@@ -2176,7 +2193,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       outline: none; }
       html[data-whatinput='keyboard'] .dnb-button--primary:focus:not([disabled]), html[data-whatinput='keyboard']
       html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
-        color: fuchsia;
+        color: #007272;
         color: var(--color-sea-green);
         background-color: #fff;
         background-color: var(--color-white); }
@@ -2211,7 +2228,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       cursor: not-allowed; }
     .dnb-button--primary:active:not([disabled]),
     html:not([data-whatintent='touch']) .dnb-button--primary:active:not([disabled]) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #d2f0e9;
       background-color: var(--color-mint-green-50);
@@ -2235,7 +2252,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
     background-color: #dc2a2a;
     background-color: var(--color-fire-red); }
   .dnb-button--secondary {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     background-color: #fff;
     background-color: var(--color-white);
@@ -2256,14 +2273,14 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
                   box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-button--secondary {
-        -webkit-box-shadow: inset 0 0 0 1px fuchsia;
-                box-shadow: inset 0 0 0 1px fuchsia;
+        -webkit-box-shadow: inset 0 0 0 1px #007272;
+                box-shadow: inset 0 0 0 1px #007272;
         -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green);
                 box-shadow: inset 0 0 0 1px var(--color-sea-green); } }
     html:not([data-whatintent='touch']) .dnb-button--secondary:hover[disabled] {
       cursor: not-allowed; }
     html:not([data-whatintent='touch']) .dnb-button--secondary:hover:not([disabled]) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #fff;
       background-color: var(--color-white);
@@ -2288,7 +2305,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       outline: none; }
       html[data-whatinput='keyboard'] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput='keyboard']
       html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
-        color: fuchsia;
+        color: #007272;
         color: var(--color-sea-green);
         background-color: #fff;
         background-color: var(--color-white); }
@@ -2323,7 +2340,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       cursor: not-allowed; }
     .dnb-button--secondary:active:not([disabled]),
     html:not([data-whatintent='touch']) .dnb-button--secondary:active:not([disabled]) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #d2f0e9;
       background-color: var(--color-mint-green-50);
@@ -2336,82 +2353,6 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
         html:not([data-whatintent='touch']) .dnb-button--secondary:active:not([disabled]) {
           -webkit-box-shadow: 0 0 0 0.0625rem transparent;
                   box-shadow: 0 0 0 0.0625rem transparent; } }
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled] {
-      cursor: not-allowed; }
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
-      color: #14555a;
-      color: var(--color-emerald-green);
-      background-color: #fff;
-      background-color: var(--color-white);
-      --border-color: var(--color-emerald-green);
-      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-              box-shadow: 0 0 0 0.125rem var(--border-color);
-      border-color: transparent; }
-      @media screen and (-ms-high-contrast: none) {
-        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
-                  box-shadow: 0 0 0 0.125rem #14555a;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
-                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
-      @media screen and (-ms-high-contrast: none) {
-        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
-          opacity: 1; } }
-    .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled] {
-      cursor: not-allowed; }
-    .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-      outline: none; }
-      html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-        color: #14555a;
-        color: var(--color-emerald-green);
-        background-color: #fff;
-        background-color: var(--color-white); }
-      html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-        --border-color: var(--color-emerald-green);
-        -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
-                box-shadow: inset 0 0 0 0.125rem var(--border-color);
-        /* iOS fix - because "inset" works not fine with border-radius */
-        /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
-        border-color: transparent; }
-        @supports (-webkit-touch-callout: none) {
-          html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-          html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                    box-shadow: 0 0 0 0.125rem var(--border-color); } }
-        @media not all and (min-resolution: 0.001dpcm) {
-          @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-overflow-scrolling: touch)) {
-            html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-            html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-              -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                      box-shadow: 0 0 0 0.125rem var(--border-color); } } }
-        @media screen and (-ms-high-contrast: none) {
-          html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-          html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-            -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
-                    box-shadow: inset 0 0 0 0.125rem #14555a;
-            -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
-                    box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
-    .dnb-button--secondary:not(.dnb-button--has-text):active[disabled],
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled] {
-      cursor: not-allowed; }
-    .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
-      color: #14555a;
-      color: var(--color-emerald-green);
-      background-color: #d2f0e9;
-      background-color: var(--color-mint-green-50);
-      --border-color: transparent;
-      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-              box-shadow: 0 0 0 0.0625rem var(--border-color);
-      border-color: transparent; }
-      @media screen and (-ms-high-contrast: none) {
-        .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
-        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.0625rem transparent;
-                  box-shadow: 0 0 0 0.0625rem transparent; } }
     .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
       color: #b3dada;
       color: var(--color-sea-green-30);
@@ -2464,6 +2405,82 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
                 box-shadow: inset 0 0 0 1px var(--color-fire-red); } }
     .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon {
       color: inherit; }
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled] {
+    cursor: not-allowed; }
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
+    color: #14555a;
+    color: var(--color-emerald-green);
+    background-color: #fff;
+    background-color: var(--color-white);
+    --border-color: var(--color-emerald-green);
+    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
+            box-shadow: 0 0 0 0.125rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
+        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
+                box-shadow: 0 0 0 0.125rem #14555a;
+        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
+                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
+    @media screen and (-ms-high-contrast: none) {
+      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
+        opacity: 1; } }
+  .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled] {
+    cursor: not-allowed; }
+  .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+    outline: none; }
+    html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+      color: #14555a;
+      color: var(--color-emerald-green);
+      background-color: #fff;
+      background-color: var(--color-white); }
+    html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+      --border-color: var(--color-emerald-green);
+      -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
+              box-shadow: inset 0 0 0 0.125rem var(--border-color);
+      /* iOS fix - because "inset" works not fine with border-radius */
+      /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
+      border-color: transparent; }
+      @supports (-webkit-touch-callout: none) {
+        html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
+                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
+      @media not all and (min-resolution: 0.001dpcm) {
+        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-overflow-scrolling: touch)) {
+          html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+          html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
+                    box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+      @media screen and (-ms-high-contrast: none) {
+        html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+          -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
+                  box-shadow: inset 0 0 0 0.125rem #14555a;
+          -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
+                  box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
+  .dnb-button--secondary:not(.dnb-button--has-text):active[disabled],
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled] {
+    cursor: not-allowed; }
+  .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
+    color: #14555a;
+    color: var(--color-emerald-green);
+    background-color: #d2f0e9;
+    background-color: var(--color-mint-green-50);
+    --border-color: transparent;
+    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+            box-shadow: 0 0 0 0.0625rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
+      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
+        -webkit-box-shadow: 0 0 0 0.0625rem transparent;
+                box-shadow: 0 0 0 0.0625rem transparent; } }
   .dnb-button--active {
     --border-color: var(--color-emerald-green);
     -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
@@ -2477,7 +2494,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
                 box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
   .dnb-button--tertiary {
     position: relative;
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     background-color: transparent; }
     .dnb-button--tertiary .dnb-button__text {
@@ -2493,7 +2510,7 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
         height: 0.095rem;
         border-radius: 0.0475rem;
         border-radius: calc(0.095rem / 2);
-        color: fuchsia;
+        color: #007272;
         color: var(--color-sea-green);
         background-color: currentColor;
         bottom: -0.0625rem;
@@ -2585,13 +2602,25 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
     .dnb-button--tertiary .dnb-button__icon {
       -ms-flex-item-align: start;
           align-self: flex-start;
-      margin-top: 0.75rem; }
+      margin-top: 0.75rem;
+      margin-top: calc(2.5rem / 2 - 0.5rem);
+      margin-top: calc(var(--button-height)/2 - 0.5rem);
+      margin-top: calc(var(--button-height) / 2 - 0.5rem); }
     .dnb-button--tertiary.dnb-button--size-large .dnb-button__icon {
-      margin-top: 1rem; }
+      margin-top: 1rem;
+      margin-top: calc(3rem / 2 - 0.5rem);
+      margin-top: calc(var(--button-height--large)/2 - 0.5rem);
+      margin-top: calc(var(--button-height--large) / 2 - 0.5rem); }
     .dnb-button--tertiary.dnb-button--size-medium .dnb-button__icon {
-      margin-top: 0.5rem; }
+      margin-top: 0.5rem;
+      margin-top: calc(2rem / 2 - 0.5rem);
+      margin-top: calc(var(--button-height--medium)/2 - 0.5rem);
+      margin-top: calc(var(--button-height--medium) / 2 - 0.5rem); }
     .dnb-button--tertiary.dnb-button--size-small .dnb-button__icon {
-      margin-top: 0.25rem; }
+      margin-top: 0.25rem;
+      margin-top: calc(1.5rem / 2 - 0.5rem);
+      margin-top: calc(var(--button-height--small)/2 - 0.5rem);
+      margin-top: calc(var(--button-height--small) / 2 - 0.5rem); }
     .dnb-button--tertiary.dnb-button--icon-position-top {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
@@ -2667,8 +2696,8 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       border-color: transparent; }
       @media screen and (-ms-high-contrast: none) {
         html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):hover:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.0625rem fuchsia;
-                  box-shadow: 0 0 0 0.0625rem fuchsia;
+          -webkit-box-shadow: 0 0 0 0.0625rem #007272;
+                  box-shadow: 0 0 0 0.0625rem #007272;
           -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
                   box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }
     .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):active[disabled],
@@ -2823,14 +2852,14 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus::after, html:not([data-whatintent='touch'])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover, html:not([data-whatintent='touch'])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover::after {
-      background-color: fuchsia;
+      background-color: #007272;
       background-color: var(--color-sea-green); }
   html:not([data-whatintent='touch'])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):not(:active):hover {
     border-radius: 0; }
   html:not([data-whatintent='touch'])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     -webkit-box-shadow: none;
             box-shadow: none; }
@@ -2877,18 +2906,18 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
     color: var(--color-white); }
   .dnb-checkbox__input:checked ~ .dnb-checkbox__button,
   .dnb-checkbox__input[data-checked='true'] ~ .dnb-checkbox__button {
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
   .dnb-checkbox__input:not(:checked):not([data-checked='true']) ~ .dnb-checkbox__gfx {
     opacity: 0;
     -webkit-transform: scale(0.8);
             transform: scale(0.8);
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green); }
   .dnb-checkbox__input:not(:checked):not([data-checked='true']) ~ .dnb-checkbox__button {
     background-color: #fff;
     background-color: var(--color-white);
-    border-color: fuchsia;
+    border-color: #007272;
     border-color: var(--color-sea-green); }
   .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button,
   .dnb-checkbox__input[disabled][data-checked='true'] ~ .dnb-checkbox__button {
@@ -2914,14 +2943,14 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
   .dnb-checkbox__input:not([disabled]):not(:focus)[data-checked='true']:hover ~ .dnb-checkbox__button {
     border-color: transparent; }
   .dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__gfx {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green); }
   html[data-whatinput='keyboard'] .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button {
     border: none;
     background-color: #d2f0e9;
     background-color: var(--color-mint-green-50); }
   html[data-whatinput='keyboard'] .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__gfx {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green); }
   .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button .dnb-checkbox__focus,
   .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus {
@@ -3089,8 +3118,8 @@ html:not([data-whatintent='touch']) .dnb-date-picker__day--inactive .dnb-button[
     .dnb-date-picker--opened .dnb-input .dnb-input__shell,
     .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover
 ~ .dnb-date-picker__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
-      -webkit-box-shadow: 0 0 0 0.125rem fuchsia;
-              box-shadow: 0 0 0 0.125rem fuchsia;
+      -webkit-box-shadow: 0 0 0 0.125rem #007272;
+              box-shadow: 0 0 0 0.125rem #007272;
       -webkit-box-shadow: 0 0 0 0.125rem var(--color-sea-green);
               box-shadow: 0 0 0 0.125rem var(--color-sea-green); } }
 
@@ -3099,7 +3128,7 @@ html:not([data-whatintent='touch']) .dnb-date-picker__day--inactive .dnb-button[
 ~ .dnb-date-picker__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__submit-button__button.dnb-button--secondary {
   color: #fff;
   color: var(--color-white);
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green); }
   .dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary::after,
   .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover
@@ -3257,7 +3286,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   color: #333;
   color: var(--color-black-80); }
   .dnb-form-label[for]:not([disabled]):hover {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green); }
 
 /*
@@ -3348,8 +3377,8 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   border-color: transparent; }
   @media screen and (-ms-high-contrast: none) {
     .dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell {
-      -webkit-box-shadow: 0 0 0 0.0625rem fuchsia;
-              box-shadow: 0 0 0 0.0625rem fuchsia;
+      -webkit-box-shadow: 0 0 0 0.0625rem #007272;
+              box-shadow: 0 0 0 0.0625rem #007272;
       -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
               box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }
 
@@ -3451,7 +3480,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   color: var(--color-fire-red); }
 
 .dnb-global-status--info .dnb-global-status__content .dnb-hr {
-  color: fuchsia;
+  color: #007272;
   color: var(--color-sea-green); }
 
 /*
@@ -3522,12 +3551,12 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
                   box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-input__shell {
-        -webkit-box-shadow: inset 0 0 0 1px fuchsia;
-                box-shadow: inset 0 0 0 1px fuchsia;
+        -webkit-box-shadow: inset 0 0 0 1px #007272;
+                box-shadow: inset 0 0 0 1px #007272;
         -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green);
                 box-shadow: inset 0 0 0 1px var(--color-sea-green); } }
   .dnb-input__icon {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green); }
   .dnb-input[data-input-state='disabled'] .dnb-input__shell {
     -webkit-text-fill-color: currentColor;
@@ -3573,8 +3602,8 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
     @media screen and (-ms-high-contrast: none) {
       .dnb-input:not([data-input-state='disabled']) .dnb-input__shell:hover,
       .dnb-input:not([data-input-state='disabled']):hover .dnb-input__shell {
-        -webkit-box-shadow: 0 0 0 0.125rem fuchsia;
-                box-shadow: 0 0 0 0.125rem fuchsia;
+        -webkit-box-shadow: 0 0 0 0.125rem #007272;
+                box-shadow: 0 0 0 0.125rem #007272;
         -webkit-box-shadow: 0 0 0 0.125rem var(--color-sea-green);
                 box-shadow: 0 0 0 0.125rem var(--color-sea-green); } }
   .dnb-input[data-input-state='focus']:not([data-input-state='disabled']) .dnb-input__shell {
@@ -3721,19 +3750,9 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
         -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                 box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
 
-.dnb-pagination__dots > div {
-  background-color: #14555a;
-  background-color: var(--color-emerald-green); }
-
-@media screen and (max-width: 40em) {
-  .dnb-pagination--many-pages .dnb-pagination__bar__inner .dnb-pagination__button:not([aria-current]):nth-of-type(2),
-  .dnb-pagination--many-pages .dnb-pagination__bar__inner .dnb-pagination__button:not([aria-current]):nth-last-of-type(2) {
-    width: 0;
-    overflow: hidden;
-    margin: 0;
-    padding: 0;
-    -webkit-box-shadow: none;
-            box-shadow: none; } }
+.dnb-pagination__dots {
+  color: #737373;
+  color: var(--color-black-55); }
 
 @-webkit-keyframes show-page {
   from {
@@ -3826,7 +3845,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
     height: 2rem;
     border-radius: 1rem; }
   .dnb-progress-indicator__linear__bar {
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
 
 /*
@@ -3847,7 +3866,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   /* stylelint-disable */
   /* stylelint-enable */ }
   .dnb-radio__dot {
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green);
     -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
     transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
@@ -3857,7 +3876,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   .dnb-radio__input[data-checked='true'] ~ .dnb-radio__button {
     background-color: #fff;
     background-color: var(--color-white);
-    border-color: fuchsia;
+    border-color: #007272;
     border-color: var(--color-sea-green); }
   .dnb-radio__input:checked ~ .dnb-radio__dot,
   .dnb-radio__input[data-checked='true'] ~ .dnb-radio__dot {
@@ -3871,7 +3890,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   .dnb-radio__input:not(:checked):not([data-checked='true']) ~ .dnb-radio__button {
     background-color: #fff;
     background-color: var(--color-white);
-    border-color: fuchsia;
+    border-color: #007272;
     border-color: var(--color-sea-green); }
   .dnb-radio__input[disabled]:checked ~ .dnb-radio__button,
   .dnb-radio__input[disabled][data-checked='true'] ~ .dnb-radio__button {
@@ -4030,7 +4049,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   color: #fff;
   color: var(--color-white); }
   .dnb-section--sea-green::after {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green); }
 
 .dnb-section--fire-red {
@@ -4254,7 +4273,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
  * Utilities
  */
 .dnb-slider__line {
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green); }
   .dnb-slider__line__after {
     background-color: #d2f0e9;
@@ -4268,7 +4287,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
     background-color: var(--color-mint-green-25); }
 
 .dnb-slider__track::before {
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green); }
 
 .dnb-slider__track::after {
@@ -4322,7 +4341,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
   color: var(--color-emerald-green); }
 
 .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link {
-  color: fuchsia;
+  color: #007272;
   color: var(--color-sea-green); }
 
 .dnb-step-indicator-v1 .dnb-step-indicator__item {
@@ -4339,7 +4358,7 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
 
 .dnb-step-indicator-v1 .dnb-step-indicator--active.dnb-step-indicator-v1 .dnb-step-indicator__item::after,
 .dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content::after {
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green); }
 
 .dnb-step-indicator-v1 .dnb-step-indicator span[hidden],
@@ -4371,8 +4390,8 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
                 box-shadow: 0 0 0 0.125rem var(--border-color); } } }
   @media screen and (-ms-high-contrast: none) {
     .dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
-      -webkit-box-shadow: inset 0 0 0 1px fuchsia;
-              box-shadow: inset 0 0 0 1px fuchsia;
+      -webkit-box-shadow: inset 0 0 0 1px #007272;
+              box-shadow: inset 0 0 0 1px #007272;
       -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green);
               box-shadow: inset 0 0 0 1px var(--color-sea-green); } }
 
@@ -4497,7 +4516,7 @@ html[data-whatinput='keyboard']
   color: var(--color-emerald-green); }
 
 .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link {
-  color: fuchsia;
+  color: #007272;
   color: var(--color-sea-green); }
 
 .dnb-step-indicator-v1 .dnb-step-indicator__item {
@@ -4514,7 +4533,7 @@ html[data-whatinput='keyboard']
 
 .dnb-step-indicator-v1 .dnb-step-indicator--active.dnb-step-indicator-v1 .dnb-step-indicator__item::after,
 .dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content::after {
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green); }
 
 .dnb-step-indicator-v1 .dnb-step-indicator span[hidden],
@@ -4603,10 +4622,10 @@ html[data-whatinput='keyboard']
   .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
     background-color: #fff;
     background-color: var(--color-white);
-    border-color: fuchsia;
+    border-color: #007272;
     border-color: var(--color-sea-green); }
   .dnb-switch__input:checked ~ .dnb-switch__button {
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
   .dnb-switch__input:not(:checked) ~ .dnb-switch__background::after {
     right: 0;
@@ -4619,7 +4638,7 @@ html[data-whatinput='keyboard']
     width: 0.5rem;
     height: 0.5rem;
     border-radius: 50%;
-    border: 0.0625rem solid fuchsia;
+    border: 0.0625rem solid #007272;
     border: 0.0625rem solid var(--color-sea-green); }
   .dnb-switch__input:checked ~ .dnb-switch__background::after {
     left: 0;
@@ -4632,7 +4651,7 @@ html[data-whatinput='keyboard']
     width: 0.0625rem;
     height: 0.5rem;
     border-radius: 0.0625rem;
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
   .dnb-switch--large .dnb-switch__input:not(:checked) ~ .dnb-switch__background::after {
     width: 0.625rem;
@@ -4694,7 +4713,7 @@ html[data-whatinput='keyboard']
     -webkit-transform: rotate(180deg);
             transform: rotate(180deg); }
   .dnb-switch__input:not([disabled]):not(:focus):not(:active):hover ~ .dnb-switch__button {
-    border-color: fuchsia;
+    border-color: #007272;
     border-color: var(--color-sea-green);
     background-color: #d2f0e9;
     background-color: var(--color-mint-green-50); }
@@ -4819,7 +4838,7 @@ html[data-whatinput='keyboard']
   font-size: var(--font-size-basis);
   text-align: center;
   display: block;
-  color: fuchsia;
+  color: #007272;
   color: var(--color-sea-green);
   padding: 0.5rem 0 0.25rem 0; }
 
@@ -4832,7 +4851,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
   html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled])::after {
     height: 2px;
     border-radius: 2px;
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
 
 .dnb-tabs__button:focus {
@@ -4873,7 +4892,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
 .dnb-tabs__button:not([disabled]):active::after, .dnb-tabs__button:not([disabled]).selected::after {
   height: 2px;
   border-radius: 2px;
-  background-color: fuchsia;
+  background-color: #007272;
   background-color: var(--color-sea-green); }
 
 .dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title,
@@ -5213,8 +5232,8 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
   .dnb-toggle-button .dnb-checkbox__gfx path {
     stroke-width: 0.125rem; }
   .dnb-toggle-button .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
-    -webkit-box-shadow: 0 0 0 0.0318rem fuchsia;
-            box-shadow: 0 0 0 0.0318rem fuchsia;
+    -webkit-box-shadow: 0 0 0 0.0318rem #007272;
+            box-shadow: 0 0 0 0.0318rem #007272;
     -webkit-box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
             box-shadow: 0 0 0 0.0318rem var(--color-sea-green); }
   .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active),
@@ -5362,28 +5381,28 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
   .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button,
   .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button {
     background-color: transparent;
-    border-color: fuchsia;
+    border-color: #007272;
     border-color: var(--color-sea-green);
-    -webkit-box-shadow: 0 0 0 0.0318rem fuchsia;
-            box-shadow: 0 0 0 0.0318rem fuchsia;
+    -webkit-box-shadow: 0 0 0 0.0318rem #007272;
+            box-shadow: 0 0 0 0.0318rem #007272;
     -webkit-box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
             box-shadow: 0 0 0 0.0318rem var(--color-sea-green); }
   .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot,
   .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot {
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
   .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button,
   .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button {
     background-color: transparent;
-    border-color: fuchsia;
+    border-color: #007272;
     border-color: var(--color-sea-green);
-    -webkit-box-shadow: 0 0 0 0.0318rem fuchsia;
-            box-shadow: 0 0 0 0.0318rem fuchsia;
+    -webkit-box-shadow: 0 0 0 0.0318rem #007272;
+            box-shadow: 0 0 0 0.0318rem #007272;
     -webkit-box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
             box-shadow: 0 0 0 0.0318rem var(--color-sea-green); }
   .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx,
   .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green); }
   .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
     background-color: #fff;
@@ -5662,7 +5681,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       background-color: #f4fbf9;
       background-color: var(--color-mint-green-12); }
       html:not([data-whatintent='touch']) .dnb-drawer-list__option:hover:not([disabled]) .dnb-drawer-list__option__inner {
-        color: fuchsia;
+        color: #007272;
         color: var(--color-sea-green);
         background-color: #f4fbf9;
         background-color: var(--color-mint-green-12); }
@@ -5747,7 +5766,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       background-color: #fff;
       background-color: var(--color-white); }
     .dnb-drawer-list__option--focus:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__inner {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #f4fbf9;
       background-color: var(--color-mint-green-12); }
@@ -5865,12 +5884,12 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
   .dnb-button--primary {
     color: #fff;
     color: var(--color-white);
-    background-color: fuchsia;
+    background-color: #007272;
     background-color: var(--color-sea-green); }
     html:not([data-whatintent='touch']) .dnb-button--primary:hover[disabled] {
       cursor: not-allowed; }
     html:not([data-whatintent='touch']) .dnb-button--primary:hover:not([disabled]) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #fff;
       background-color: var(--color-white);
@@ -5895,7 +5914,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       outline: none; }
       html[data-whatinput='keyboard'] .dnb-button--primary:focus:not([disabled]), html[data-whatinput='keyboard']
       html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
-        color: fuchsia;
+        color: #007272;
         color: var(--color-sea-green);
         background-color: #fff;
         background-color: var(--color-white); }
@@ -5930,7 +5949,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       cursor: not-allowed; }
     .dnb-button--primary:active:not([disabled]),
     html:not([data-whatintent='touch']) .dnb-button--primary:active:not([disabled]) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #d2f0e9;
       background-color: var(--color-mint-green-50);
@@ -5954,7 +5973,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
     background-color: #dc2a2a;
     background-color: var(--color-fire-red); }
   .dnb-button--secondary {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     background-color: #fff;
     background-color: var(--color-white);
@@ -5975,14 +5994,14 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
                   box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-button--secondary {
-        -webkit-box-shadow: inset 0 0 0 1px fuchsia;
-                box-shadow: inset 0 0 0 1px fuchsia;
+        -webkit-box-shadow: inset 0 0 0 1px #007272;
+                box-shadow: inset 0 0 0 1px #007272;
         -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green);
                 box-shadow: inset 0 0 0 1px var(--color-sea-green); } }
     html:not([data-whatintent='touch']) .dnb-button--secondary:hover[disabled] {
       cursor: not-allowed; }
     html:not([data-whatintent='touch']) .dnb-button--secondary:hover:not([disabled]) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #fff;
       background-color: var(--color-white);
@@ -6007,7 +6026,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       outline: none; }
       html[data-whatinput='keyboard'] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput='keyboard']
       html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
-        color: fuchsia;
+        color: #007272;
         color: var(--color-sea-green);
         background-color: #fff;
         background-color: var(--color-white); }
@@ -6042,7 +6061,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       cursor: not-allowed; }
     .dnb-button--secondary:active:not([disabled]),
     html:not([data-whatintent='touch']) .dnb-button--secondary:active:not([disabled]) {
-      color: fuchsia;
+      color: #007272;
       color: var(--color-sea-green);
       background-color: #d2f0e9;
       background-color: var(--color-mint-green-50);
@@ -6055,82 +6074,6 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
         html:not([data-whatintent='touch']) .dnb-button--secondary:active:not([disabled]) {
           -webkit-box-shadow: 0 0 0 0.0625rem transparent;
                   box-shadow: 0 0 0 0.0625rem transparent; } }
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled] {
-      cursor: not-allowed; }
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
-      color: #14555a;
-      color: var(--color-emerald-green);
-      background-color: #fff;
-      background-color: var(--color-white);
-      --border-color: var(--color-emerald-green);
-      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-              box-shadow: 0 0 0 0.125rem var(--border-color);
-      border-color: transparent; }
-      @media screen and (-ms-high-contrast: none) {
-        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
-                  box-shadow: 0 0 0 0.125rem #14555a;
-          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
-                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
-      @media screen and (-ms-high-contrast: none) {
-        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
-          opacity: 1; } }
-    .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled] {
-      cursor: not-allowed; }
-    .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-      outline: none; }
-      html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-        color: #14555a;
-        color: var(--color-emerald-green);
-        background-color: #fff;
-        background-color: var(--color-white); }
-      html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-        --border-color: var(--color-emerald-green);
-        -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
-                box-shadow: inset 0 0 0 0.125rem var(--border-color);
-        /* iOS fix - because "inset" works not fine with border-radius */
-        /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
-        border-color: transparent; }
-        @supports (-webkit-touch-callout: none) {
-          html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-          html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                    box-shadow: 0 0 0 0.125rem var(--border-color); } }
-        @media not all and (min-resolution: 0.001dpcm) {
-          @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-overflow-scrolling: touch)) {
-            html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-            html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-              -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                      box-shadow: 0 0 0 0.125rem var(--border-color); } } }
-        @media screen and (-ms-high-contrast: none) {
-          html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
-          html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
-            -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
-                    box-shadow: inset 0 0 0 0.125rem #14555a;
-            -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
-                    box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
-    .dnb-button--secondary:not(.dnb-button--has-text):active[disabled],
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled] {
-      cursor: not-allowed; }
-    .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
-    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
-      color: #14555a;
-      color: var(--color-emerald-green);
-      background-color: #d2f0e9;
-      background-color: var(--color-mint-green-50);
-      --border-color: transparent;
-      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-              box-shadow: 0 0 0 0.0625rem var(--border-color);
-      border-color: transparent; }
-      @media screen and (-ms-high-contrast: none) {
-        .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
-        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.0625rem transparent;
-                  box-shadow: 0 0 0 0.0625rem transparent; } }
     .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
       color: #b3dada;
       color: var(--color-sea-green-30);
@@ -6183,6 +6126,82 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
                 box-shadow: inset 0 0 0 1px var(--color-fire-red); } }
     .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon {
       color: inherit; }
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled] {
+    cursor: not-allowed; }
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
+    color: #14555a;
+    color: var(--color-emerald-green);
+    background-color: #fff;
+    background-color: var(--color-white);
+    --border-color: var(--color-emerald-green);
+    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
+            box-shadow: 0 0 0 0.125rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
+        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
+                box-shadow: 0 0 0 0.125rem #14555a;
+        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
+                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
+    @media screen and (-ms-high-contrast: none) {
+      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
+        opacity: 1; } }
+  .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled] {
+    cursor: not-allowed; }
+  .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+    outline: none; }
+    html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+      color: #14555a;
+      color: var(--color-emerald-green);
+      background-color: #fff;
+      background-color: var(--color-white); }
+    html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+      --border-color: var(--color-emerald-green);
+      -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
+              box-shadow: inset 0 0 0 0.125rem var(--border-color);
+      /* iOS fix - because "inset" works not fine with border-radius */
+      /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
+      border-color: transparent; }
+      @supports (-webkit-touch-callout: none) {
+        html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
+                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
+      @media not all and (min-resolution: 0.001dpcm) {
+        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-overflow-scrolling: touch)) {
+          html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+          html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
+                    box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+      @media screen and (-ms-high-contrast: none) {
+        html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
+        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
+          -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
+                  box-shadow: inset 0 0 0 0.125rem #14555a;
+          -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
+                  box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
+  .dnb-button--secondary:not(.dnb-button--has-text):active[disabled],
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled] {
+    cursor: not-allowed; }
+  .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
+  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
+    color: #14555a;
+    color: var(--color-emerald-green);
+    background-color: #d2f0e9;
+    background-color: var(--color-mint-green-50);
+    --border-color: transparent;
+    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+            box-shadow: 0 0 0 0.0625rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
+      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
+        -webkit-box-shadow: 0 0 0 0.0625rem transparent;
+                box-shadow: 0 0 0 0.0625rem transparent; } }
   .dnb-button--active {
     --border-color: var(--color-emerald-green);
     -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
@@ -6196,7 +6215,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
                 box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
   .dnb-button--tertiary {
     position: relative;
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     background-color: transparent; }
     .dnb-button--tertiary .dnb-button__text {
@@ -6212,7 +6231,7 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
         height: 0.095rem;
         border-radius: 0.0475rem;
         border-radius: calc(0.095rem / 2);
-        color: fuchsia;
+        color: #007272;
         color: var(--color-sea-green);
         background-color: currentColor;
         bottom: -0.0625rem;
@@ -6304,13 +6323,25 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
     .dnb-button--tertiary .dnb-button__icon {
       -ms-flex-item-align: start;
           align-self: flex-start;
-      margin-top: 0.75rem; }
+      margin-top: 0.75rem;
+      margin-top: calc(2.5rem / 2 - 0.5rem);
+      margin-top: calc(var(--button-height)/2 - 0.5rem);
+      margin-top: calc(var(--button-height) / 2 - 0.5rem); }
     .dnb-button--tertiary.dnb-button--size-large .dnb-button__icon {
-      margin-top: 1rem; }
+      margin-top: 1rem;
+      margin-top: calc(3rem / 2 - 0.5rem);
+      margin-top: calc(var(--button-height--large)/2 - 0.5rem);
+      margin-top: calc(var(--button-height--large) / 2 - 0.5rem); }
     .dnb-button--tertiary.dnb-button--size-medium .dnb-button__icon {
-      margin-top: 0.5rem; }
+      margin-top: 0.5rem;
+      margin-top: calc(2rem / 2 - 0.5rem);
+      margin-top: calc(var(--button-height--medium)/2 - 0.5rem);
+      margin-top: calc(var(--button-height--medium) / 2 - 0.5rem); }
     .dnb-button--tertiary.dnb-button--size-small .dnb-button__icon {
-      margin-top: 0.25rem; }
+      margin-top: 0.25rem;
+      margin-top: calc(1.5rem / 2 - 0.5rem);
+      margin-top: calc(var(--button-height--small)/2 - 0.5rem);
+      margin-top: calc(var(--button-height--small) / 2 - 0.5rem); }
     .dnb-button--tertiary.dnb-button--icon-position-top {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
@@ -6386,8 +6417,8 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       border-color: transparent; }
       @media screen and (-ms-high-contrast: none) {
         html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):hover:not([disabled]) {
-          -webkit-box-shadow: 0 0 0 0.0625rem fuchsia;
-                  box-shadow: 0 0 0 0.0625rem fuchsia;
+          -webkit-box-shadow: 0 0 0 0.0625rem #007272;
+                  box-shadow: 0 0 0 0.0625rem #007272;
           -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
                   box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }
     .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):active[disabled],
@@ -6542,14 +6573,14 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus::after, html:not([data-whatintent='touch'])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover, html:not([data-whatintent='touch'])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover::after {
-      background-color: fuchsia;
+      background-color: #007272;
       background-color: var(--color-sea-green); }
   html:not([data-whatintent='touch'])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):not(:active):hover {
     border-radius: 0; }
   html:not([data-whatintent='touch'])
 .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active {
-    color: fuchsia;
+    color: #007272;
     color: var(--color-sea-green);
     -webkit-box-shadow: none;
             box-shadow: none; }
@@ -6565,15 +6596,113 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
     background-color: #f8f8f8;
     background-color: var(--color-black-3); }
 
-:root {
-  --button-width: 3.5rem;
-  --button-height: 3.5rem;
-  --button-width--large: 4.5rem;
-  --button-height--large: 4.5rem;
-  --button-icon-size: 1.5rem; }
-
 .dnb-button--primary {
-  color: #a5e1d2;
-  color: var(--color-open-banking-green);
-  background-color: #00343e;
-  background-color: var(--color-open-banking-emerald); }
+  background-color: #14555a;
+  background-color: var(--color-emerald-green); }
+  html:not([data-whatintent='touch']) .dnb-button--primary:hover[disabled] {
+    cursor: not-allowed; }
+  html:not([data-whatintent='touch']) .dnb-button--primary:hover:not([disabled]) {
+    color: #fff;
+    color: var(--color-white);
+    background-color: #007272;
+    background-color: var(--color-sea-green);
+    --border-color: var(--color-sea-green);
+    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
+            box-shadow: 0 0 0 0.125rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      html:not([data-whatintent='touch']) .dnb-button--primary:hover:not([disabled]) {
+        -webkit-box-shadow: 0 0 0 0.125rem #007272;
+                box-shadow: 0 0 0 0.125rem #007272;
+        -webkit-box-shadow: 0 0 0 0.125rem var(--color-sea-green);
+                box-shadow: 0 0 0 0.125rem var(--color-sea-green); } }
+    @media screen and (-ms-high-contrast: none) {
+      html:not([data-whatintent='touch']) .dnb-button--primary:hover:not([disabled]) {
+        opacity: 1; } }
+  .dnb-button--primary:active[disabled],
+  html:not([data-whatintent='touch']) .dnb-button--primary:active[disabled] {
+    cursor: not-allowed; }
+  .dnb-button--primary:active:not([disabled]),
+  html:not([data-whatintent='touch']) .dnb-button--primary:active:not([disabled]) {
+    color: #fff;
+    color: var(--color-white);
+    background-color: #007272;
+    background-color: var(--color-sea-green);
+    --border-color: transparent;
+    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+            box-shadow: 0 0 0 0.0625rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-button--primary:active:not([disabled]),
+      html:not([data-whatintent='touch']) .dnb-button--primary:active:not([disabled]) {
+        -webkit-box-shadow: 0 0 0 0.0625rem transparent;
+                box-shadow: 0 0 0 0.0625rem transparent; } }
+  .dnb-button--primary[disabled] {
+    color: #737373;
+    color: var(--color-black-55);
+    background-color: #ebebeb;
+    background-color: var(--color-black-8);
+    --border-color: var(--color-black-55);
+    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+            box-shadow: 0 0 0 0.0625rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-button--primary[disabled] {
+        -webkit-box-shadow: 0 0 0 0.0625rem #737373;
+                box-shadow: 0 0 0 0.0625rem #737373;
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
+                box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }
+
+.dnb-button--secondary {
+  color: #14555a;
+  color: var(--color-emerald-green);
+  --border-color: var(--color-emerald-green);
+  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+          box-shadow: 0 0 0 0.0625rem var(--border-color);
+  border-color: transparent; }
+  @media screen and (-ms-high-contrast: none) {
+    .dnb-button--secondary {
+      -webkit-box-shadow: 0 0 0 0.0625rem #14555a;
+              box-shadow: 0 0 0 0.0625rem #14555a;
+      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-emerald-green);
+              box-shadow: 0 0 0 0.0625rem var(--color-emerald-green); } }
+  .dnb-button--secondary:active[disabled],
+  html:not([data-whatintent='touch']) .dnb-button--secondary:active[disabled] {
+    cursor: not-allowed; }
+  .dnb-button--secondary:active:not([disabled]),
+  html:not([data-whatintent='touch']) .dnb-button--secondary:active:not([disabled]) {
+    color: #14555a;
+    color: var(--color-emerald-green);
+    background-color: #f2f4ec;
+    background-color: var(--color-pistachio);
+    --border-color: transparent;
+    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+            box-shadow: 0 0 0 0.0625rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-button--secondary:active:not([disabled]),
+      html:not([data-whatintent='touch']) .dnb-button--secondary:active:not([disabled]) {
+        -webkit-box-shadow: 0 0 0 0.0625rem transparent;
+                box-shadow: 0 0 0 0.0625rem transparent; } }
+  .dnb-button--secondary[disabled] {
+    color: #737373;
+    color: var(--color-black-55);
+    background-color: #fff;
+    background-color: var(--color-white);
+    --border-color: var(--color-black-55);
+    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+            box-shadow: 0 0 0 0.0625rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-button--secondary[disabled] {
+        -webkit-box-shadow: 0 0 0 0.0625rem #737373;
+                box-shadow: 0 0 0 0.0625rem #737373;
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
+                box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }
+
+.dnb-button--tertiary {
+  color: #14555a;
+  color: var(--color-emerald-green); }
+  .dnb-button--tertiary[disabled] {
+    color: #737373;
+    color: var(--color-black-55); }