@dnb/eufemia 9.37.0 → 9.38.0-beta.1

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

@@ -96,6 +96,7 @@
   --shadow-default-y: 8px;
   --shadow-default-blur-radius: 16px;
   --shadow-default-color: rgba(51, 51, 51, 0.08);
+  --easing-default: cubic-bezier(0.42, 0, 0, 1);
   --color-emerald-green-50: #89aaac;
   --color-emerald-green-25: #c4d4d6;
   --color-emerald-green-10: #e8eeef;
@@ -1368,11 +1369,10 @@ a.dnb-button {
     .dnb-accordion__variant--outlined > .dnb-accordion__header {
       -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
               box-shadow: 0 0 0 0.0625rem 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)) {
-      .dnb-accordion__variant--outlined > .dnb-accordion__header {
-        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+    .dnb-accordion__variant--outlined > .dnb-accordion__header {
+      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+              box-shadow: 0 0 0 0.0625rem var(--border-color); } }
   @media screen and (-ms-high-contrast: none) {
     .dnb-accordion__variant--outlined > .dnb-accordion__header {
       -webkit-box-shadow: inset 0 0 0 1px #ebebeb;
@@ -1404,12 +1404,11 @@ a.dnb-button {
         html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header: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-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]), html[data-whatinput='keyboard']
-          html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]) {
-            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                    box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+        html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]), html[data-whatinput='keyboard']
+        html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header: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-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]), html[data-whatinput='keyboard']
         html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]) {
@@ -1518,11 +1517,10 @@ html[data-whatinput='keyboard']
       html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
         -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-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
-          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                  box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
+        -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-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
         -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
@@ -1759,12 +1757,11 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
           html:not([data-whatintent='touch']) .dnb-button--primary: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--primary:focus:not([disabled]), html[data-whatinput='keyboard']
-            html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
-              -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                      box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: 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]) {
+            -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--primary:focus:not([disabled]), html[data-whatinput='keyboard']
           html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
@@ -1815,11 +1812,10 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       .dnb-button--secondary {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-button--secondary {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-button--secondary {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                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 #007272;
@@ -1871,12 +1867,11 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
           html:not([data-whatintent='touch']) .dnb-button--secondary: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:focus:not([disabled]), html[data-whatinput='keyboard']
-            html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
-              -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                      box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: 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]) {
+            -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:focus:not([disabled]), html[data-whatinput='keyboard']
           html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
@@ -1917,11 +1912,10 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
         .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
           -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                   box-shadow: 0 0 0 0.0625rem 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)) {
-          .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
-            -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                    box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+        .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
+          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                  box-shadow: 0 0 0 0.0625rem var(--border-color); } }
       @media screen and (-ms-high-contrast: none) {
         .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
           -webkit-box-shadow: inset 0 0 0 1px #b3dada;
@@ -1941,11 +1935,10 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
       .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
         -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
@@ -1999,12 +1992,11 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
         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); } } }
+      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-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 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]) {
@@ -2341,12 +2333,11 @@ html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accord
           html:not([data-whatintent='touch']) .dnb-button--signal: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--signal:focus:not([disabled]), html[data-whatinput='keyboard']
-            html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
-              -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                      box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+          html[data-whatinput='keyboard'] .dnb-button--signal:focus:not([disabled]), html[data-whatinput='keyboard']
+          html:not([data-whatintent='touch']) .dnb-button--signal: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--signal:focus:not([disabled]), html[data-whatinput='keyboard']
           html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
@@ -3087,13 +3078,12 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
                 box-shadow: 0 0 0 0.0625rem var(--border-color);
         -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
                 box-shadow: 0 0 0 var(--input-border-width) 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)) {
-        .dnb-input__shell {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color);
-          -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
-                  box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-input__shell {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color);
+        -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
+                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 #007272;
@@ -3125,13 +3115,12 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
                 box-shadow: 0 0 0 0.0625rem var(--border-color);
         -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
                 box-shadow: 0 0 0 var(--input-border-width) 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)) {
-        .dnb-input[data-input-state='disabled'] .dnb-input__shell {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color);
-          -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
-                  box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-input[data-input-state='disabled'] .dnb-input__shell {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color);
+        -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
+                box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-input[data-input-state='disabled'] .dnb-input__shell {
         -webkit-box-shadow: inset 0 0 0 1px #737373;
@@ -3916,11 +3905,10 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
     .dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
       -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)) {
-      .dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
-        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+    .dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
+      -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) {
     .dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
       -webkit-box-shadow: inset 0 0 0 1px #007272;
@@ -3954,11 +3942,10 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
       .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
         -webkit-box-shadow: inset 0 0 0 1px #ccc;
@@ -3977,11 +3964,10 @@ html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled])
     .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
       -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)) {
-      .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
-        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+    .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
+      -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) {
     .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
       -webkit-box-shadow: inset 0 0 0 1px #333;
@@ -4315,14 +4301,6 @@ html[data-whatinput='keyboard']
 /*
  * Utilities
  */
-/*
-* Button mixins
-*
-*/
-/*
-* Button mixins
-*
-*/
 .dnb-table {
   /* stylelint-disable-next-line */
   /* stylelint-disable-next-line */ }
@@ -4348,8 +4326,8 @@ html[data-whatinput='keyboard']
     vertical-align: bottom;
     background-color: #fff;
     background-color: var(--color-white); }
-    .dnb-table > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center),
-    .dnb-table > thead > tr > th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center), .dnb-table__th:not([align]):not(.dnb-table--left):not(.dnb-table--right):not(.dnb-table--center) {
+    .dnb-table > tr > th:not([align]),
+    .dnb-table > thead > tr > th:not([align]), .dnb-table__th:not([align]) {
       text-align: inherit; }
     @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
       .dnb-table > tr > th,
@@ -4374,14 +4352,14 @@ html[data-whatinput='keyboard']
     color: var(--theme-color-black-80, currentColor); }
   .dnb-table > tbody > tr,
   .dnb-table .dnb-table__tr,
-  .dnb-table .dnb-table__tr--odd {
-    background-color: #fff;
-    background-color: var(--color-white); }
-  .dnb-table > tbody > tr:not(.dnb-table__tr--odd):nth-of-type(2n),
-  .dnb-table .dnb-table__tr:not(.dnb-table__tr--odd):nth-of-type(2n),
   .dnb-table .dnb-table__tr--even {
     background-color: #f2f2f5;
     background-color: var(--color-lavender); }
+  .dnb-table > tbody > tr:not(.dnb-table__tr--even):nth-of-type(2n),
+  .dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),
+  .dnb-table .dnb-table__tr--odd {
+    background-color: #fff;
+    background-color: var(--color-white); }
   .dnb-table > thead > tr > th::after,
   .dnb-table > tbody > tr:last-of-type > td::after,
   .dnb-table > thead > .dnb-table__tr > .dnb-table__th::after,
@@ -4394,356 +4372,6 @@ html[data-whatinput='keyboard']
     height: 1px;
     background-color: #ebebeb;
     background-color: var(--color-black-8); }
-  .dnb-table > thead > tr > th.dnb-table--sortable,
-  .dnb-table .dnb-table__th.dnb-table--sortable {
-    color: #14555a;
-    color: var(--color-emerald-green); }
-    .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor,
-    .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button,
-    .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,
-    .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button {
-      position: relative;
-      z-index: 1;
-      -webkit-box-align: end;
-          -ms-flex-align: end;
-              align-items: flex-end;
-      -webkit-box-shadow: none;
-              box-shadow: none;
-      line-height: 1.5rem;
-      line-height: var(--line-height-basis);
-      margin: 0;
-      padding: 0;
-      padding-right: 0.5rem;
-      color: inherit;
-      font-weight: 500;
-      font-weight: var(--font-weight-medium);
-      text-align: inherit;
-      font-size: inherit; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon,
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
-        opacity: 0;
-        -webkit-transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
-        transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
-        transition: opacity 200ms ease-out, transform 500ms ease-out;
-        transition: opacity 200ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out; }
-        [data-visual-test-wrapper] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button > .dnb-icon, [data-visual-test-wrapper]
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor > .dnb-icon, [data-visual-test-wrapper]
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button > .dnb-icon {
-          -webkit-transition: none;
-          transition: none; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text,
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text {
-        margin: 0;
-        font-size: inherit; }
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__text::after,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__text::after,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__text::after {
-          right: 1rem; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button .dnb-button__icon,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor .dnb-button__icon,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button .dnb-button__icon {
-        -ms-flex-item-align: end;
-            align-self: flex-end;
-        margin-top: auto;
-        margin-bottom: 0.25rem; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after {
-        opacity: 1;
-        color: #14555a;
-        color: var(--color-emerald-green); }
-      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled] {
-        cursor: not-allowed; }
-      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), html:not([data-whatintent='touch'])
-      .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: #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'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
-          opacity: 1; }
-        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]) .dnb-button__text::after {
-          opacity: 0; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
-      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus[disabled],
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
-      html:not([data-whatintent='touch'])
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus[disabled],
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus[disabled],
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled],
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus[disabled] {
-        cursor: not-allowed; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
-      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
-      html:not([data-whatintent='touch'])
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
-        content: '';
-        position: absolute;
-        top: -0.5rem;
-        bottom: -0.5rem;
-        left: -1rem;
-        right: 0.5rem; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
-      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
-      html:not([data-whatintent='touch'])
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled])::before,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before,
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled])::before {
-        right: -0.5rem; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
-      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
-      html:not([data-whatintent='touch'])
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus:not([disabled]) .dnb-icon,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon,
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus:not([disabled]) .dnb-icon {
-        opacity: 1; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
-      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active[disabled],
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
-      html:not([data-whatintent='touch'])
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active[disabled],
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active[disabled],
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled],
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active[disabled] {
-        cursor: not-allowed; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
-      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
-      html:not([data-whatintent='touch'])
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled]),
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled]),
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]),
-      html:not([data-whatintent='touch'])
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled]) {
-        color: #14555a;
-        color: var(--color-emerald-green); }
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
-          content: '';
-          position: absolute;
-          z-index: 1;
-          top: 0;
-          left: -0.5rem;
-          bottom: 0;
-          right: -0.5rem;
-          height: inherit;
-          border-radius: inherit;
-          outline: none; }
-          html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
-          html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
-          .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
-          html:not([data-whatintent='touch'])
-          .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
-          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
-          html:not([data-whatintent='touch'])
-          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
-          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
-          html:not([data-whatintent='touch'])
-          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
-            --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[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
-              html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
-              .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
-              html:not([data-whatintent='touch'])
-              .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
-              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
-              html:not([data-whatintent='touch'])
-              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='mouse']
-              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
-              html:not([data-whatintent='touch'])
-              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
-                -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); } }
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
-          content: '';
-          position: absolute;
-          z-index: 1;
-          top: 0;
-          left: -0.5rem;
-          bottom: 0;
-          right: -0.5rem;
-          height: inherit;
-          border-radius: inherit;
-          outline: none; }
-          html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
-          html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
-          .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
-          html:not([data-whatintent='touch'])
-          .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
-          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
-          html:not([data-whatintent='touch'])
-          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
-          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
-          html:not([data-whatintent='touch'])
-          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
-            --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[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
-              html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
-              .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
-              html:not([data-whatintent='touch'])
-              .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
-              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
-              html:not([data-whatintent='touch'])
-              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before, html[data-whatinput='touch']
-              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
-              html:not([data-whatintent='touch'])
-              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
-                -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); } }
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
-          content: '';
-          position: absolute;
-          top: -0.5rem;
-          bottom: -0.5rem;
-          left: -1rem;
-          right: 0.5rem; }
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:active:not([disabled])::before,
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before,
-        html:not([data-whatintent='touch'])
-        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:active:not([disabled])::before {
-          right: -0.5rem; }
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
-      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
-      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
-        visibility: hidden; }
-  .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
-  .dnb-table > thead > tr > th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after,
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:not(:hover) .dnb-button__text::after,
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-button:not(:hover) .dnb-button__text::after {
-    opacity: 0; }
-  .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor .dnb-icon,
-  .dnb-table > thead > tr > th.dnb-table--active .dnb-button .dnb-icon,
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon {
-    opacity: 1; }
-  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
-  .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover[disabled], html:not([data-whatintent='touch'])
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover[disabled], html:not([data-whatintent='touch'])
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover[disabled] {
-    cursor: not-allowed; }
-  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-anchor:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
-  .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: #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,
-  .dnb-table > thead > tr > th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after,
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus:not(:active) .dnb-button__text::after,
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus:not(:active) .dnb-button__text::after {
-    visibility: visible; }
-  html[data-whatinput='keyboard']
-.dnb-table >
-thead > tr > th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
-  .dnb-table >
-thead > tr > th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
-  .dnb-table .dnb-table__th.dnb-table--active .dnb-button:hover:focus .dnb-button__text::after {
-    visibility: hidden; }
-  .dnb-table > thead > tr > th.dnb-table--reversed .dnb-anchor .dnb-icon,
-  .dnb-table > thead > tr > th.dnb-table--reversed .dnb-button .dnb-icon,
-  .dnb-table .dnb-table__th.dnb-table--reversed .dnb-anchor .dnb-icon,
-  .dnb-table .dnb-table__th.dnb-table--reversed .dnb-button .dnb-icon {
-    -webkit-transform: rotate(180deg);
-            transform: rotate(180deg);
-    -webkit-transform-origin: 50% 50%;
-            transform-origin: 50% 50%; }
-  .dnb-table > thead > tr > th.dnb-table--no-wrap,
-  .dnb-table > tbody > tr > th.dnb-table--no-wrap,
-  .dnb-table .dnb-table__th.dnb-table--no-wrap {
-    white-space: nowrap; }
 
 /*
 * Tabs theme
@@ -5071,11 +4699,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-timeline__item__label__icon {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-timeline__item__label__icon {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-timeline__item__label__icon {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-timeline__item__label__icon {
         -webkit-box-shadow: inset 0 0 0 1px #333;
@@ -5167,11 +4794,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
         -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
@@ -5252,13 +4878,12 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
         -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                 box-shadow: 0 0 0 0.09375rem 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-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
-        .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
-        .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
-          -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
-                  box-shadow: 0 0 0 0.09375rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
+      .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
+      .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
+        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
+                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
       .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
@@ -5336,14 +4961,13 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
         .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
           -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'] html[data-whatinput='keyboard']
+      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+        html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
-          .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
-          .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
-            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                    box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+        .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
+        .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
+          -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'] html[data-whatinput='keyboard']
 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
@@ -5394,11 +5018,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
         -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
@@ -5416,11 +5039,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
         -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                 box-shadow: 0 0 0 0.09375rem 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)) {
-        .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
-          -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
-                  box-shadow: 0 0 0 0.09375rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
+        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
+                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
         -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
@@ -5444,11 +5066,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
         -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                 box-shadow: 0 0 0 0.09375rem 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)) {
-        .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
-          -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
-                  box-shadow: 0 0 0 0.09375rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
+        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
+                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
         -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
@@ -5473,11 +5094,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
         -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
@@ -5495,11 +5115,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
         -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                 box-shadow: 0 0 0 0.09375rem 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)) {
-        .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
-          -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
-                  box-shadow: 0 0 0 0.09375rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
+        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
+                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
         -webkit-box-shadow: inset 0 0 0 1px #fff;
@@ -5976,12 +5595,11 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
           html:not([data-whatintent='touch']) .dnb-button--primary: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--primary:focus:not([disabled]), html[data-whatinput='keyboard']
-            html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
-              -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                      box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: 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]) {
+            -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--primary:focus:not([disabled]), html[data-whatinput='keyboard']
           html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
@@ -6032,11 +5650,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-button--secondary {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-button--secondary {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-button--secondary {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                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 #007272;
@@ -6088,12 +5705,11 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
           html:not([data-whatintent='touch']) .dnb-button--secondary: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:focus:not([disabled]), html[data-whatinput='keyboard']
-            html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
-              -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                      box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: 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]) {
+            -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:focus:not([disabled]), html[data-whatinput='keyboard']
           html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
@@ -6134,11 +5750,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
         .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
           -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                   box-shadow: 0 0 0 0.0625rem 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)) {
-          .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
-            -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                    box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+        .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
+          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                  box-shadow: 0 0 0 0.0625rem var(--border-color); } }
       @media screen and (-ms-high-contrast: none) {
         .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
           -webkit-box-shadow: inset 0 0 0 1px #b3dada;
@@ -6158,11 +5773,10 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
       .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
         -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                 box-shadow: 0 0 0 0.0625rem 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)) {
-        .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
-          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
-                  box-shadow: 0 0 0 0.0625rem var(--border-color); } } }
+    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+      .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
+        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
+                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
     @media screen and (-ms-high-contrast: none) {
       .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
         -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
@@ -6216,12 +5830,11 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
         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); } } }
+      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-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 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]) {
@@ -6558,12 +6171,11 @@ html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
           html:not([data-whatintent='touch']) .dnb-button--signal: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--signal:focus:not([disabled]), html[data-whatinput='keyboard']
-            html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
-              -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
-                      box-shadow: 0 0 0 0.125rem var(--border-color); } } }
+        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+          html[data-whatinput='keyboard'] .dnb-button--signal:focus:not([disabled]), html[data-whatinput='keyboard']
+          html:not([data-whatintent='touch']) .dnb-button--signal: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--signal:focus:not([disabled]), html[data-whatinput='keyboard']
           html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {