@dnb/eufemia 9.39.1 → 9.41.0

package/es/style/dnb-ui-components.css

@@ -568,6 +568,20 @@
     scroll-behavior: smooth; }
   html[data-visual-test] .dnb-scroll-view {
     scroll-behavior: auto !important; }
+  .dnb-scroll-view[tabindex='0']:focus {
+    outline: none;
+    outline: none; }
+    html[data-whatinput='keyboard'] .dnb-scroll-view[tabindex='0']:focus {
+      --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='keyboard'] .dnb-scroll-view[tabindex='0']:focus {
+          -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); } }
 
 /*
 * Accordion component
@@ -750,9 +764,9 @@
           right: 0;
           width: 60%; } }
   .dnb-accordion > .dnb-accordion__header--no-animation .dnb-accordion__header__icon,
-  html[data-visual-test] .dnb-accordion > .dnb-accordion__header--no-animation .dnb-accordion__header__icon {
-    -webkit-transition-duration: 1ms !important;
-            transition-duration: 1ms !important; }
+  html[data-visual-test] .dnb-accordion .dnb-accordion__header .dnb-accordion__header__icon {
+    -webkit-transition: none;
+    transition: none; }
 
 /*
 * Autocomplete component
@@ -2561,10 +2575,10 @@ button.dnb-button::-moz-focus-inner {
     width: 100%;
     height: 100%; }
   .dnb-dialog--information {
-    min-width: 320px;
-    min-width: var(--dialog-min-width);
     width: 60vw;
     width: var(--dialog-avg-width);
+    min-width: 320px;
+    min-width: var(--dialog-min-width);
     max-width: 49rem;
     max-width: var(--dialog-max-width); }
   .dnb-dialog--confirmation {
@@ -2665,6 +2679,10 @@ button.dnb-button::-moz-focus-inner {
     width: 100%; }
     .dnb-dialog__actions > :not(:last-child) {
       margin-right: 1rem; }
+  .dnb-dialog--information .dnb-dialog__actions {
+    -webkit-box-pack: left;
+        -ms-flex-pack: left;
+            justify-content: left; }
   .dnb-dialog__align--center .dnb-dialog__content {
     -webkit-box-align: center;
         -ms-flex-align: center;
@@ -2710,26 +2728,6 @@ button.dnb-button::-moz-focus-inner {
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between; }
-  .dnb-dialog__icon__primary.dnb-icon--border::after {
-    left: -50%;
-    right: -50%;
-    top: -50%;
-    bottom: -50%;
-    border: none;
-    background-color: currentColor;
-    opacity: 0.1; }
-  .dnb-dialog__icon__primary.dnb-dialog__icon--warning {
-    color: #dc2a2a;
-    color: var(--color-fire-red); }
-    .dnb-dialog__icon__primary.dnb-dialog__icon--warning ::after {
-      background-color: #fdeeee;
-      background-color: var(--color-fire-red-8); }
-  .dnb-dialog__icon__primary.dnb-dialog__icon--info {
-    color: #14555a;
-    color: var(--color-emerald-green); }
-    .dnb-dialog__icon__primary.dnb-dialog__icon--info ::after {
-      background-color: #f2f4ec;
-      background-color: var(--color-pistachio); }
   html:not([data-visual-test]) .dnb-dialog {
     -webkit-animation: show-modal 300ms ease-out;
             animation: show-modal 300ms ease-out;
@@ -2770,6 +2768,10 @@ button.dnb-button::-moz-focus-inner {
       margin-bottom: 0; }
   .dnb-dialog--spacing .dnb-dialog__header .dnb-tabs {
     margin-top: 3.5rem; }
+  .dnb-dialog__icon {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
   .dnb-dialog__icon ~ .dnb-dialog__header {
     margin-top: 1.5rem; }
   @supports (-webkit-touch-callout: none) {
@@ -3039,6 +3041,7 @@ button.dnb-button::-moz-focus-inner {
   .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section {
     position: sticky;
     top: 0;
+    left: 0;
     z-index: 99;
     margin: 2rem 0;
     margin: var(--drawer-spacing) 0;
@@ -3398,13 +3401,6 @@ button.dnb-button::-moz-focus-inner {
     display: block;
     margin-right: 0;
     margin-bottom: 0.5rem; }
-  .dnb-form-label--sr-only {
-    width: 1px !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    margin-left: -1px !important;
-    overflow: hidden !important;
-    white-space: nowrap !important; }
   .dnb-form-label[for]:not([disabled]) {
     -moz-user-select: none;
      -ms-user-select: none;
@@ -4175,6 +4171,9 @@ html[data-visual-test] .dnb-global-status__shell {
     .dnb-input--password .dnb-input__placeholder::-ms-clear,
     .dnb-input--password .dnb-input__input::-ms-clear {
       display: none; }
+    .dnb-input--password .dnb-input__placeholder::-ms-reveal,
+    .dnb-input--password .dnb-input__input::-ms-reveal {
+      display: none; }
   .dnb-input--password .dnb-input__placeholder {
     padding-right: 4rem; }
   .dnb-input--password .dnb-input__input {
@@ -7253,279 +7252,24 @@ span.dnb-space--no-collapse > span {
 * Button mixins
 *
 */
-/*
-* Table component
-*
-*/
-.dnb-table__th__horizontal {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end; }
-
-/*
-* Table component
-*
-*/
-.dnb-table {
-  --border: 0.0625rem solid var(--color-black-8);
-  --outline: 0.0625rem solid var(--color-black-8); }
-  .dnb-table--border tbody .dnb-table__td {
-    z-index: 2; }
-    .dnb-table--border tbody .dnb-table__td::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      z-index: -1;
-      pointer-events: none;
-      border: var(--border);
-      border-right: none;
-      border-bottom: none; }
-    .dnb-table--border tbody .dnb-table__td:first-of-type::after {
-      border-left: none; }
-  .dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr:last-of-type .dnb-table__td::after {
-    border-bottom: var(--border); }
-  .dnb-table--outline thead .dnb-table__th {
-    z-index: 2; }
-    .dnb-table--outline thead .dnb-table__th::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      z-index: -1;
-      pointer-events: none;
-      border-top: var(--outline); }
-    .dnb-table--outline thead .dnb-table__th:first-of-type::after {
-      border-left: var(--outline); }
-    .dnb-table--outline thead .dnb-table__th:last-of-type::after {
-      border-right: var(--outline); }
-  .dnb-table--outline tbody .dnb-table__td {
-    z-index: 2; }
-    .dnb-table--outline tbody .dnb-table__td:first-of-type::after, .dnb-table--outline tbody .dnb-table__td:last-of-type::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      z-index: -1;
-      pointer-events: none; }
-    .dnb-table--outline tbody .dnb-table__td:first-of-type::after {
-      border-left: var(--outline); }
-    .dnb-table--outline tbody .dnb-table__td:last-of-type::after {
-      border-right: var(--outline); }
-  .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td {
-    z-index: 2; }
-    .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      z-index: -1;
-      pointer-events: none;
-      border-bottom: var(--outline); }
-  .dnb-table--outline thead .dnb-table__th:first-of-type, .dnb-table--outline thead .dnb-table__th:first-of-type::after {
-    border-radius: 0.5rem 0 0 0; }
-  .dnb-table--outline thead .dnb-table__th:last-of-type, .dnb-table--outline thead .dnb-table__th:last-of-type::after {
-    border-radius: 0 0.5rem 0 0; }
-  .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type::after {
-    border-radius: 0 0 0 0.5rem; }
-  .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type::after {
-    border-radius: 0 0 0.5rem 0; }
-  .dnb-table__td--no-spacing,
-  .dnb-table td.dnb-table__td--no-spacing {
-    padding: 0; }
-  .dnb-table__td--spacing-horizontal,
-  .dnb-table td.dnb-table__td--spacing-horizontal {
-    padding-top: 0;
-    padding-bottom: 0; }
-
-/*
-* Table component
-*
-*/
-.dnb-table > tbody > tr,
-.dnb-table .dnb-table__tr,
-.dnb-table .dnb-table__tr--even {
-  background-color: #f8f8f8;
-  background-color: var(--color-black-3); }
-
-.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--outline thead .dnb-table__tr:first-of-type {
-  -webkit-clip-path: inset(0 round 0.5rem 0.5rem 0 0);
-          clip-path: inset(0 round 0.5rem 0.5rem 0 0); }
-
-.dnb-table--outline tbody .dnb-table__tr:last-of-type {
-  -webkit-clip-path: inset(0 round 0 0 0.5rem 0.5rem);
-          clip-path: inset(0 round 0 0 0.5rem 0.5rem); }
-
-/*
-* Table component
-*
-*/
-.dnb-table > tr > th,
-.dnb-table > tr > td,
-.dnb-table > thead > tr > th,
-.dnb-table > tbody > tr > td, .dnb-table__th, .dnb-table__td {
-  position: relative;
-  border-spacing: 0;
-  word-break: keep-all; }
-
-/*
-* Table component
-*
-*/
-.dnb-table__sticky-helper > td {
-  display: block;
-  overflow: hidden;
-  padding: 0 !important;
-  height: 0; }
-
-.dnb-table tr.sticky th {
-  position: sticky;
-  top: 0;
-  top: var(--table-top, 0);
-  z-index: 2; }
-  .dnb-table tr.sticky th::before {
-    content: '';
-    position: absolute;
-    opacity: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    height: 6px;
-    -webkit-box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
-            box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
-    -webkit-box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
-            box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
-    -webkit-clip-path: inset(6px 0 -48px 0);
-            clip-path: inset(6px 0 -48px 0);
-    -webkit-transition: opacity 300ms ease-out;
-    transition: opacity 300ms ease-out; }
-    [data-visual-test-wrapper] .dnb-table tr.sticky th::before {
-      -webkit-transition: none;
-      transition: none; }
-
-.dnb-table tr.sticky.show-shadow th::before {
-  opacity: 1; }
-
-/*
-* Table component
-*
-*/
-.dnb-table__container {
-  position: relative;
-  --border: 0.0625rem solid var(--color-black-8);
-  background-color: #fff;
-  background-color: var(--color-white); }
-  .dnb-table__container::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1;
-    pointer-events: none;
-    border: var(--border); }
-  .dnb-table__container, .dnb-table__container::after {
-    border-radius: 0.5rem; }
-  .dnb-table__container, .dnb-table__container__body, .dnb-table__container__head, .dnb-table__container__foot {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column; }
-  .dnb-table__container__body .dnb-table:not([class*='space__bottom']) {
-    margin-bottom: 0; }
-  .dnb-table__container__head {
-    padding: 2rem 1rem 0; }
-    .dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
-      margin: 0; }
-  .dnb-table__container__foot {
-    padding: 0.5rem 1rem 2rem; }
-
 .dnb-table {
   display: table;
   table-layout: auto;
   width: 100%;
-  overflow: auto;
   margin-top: 0;
   margin-bottom: 0.5rem;
   border-spacing: 0;
-  border-collapse: collapse;
-  /* stylelint-disable */
-  /* stylelint-enable */ }
+  border-collapse: collapse; }
   .dnb-table--fixed {
     table-layout: fixed;
     width: auto; }
   .dnb-table--no-wrap {
     white-space: nowrap; }
-  .dnb-table, .dnb-table--left {
-    text-align: left; }
-  .dnb-table--right {
-    text-align: right; }
-  .dnb-table--center {
-    text-align: center; }
   .dnb-table > caption {
     caption-side: bottom;
     margin-top: 0.5rem;
     font-size: 1.125rem;
     font-size: var(--font-size-basis); }
-  .dnb-table--small,
-  .dnb-table--small > tr > th,
-  .dnb-table--small > tr > td,
-  .dnb-table--small > thead > tr > th,
-  .dnb-table--small > tbody > tr > td {
-    font-size: 1rem;
-    font-size: var(--font-size-small); }
-  .dnb-table > tr.dnb-table--small > th,
-  .dnb-table > tr.dnb-table--small > td,
-  .dnb-table > thead > tr.dnb-table--small > th,
-  .dnb-table > tbody > tr.dnb-table--small > td {
-    font-size: 1rem;
-    font-size: var(--font-size-small); }
-  .dnb-table > tr > th.dnb-table--small,
-  .dnb-table > tr > td.dnb-table--small,
-  .dnb-table > thead > tr > th.dnb-table--small,
-  .dnb-table > tbody > tr > td.dnb-table--small, .dnb-table__th.dnb-table--small, .dnb-table__td.dnb-table--small {
-    font-size: 1rem;
-    font-size: var(--font-size-small); }
-  .dnb-table--x-small,
-  .dnb-table--x-small > tr > th,
-  .dnb-table--x-small > tr > td,
-  .dnb-table--x-small > thead > tr > th,
-  .dnb-table--x-small > tbody > tr > td {
-    font-size: 0.875rem;
-    font-size: var(--font-size-x-small); }
-  .dnb-table > tr.dnb-table--x-small > th,
-  .dnb-table > tr.dnb-table--x-small > td,
-  .dnb-table > thead > tr.dnb-table--x-small > th,
-  .dnb-table > tbody > tr.dnb-table--x-small > td {
-    font-size: 0.875rem;
-    font-size: var(--font-size-x-small); }
-  .dnb-table > tr > th.dnb-table--x-small,
-  .dnb-table > tr > td.dnb-table--x-small,
-  .dnb-table > thead > tr > th.dnb-table--x-small,
-  .dnb-table > tbody > tr > td.dnb-table--x-small, .dnb-table__th.dnb-table--x-small, .dnb-table__td.dnb-table--x-small {
-    font-size: 0.875rem;
-    font-size: var(--font-size-x-small); }
   .dnb-table.dnb-skeleton > * {
     -webkit-text-fill-color: #ebebeb;
     -webkit-text-fill-color: var(--skeleton-color); }
@@ -7542,8 +7286,7 @@ span.dnb-space--no-collapse > span {
               align-items: flex-end;
       -webkit-box-shadow: none;
               box-shadow: none;
-      line-height: 1.5rem;
-      line-height: var(--line-height-basis);
+      line-height: inherit;
       margin: 0;
       padding: 0;
       padding-right: 0.5rem;
@@ -7566,7 +7309,8 @@ span.dnb-space--no-collapse > span {
       .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,
       .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text {
         margin: 0;
-        font-size: inherit; }
+        font-size: inherit;
+        line-height: inherit; }
         .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text::after,
         .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text::after {
           right: 1rem; }
@@ -7774,39 +7518,561 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
   .dnb-table > thead > tr > th .dnb-table__help-button {
     margin-left: 0.5rem; }
 
-.dnb-spacing .dnb-table p,
-.dnb-spacing .dnb-table ul,
-.dnb-spacing .dnb-table ol,
-.dnb-spacing .dnb-table dl,
-.dnb-spacing .dnb-table pre {
-  margin-top: 0;
-  margin-bottom: 0; }
-
 /*
- * Tabs component
- *
- */
-.dnb-tabs {
-  /* stylelint-disable */
-  /* stylelint-enable */ }
-  .dnb-tabs__tabs {
-    position: relative;
-    z-index: 1;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center; }
-    .dnb-tabs__tabs, .dnb-tabs__tabs.dnb-section--spacing {
-      padding-bottom: 0; }
-    .dnb-tabs__tabs__tablist {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-flex: 0;
-          -ms-flex: 0 1 auto;
-              flex: 0 1 auto;
+* Table component
+*
+*/
+.dnb-table__th__horizontal {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end; }
+
+.dnb-table--outline thead .dnb-table__th::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  pointer-events: none;
+  border-top: var(--outline); }
+
+.dnb-table--outline thead .dnb-table__th:first-of-type::after {
+  border-left: var(--outline); }
+
+.dnb-table--outline thead .dnb-table__th:last-of-type::after {
+  border-right: var(--outline); }
+
+.dnb-table--outline thead .dnb-table__th:first-of-type, .dnb-table--outline thead .dnb-table__th:first-of-type::after {
+  border-radius: 0.5rem 0 0 0; }
+
+.dnb-table--outline thead .dnb-table__th:last-of-type, .dnb-table--outline thead .dnb-table__th:last-of-type::after {
+  border-radius: 0 0.5rem 0 0; }
+
+.dnb-table--outline tbody .dnb-table__th:first-of-type::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  pointer-events: none;
+  border-left: var(--outline); }
+
+.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  pointer-events: none;
+  border-bottom: var(--outline); }
+
+.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:first-of-type::after {
+  border-radius: 0 0 0 0.5rem; }
+
+/*
+* Table component
+*
+*/
+.dnb-table--border tbody .dnb-table__td::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  pointer-events: none;
+  border: var(--border);
+  border-right: none;
+  border-bottom: none; }
+
+.dnb-table--border tbody .dnb-table__td:first-of-type::after {
+  border-left: none; }
+
+.dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr:last-of-type .dnb-table__td::after {
+  border-bottom: var(--border); }
+
+.dnb-table--outline tbody .dnb-table__td {
+  /* stylelint-disable */
+  /* stylelint-enable */ }
+  .dnb-table--outline tbody .dnb-table__td:first-of-type::after, .dnb-table--outline tbody .dnb-table__td:last-of-type::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+    pointer-events: none; }
+  .dnb-table--outline tbody .dnb-table__td:first-of-type::after {
+    border-left: var(--outline); }
+  .dnb-table--outline tbody .dnb-table__td:last-of-type::after {
+    border-right: var(--outline); }
+  .dnb-table--outline tbody .dnb-table__td, .dnb-table--outline tbody .dnb-table__td::before, .dnb-table--outline tbody .dnb-table__td::after {
+    -webkit-transition: border-radius 400ms cubic-bezier(0.42, 0, 0, 1);
+    transition: border-radius 400ms cubic-bezier(0.42, 0, 0, 1);
+    -webkit-transition: border-radius 400ms var(--easing-default);
+    transition: border-radius 400ms var(--easing-default); }
+
+.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  pointer-events: none;
+  border-bottom: var(--outline); }
+
+.dnb-table--outline thead .dnb-table__th:first-of-type, .dnb-table--outline thead .dnb-table__th:first-of-type::after {
+  border-radius: 0.5rem 0 0 0; }
+
+.dnb-table--outline thead .dnb-table__th:last-of-type, .dnb-table--outline thead .dnb-table__th:last-of-type::after {
+  border-radius: 0 0.5rem 0 0; }
+
+.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type::before, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:first-of-type::after,
+.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type,
+.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type::before,
+.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type::after {
+  border-radius: 0 0 0 0.5rem; }
+
+.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type::before, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type::after,
+.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type,
+.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type::before,
+.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type::after {
+  border-radius: 0 0 0.5rem 0; }
+
+.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td, .dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td::before, .dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td::after {
+  border-radius: 0 0 0.5rem 0.5rem; }
+
+.dnb-table--outline tbody .dnb-table__tr .dnb-table__th ~ .dnb-table__td:first-of-type:first-of-type::after {
+  border-left: none; }
+
+.dnb-table--border tbody .dnb-table__tr .dnb-table__th ~ .dnb-table__td:first-of-type:first-of-type::after {
+  border-left: var(--border); }
+
+.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type::before, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type::after {
+  border-radius: 0 0 0 0; }
+
+.dnb-table__td--no-spacing,
+.dnb-table td.dnb-table__td--no-spacing {
+  padding: 0; }
+
+.dnb-table__td--spacing-horizontal,
+.dnb-table td.dnb-table__td--spacing-horizontal {
+  padding-top: 0;
+  padding-bottom: 0; }
+
+/*
+* Table component
+*
+*/
+.dnb-table > tbody > tr,
+.dnb-table .dnb-table__tr,
+.dnb-table .dnb-table__tr--even {
+  background-color: #f8f8f8;
+  background-color: var(--color-black-3); }
+
+.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--outline thead .dnb-table__tr:first-of-type,
+.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) {
+  -webkit-clip-path: inset(0 round 0.5rem 0.5rem 0 0);
+          clip-path: inset(0 round 0.5rem 0.5rem 0 0); }
+
+.dnb-table--outline tbody .dnb-table__tr:last-of-type,
+.dnb-table--outline tbody
+.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) {
+  -webkit-clip-path: inset(0 round 0 0 0.5rem 0.5rem);
+          clip-path: inset(0 round 0 0 0.5rem 0.5rem); }
+
+/*
+* Table component
+*
+*/
+.dnb-table > tr > th,
+.dnb-table > tr > td,
+.dnb-table > thead > tr > th,
+.dnb-table > tbody > tr > td, .dnb-table__th, .dnb-table__td {
+  position: relative;
+  border-spacing: 0;
+  word-break: keep-all; }
+
+/*
+* Table component
+*
+*/
+.dnb-table__sticky-helper > td {
+  display: block;
+  overflow: hidden;
+  padding: 0 !important;
+  height: 0; }
+
+.dnb-table tr.sticky:not(.css-position) th {
+  position: relative;
+  z-index: 3;
+  will-change: transform;
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+  -webkit-transform: translate3d(0, var(--table-offset, 0), 0);
+          transform: translate3d(0, var(--table-offset, 0), 0); }
+
+.dnb-table tr.sticky.css-position {
+  position: sticky;
+  z-index: 3;
+  top: 0;
+  top: var(--table-top, 0); }
+
+.dnb-table tr.sticky.is-sticky th::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 6px;
+  -webkit-box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
+          box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
+  -webkit-box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
+          box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
+  -webkit-clip-path: inset(6px 0 -48px 0);
+          clip-path: inset(6px 0 -48px 0); }
+
+/*
+* Table component
+*
+*/
+.dnb-table__container {
+  position: relative; }
+  .dnb-table__container::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+    pointer-events: none;
+    z-index: 3;
+    border: var(--outline); }
+  .dnb-table__container, .dnb-table__container::after {
+    border-radius: 0.5rem; }
+  .dnb-table__container, .dnb-table__container__body, .dnb-table__container__head, .dnb-table__container__foot {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  .dnb-table__container__body .dnb-table:not([class*='space__bottom']) {
+    margin-bottom: 0; }
+  .dnb-table__container__head {
+    padding: 2rem 1rem 0; }
+    .dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
+      margin: 0; }
+  .dnb-table__container__foot {
+    padding: 0.5rem 1rem 2rem; }
+  .dnb-modal__content .dnb-table__container .dnb-table__scroll-view {
+    overflow: visible; }
+
+/*
+* Table deprecated parts
+*
+*/
+.dnb-table {
+  /* stylelint-disable */ }
+  .dnb-table, .dnb-table--left {
+    text-align: left; }
+  .dnb-table--right {
+    text-align: right; }
+  .dnb-table--center {
+    text-align: center; }
+  .dnb-table--small,
+  .dnb-table--small > tr > th,
+  .dnb-table--small > tr > td,
+  .dnb-table--small > thead > tr > th,
+  .dnb-table--small > tbody > tr > td {
+    font-size: 1rem;
+    font-size: var(--font-size-small); }
+  .dnb-table > tr.dnb-table--small > th,
+  .dnb-table > tr.dnb-table--small > td,
+  .dnb-table > thead > tr.dnb-table--small > th,
+  .dnb-table > tbody > tr.dnb-table--small > td {
+    font-size: 1rem;
+    font-size: var(--font-size-small); }
+  .dnb-table > tr > th.dnb-table--small,
+  .dnb-table > tr > td.dnb-table--small,
+  .dnb-table > thead > tr > th.dnb-table--small,
+  .dnb-table > tbody > tr > td.dnb-table--small, .dnb-table__th.dnb-table--small, .dnb-table__td.dnb-table--small {
+    font-size: 1rem;
+    font-size: var(--font-size-small); }
+  .dnb-table--x-small,
+  .dnb-table--x-small > tr > th,
+  .dnb-table--x-small > tr > td,
+  .dnb-table--x-small > thead > tr > th,
+  .dnb-table--x-small > tbody > tr > td {
+    font-size: 0.875rem;
+    font-size: var(--font-size-x-small); }
+  .dnb-table > tr.dnb-table--x-small > th,
+  .dnb-table > tr.dnb-table--x-small > td,
+  .dnb-table > thead > tr.dnb-table--x-small > th,
+  .dnb-table > tbody > tr.dnb-table--x-small > td {
+    font-size: 0.875rem;
+    font-size: var(--font-size-x-small); }
+  .dnb-table > tr > th.dnb-table--x-small,
+  .dnb-table > tr > td.dnb-table--x-small,
+  .dnb-table > thead > tr > th.dnb-table--x-small,
+  .dnb-table > tbody > tr > td.dnb-table--x-small, .dnb-table__th.dnb-table--x-small, .dnb-table__td.dnb-table--x-small {
+    font-size: 0.875rem;
+    font-size: var(--font-size-x-small); }
+
+/*
+* Table component
+*
+*/
+.dnb-table {
+  --accordion-background: var(--color-white);
+  --accordion-border-width: 0.0625rem;
+  --accordion-border: var(--accordion-border-width) solid
+    var(--color-black-20); }
+  .dnb-table__th.dnb-table__th__accordion-icon {
+    padding: 0; }
+    .dnb-table__th.dnb-table__th__accordion-icon div {
+      width: 3.5rem;
+      text-indent: -300vw; }
+      .dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div {
+        width: 3rem; }
+      .dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div {
+        width: 2.5rem; }
+  .dnb-table__td.dnb-table__td__accordion-icon {
+    padding: 0;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
+  .dnb-table__tr--has-accordion-content .dnb-table__toggle-button {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+    .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon {
+      color: #007272;
+      color: var(--color-sea-green);
+      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
+      transition: -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
+      transition: transform 500ms cubic-bezier(0.42, 0, 0, 1);
+      transition: transform 500ms cubic-bezier(0.42, 0, 0, 1), -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
+      -webkit-transition: -webkit-transform 500ms var(--accordion-easing);
+      transition: -webkit-transform 500ms var(--accordion-easing);
+      transition: transform 500ms var(--accordion-easing);
+      transition: transform 500ms var(--accordion-easing), -webkit-transform 500ms var(--accordion-easing); }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,
+  html[data-visual-test]
+.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon {
+    -webkit-transition: none !important;
+    transition: none !important; }
+  .dnb-table__tr--has-accordion-content, .dnb-table__tr__accordion_content {
+    position: relative;
+    z-index: 2; }
+  .dnb-table__tr--has-accordion-content:hover, .dnb-table__tr--has-accordion-content:active, .dnb-table__tr--has-accordion-content:focus, .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded, .dnb-table__tr__accordion_content {
+    z-index: 3; }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg); }
+  .dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td::after {
+    border-bottom: none; }
+  .dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type)::after {
+    border-left: none; }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) {
+    outline: none; }
+    .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td::before {
+      content: '';
+      position: absolute;
+      z-index: 3;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      inset: 0;
+      pointer-events: none;
+      border: 0.125rem solid transparent; }
+    .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type)::before {
+      border-left: none; }
+    .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type)::before {
+      border-right: none; }
+    html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled] {
+      cursor: not-allowed; }
+    html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td::before {
+      border-color: #14555a;
+      border-color: var(--color-emerald-green); }
+    html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon {
+      color: #14555a;
+      color: var(--color-emerald-green); }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td {
+    background-color: #fff;
+    background-color: var(--color-white); }
+  html[data-whatinput='keyboard'] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td::before {
+    top: 0;
+    bottom: 0;
+    border-color: #14555a;
+    border-color: var(--color-emerald-green); }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type::before {
+    left: 0; }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type::before {
+    right: 0; }
+  html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td::before,
+  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td::before {
+    border-color: #14555a;
+    border-color: var(--color-emerald-green);
+    border-width: 0.0625rem; }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td {
+    background-color: #f2f4ec;
+    background-color: var(--color-pistachio); }
+    .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon {
+      color: #14555a;
+      color: var(--color-emerald-green); }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td {
+    background-color: var(--accordion-background); }
+    .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td::before {
+      border: none;
+      border-top: var(--accordion-border); }
+  html:not([data-whatinput='keyboard']) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) {
+    background-color: var(--accordion-background); }
+    html:not([data-whatinput='keyboard']) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td::before {
+      border: none;
+      border-top: var(--accordion-border); }
+  .dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon {
+    color: #b3dada;
+    color: var(--color-sea-green-30); }
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
+    .dnb-table__tr__accordion_content[hidden] {
+      /**
+          * By reverting the display from "none" to "block",
+          * we trick VoiceOver to not make this row as the end of the table. We still need "hidden" to get the correct number of rows (childCount).
+          */
+      display: block; } }
+  .dnb-table__tr__accordion_content td::before {
+    content: '';
+    position: absolute;
+    top: auto;
+    left: 0;
+    right: 0;
+    bottom: -0.0625rem;
+    bottom: calc(0.0625rem * -1);
+    bottom: calc(var(--accordion-border-width)*-1);
+    bottom: calc(var(--accordion-border-width) * -1);
+    pointer-events: none;
+    border-bottom: var(--accordion-border); }
+  .dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td::before {
+    border-bottom: none; }
+  .dnb-table--border .dnb-table__tr__accordion_content td::after {
+    border-top: none; }
+  .dnb-table__tr__accordion_content__inner {
+    overflow: hidden;
+    will-change: height;
+    -webkit-transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
+    transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
+    -webkit-transition: height 400ms var(--accordion-easing);
+    transition: height 400ms var(--accordion-easing);
+    position: relative; }
+    .dnb-table__tr__accordion_content__inner__spacing {
+      padding: 1rem;
+      -webkit-transform: translateY(-10px);
+              transform: translateY(-10px);
+      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
+      transition: -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
+      transition: transform 500ms cubic-bezier(0.42, 0, 0, 1);
+      transition: transform 500ms cubic-bezier(0.42, 0, 0, 1), -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
+      -webkit-transition: -webkit-transform 500ms var(--accordion-easing);
+      transition: -webkit-transform 500ms var(--accordion-easing);
+      transition: transform 500ms var(--accordion-easing);
+      transition: transform 500ms var(--accordion-easing), -webkit-transform 500ms var(--accordion-easing); }
+  .dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); }
+  .dnb-table__tr__accordion_content > td,
+  .dnb-table__tr__accordion_content > td.dnb-table__td {
+    padding: 0; }
+    .dnb-table__tr__accordion_content > td .dnb-dl,
+    .dnb-table__tr__accordion_content > td .dnb-dl dt,
+    .dnb-table__tr__accordion_content > td.dnb-table__td .dnb-dl,
+    .dnb-table__tr__accordion_content > td.dnb-table__td .dnb-dl dt {
+      margin: 0; }
+  .dnb-table__tr__accordion_content--expanded > td,
+  .dnb-table__tr__accordion_content--expanded > td.dnb-table__td {
+    background-color: #fff;
+    background-color: var(--color-white); }
+  .dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td {
+    background-color: var(--accordion-background);
+    /**
+      * Safari on iOS and macOS has problems on animating when vertical-align is baseline.
+      * What happens is that the td is not 0, even the content inside is 0. With vertical top, we omit that.
+      * But we do not need baseline in this tr > td, so we reset it.
+      */
+    vertical-align: top; }
+  .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled) {
+    cursor: pointer; }
+  .dnb-table__td-wrapper {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
+
+.dnb-spacing .dnb-table p,
+.dnb-spacing .dnb-table ul,
+.dnb-spacing .dnb-table ol,
+.dnb-spacing .dnb-table dl,
+.dnb-spacing .dnb-table pre {
+  margin-top: 0;
+  margin-bottom: 0; }
+
+/*
+ * Tabs component
+ *
+ */
+.dnb-tabs {
+  /* stylelint-disable */
+  /* stylelint-enable */ }
+  .dnb-tabs__tabs {
+    position: relative;
+    z-index: 1;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center; }
+    .dnb-tabs__tabs, .dnb-tabs__tabs.dnb-section--spacing {
+      padding-bottom: 0; }
+    .dnb-tabs__tabs__tablist {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-flex: 0;
+          -ms-flex: 0 1 auto;
+              flex: 0 1 auto;
       overflow-x: auto;
       -ms-scroll-chaining: none;
           overscroll-behavior: contain;
@@ -9230,39 +9496,6 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
 * VisuallyHidden component
 *
 */
-.dnb-visually-hidden--default {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  -webkit-touch-callout: none;
-  pointer-events: none;
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-  overflow: hidden;
-  white-space: nowrap;
-  height: 1px;
-  width: 1px;
-  margin: -1px 0 0 -1px;
-  padding: 0;
-  border: 0; }
-  .dnb-visually-hidden--default:not(:focus):not(:active) {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    -webkit-touch-callout: none;
-    pointer-events: none;
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px);
-    overflow: hidden;
-    white-space: nowrap;
-    height: 1px;
-    width: 1px;
-    margin: -1px 0 0 -1px;
-    padding: 0;
-    border: 0; }
-
 .dnb-visually-hidden--focusable:not(:focus):not([focus-within]) {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -9271,15 +9504,15 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
   -webkit-touch-callout: none;
   pointer-events: none;
   position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
+  -webkit-clip-path: inset(50%);
+          clip-path: inset(50%);
+  max-width: 1px;
+  max-height: 1px;
   overflow: hidden;
   white-space: nowrap;
-  height: 1px;
-  width: 1px;
-  margin: -1px 0 0 -1px;
   padding: 0;
+  margin: 0;
   border: 0; }
-
 .dnb-visually-hidden--focusable:not(:focus):not(:focus-within) {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -9288,11 +9521,12 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
   -webkit-touch-callout: none;
   pointer-events: none;
   position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
+  -webkit-clip-path: inset(50%);
+          clip-path: inset(50%);
+  max-width: 1px;
+  max-height: 1px;
   overflow: hidden;
   white-space: nowrap;
-  height: 1px;
-  width: 1px;
-  margin: -1px 0 0 -1px;
   padding: 0;
+  margin: 0;
   border: 0; }