@dnb/eufemia 10.53.0 → 10.54.1

package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css

@@ -1177,11 +1177,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40.00625em) {
-  .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
-    margin-left: var(--spacing-medium);
-  }
-}
 @media screen and (max-width: 60em) {
   .dnb-forms-wizard-layout {
     flex-direction: column;
@@ -1198,7 +1193,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 
 @media screen and (min-width: 60.00625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
-    margin-left: 23rem;
+    margin-left: 21.5rem;
   }
 }
 .dnb-forms-test-element {
@@ -2729,224 +2724,1355 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus {
   border: 0;
   transform: scale(var(--checkbox-bounding--medium));
 }
-.dnb-checkbox--large .dnb-checkbox__input {
-  width: var(--checkbox-width--large);
-  height: var(--checkbox-height--large);
-  transform: scale(1);
+.dnb-checkbox--large .dnb-checkbox__input {
+  width: var(--checkbox-width--large);
+  height: var(--checkbox-height--large);
+  transform: scale(1);
+}
+.dnb-checkbox__input:not([disabled]) {
+  cursor: pointer;
+}
+.dnb-checkbox .dnb-form-label {
+  margin-bottom: 0;
+  margin-right: 0;
+  margin-left: 0;
+}
+.dnb-checkbox__order {
+  display: inline-flex;
+  align-items: baseline;
+}
+.dnb-checkbox__suffix {
+  order: 4;
+}
+.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner {
+  order: 2;
+}
+.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label {
+  order: 1;
+  padding-right: 0.5rem;
+}
+.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status {
+  order: 3;
+  margin-top: 0.5rem;
+}
+.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner {
+  order: 1;
+}
+.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label {
+  order: 2;
+  padding-left: 0.5rem;
+}
+.dnb-checkbox--label-position-right .dnb-checkbox__order + .dnb-form-status {
+  order: 3;
+  vertical-align: top;
+  margin-top: 0.5rem;
+}
+.dnb-checkbox__input:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__gfx {
+  opacity: 1;
+  transform: scale(1);
+  color: var(--checkbox-color-gfx-on);
+}
+.dnb-checkbox__input:checked ~ .dnb-checkbox__button, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-on);
+  border-color: var(--checkbox-color-border-on);
+}
+.dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__gfx {
+  opacity: 0;
+  transform: scale(0.8);
+  color: var(--checkbox-color-gfx-off);
+}
+.dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-off);
+  border-color: var(--checkbox-color-border-off);
+  transition: background-color 100ms ease-out;
+}
+.dnb-checkbox__input ~ .dnb-checkbox__indeterminate {
+  position: absolute;
+  z-index: 5;
+  width: var(--checkbox-gfx-width__indeterminate);
+  height: var(--checkbox-gfx-height__indeterminate);
+  transform: scale(0.85);
+  opacity: 0;
+  background-color: var(--checkbox-color-gfx-indeterminate);
+  border-radius: var(--checkbox-gfx-border-radius__indeterminate);
+  transition: opacity 200ms ease-out, transform 200ms ease-out;
+}
+.dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate {
+  transform: scale(1);
+  opacity: 1;
+}
+.dnb-checkbox__input:indeterminate:checked ~ .dnb-checkbox__button {
+  background-color: transparent;
+  border-color: var(--checkbox-color-border-off);
+}
+.dnb-checkbox__input:indeterminate:hover ~ .dnb-checkbox__gfx, .dnb-checkbox__input:indeterminate:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input:indeterminate:checked:hover ~ .dnb-checkbox__gfx {
+  color: transparent;
+}
+.dnb-checkbox--large .dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate {
+  width: var(--checkbox-gfx-width__indeterminate--large);
+  height: var(--checkbox-gfx-height__indeterminate--large);
+}
+.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button {
+  border-width: var(--checkbox-border-width--disabled);
+}
+.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button, .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-on--disabled);
+  border-color: var(--checkbox-color-border-on--disabled);
+}
+.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--disabled);
+}
+.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button {
+  border-color: var(--checkbox-color-border-off--disabled);
+  background-color: var(--checkbox-color-background-off--disabled);
+}
+.dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx__indeterminate--disabled);
+}
+.dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__gfx {
+  color: transparent;
+}
+.dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background--active);
+  border-color: var(--checkbox-color-border--active);
+}
+.dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__gfx, .dnb-checkbox__input:not([disabled])[data-checked=true]:active ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx-on);
+}
+.dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-indeterminate--active);
+  border-color: var(--checkbox-color-border-indeterminate--active);
+}
+.dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx-indeterminate--active);
+}
+.dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__button {
+  border-color: var(--checkbox-color-border-off--hover);
+  background-color: var(--checkbox-color-background--hover);
+  border-width: var(--checkbox-border-width--hover);
+}
+.dnb-checkbox__input:hover ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--hover);
+}
+.dnb-checkbox__input:not([disabled]):checked:hover ~ .dnb-checkbox__button, .dnb-checkbox__input:not([disabled])[data-checked=true]:hover ~ .dnb-checkbox__button {
+  border: var(--checkbox-border-width--hover) solid var(--checkbox-color-border-on--hover);
+}
+html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button {
+  border: none;
+  background-color: var(--checkbox-color-background--focus);
+}
+html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--focus);
+}
+.dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button .dnb-checkbox__focus, .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus {
+  display: block;
+}
+.dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx--focus);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button {
+  border: none;
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
+  display: block;
+  --border-color: var(--checkbox-color-border--error);
+  --border-width: var(--checkbox-border-width--error);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background--error--hover);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button[data-checked=true] {
+  border-color: var(--checkbox-color-border--error--hover);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error--hover);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error);
+}
+html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button, html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover ~ .dnb-checkbox__button {
+  border: none;
+  background-color: var(--checkbox-color-background--error-contrast);
+  --border-color: var(--checkbox-color-border--error);
+  --border-width: calc(var(--checkbox-border-width--hover));
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error-contrast);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button, .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true] ~ .dnb-checkbox__button {
+  background-color: var(--checkbox-color-background-on--error);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error-contrast);
+  background-color: var(--checkbox-color-gfx--error-contrast);
+  border-radius: var(--checkbox-border-radius);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not(:active):not(:hover) ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx-indeterminate--error);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not(:indeterminate) ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx-indeterminate--error);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:hover:not(:active) ~ .dnb-checkbox__indeterminate {
+  background-color: var(--checkbox-color-gfx--error--hover);
+}
+.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__gfx {
+  color: var(--checkbox-color-gfx--error--hover);
+}
+.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
+  border-color: var(--skeleton-color);
+}
+.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
+  border-radius: 0;
+}
+.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__gfx {
+  color: var(--skeleton-color);
+}
+.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__indeterminate {
+  background-color: var(--skeleton-color);
+}
+
+/*
+* CopyOnClick component
+*
+*/
+.dnb-copy-on-click--cursor {
+  cursor: copy;
+}
+
+/*
+* Import all flag icons (SVG) via CSS
+* Source: flag-icons/css/flag-icons.css
+* 
+* Theatrically, we could use the flag-icons package to import the flags (@import 'flag-icons/css/flag-icons.css'),
+* but since we only use the 1x1 flag icons, we want to use the CSS instead.
+* This lowers the overall footprint of the package and the amount of work the compilers needs to do.
+*/
+.fi-xx.fis {
+  background-image: url("flag-icons/flags/1x1/xx.svg");
+}
+
+.fi-ad.fis {
+  background-image: url("flag-icons/flags/1x1/ad.svg");
+}
+
+.fi-ae.fis {
+  background-image: url("flag-icons/flags/1x1/ae.svg");
+}
+
+.fi-af.fis {
+  background-image: url("flag-icons/flags/1x1/af.svg");
+}
+
+.fi-ag.fis {
+  background-image: url("flag-icons/flags/1x1/ag.svg");
+}
+
+.fi-ai.fis {
+  background-image: url("flag-icons/flags/1x1/ai.svg");
+}
+
+.fi-al.fis {
+  background-image: url("flag-icons/flags/1x1/al.svg");
+}
+
+.fi-am.fis {
+  background-image: url("flag-icons/flags/1x1/am.svg");
+}
+
+.fi-ao.fis {
+  background-image: url("flag-icons/flags/1x1/ao.svg");
+}
+
+.fi-aq.fis {
+  background-image: url("flag-icons/flags/1x1/aq.svg");
+}
+
+.fi-ar.fis {
+  background-image: url("flag-icons/flags/1x1/ar.svg");
+}
+
+.fi-as.fis {
+  background-image: url("flag-icons/flags/1x1/as.svg");
+}
+
+.fi-at.fis {
+  background-image: url("flag-icons/flags/1x1/at.svg");
+}
+
+.fi-au.fis {
+  background-image: url("flag-icons/flags/1x1/au.svg");
+}
+
+.fi-aw.fis {
+  background-image: url("flag-icons/flags/1x1/aw.svg");
+}
+
+.fi-ax.fis {
+  background-image: url("flag-icons/flags/1x1/ax.svg");
+}
+
+.fi-az.fis {
+  background-image: url("flag-icons/flags/1x1/az.svg");
+}
+
+.fi-ba.fis {
+  background-image: url("flag-icons/flags/1x1/ba.svg");
+}
+
+.fi-bb.fis {
+  background-image: url("flag-icons/flags/1x1/bb.svg");
+}
+
+.fi-bd.fis {
+  background-image: url("flag-icons/flags/1x1/bd.svg");
+}
+
+.fi-be.fis {
+  background-image: url("flag-icons/flags/1x1/be.svg");
+}
+
+.fi-bf.fis {
+  background-image: url("flag-icons/flags/1x1/bf.svg");
+}
+
+.fi-bg.fis {
+  background-image: url("flag-icons/flags/1x1/bg.svg");
+}
+
+.fi-bh.fis {
+  background-image: url("flag-icons/flags/1x1/bh.svg");
+}
+
+.fi-bi.fis {
+  background-image: url("flag-icons/flags/1x1/bi.svg");
+}
+
+.fi-bj.fis {
+  background-image: url("flag-icons/flags/1x1/bj.svg");
+}
+
+.fi-bl.fis {
+  background-image: url("flag-icons/flags/1x1/bl.svg");
+}
+
+.fi-bm.fis {
+  background-image: url("flag-icons/flags/1x1/bm.svg");
+}
+
+.fi-bn.fis {
+  background-image: url("flag-icons/flags/1x1/bn.svg");
+}
+
+.fi-bo.fis {
+  background-image: url("flag-icons/flags/1x1/bo.svg");
+}
+
+.fi-bq.fis {
+  background-image: url("flag-icons/flags/1x1/bq.svg");
+}
+
+.fi-br.fis {
+  background-image: url("flag-icons/flags/1x1/br.svg");
+}
+
+.fi-bs.fis {
+  background-image: url("flag-icons/flags/1x1/bs.svg");
+}
+
+.fi-bt.fis {
+  background-image: url("flag-icons/flags/1x1/bt.svg");
+}
+
+.fi-bv.fis {
+  background-image: url("flag-icons/flags/1x1/bv.svg");
+}
+
+.fi-bw.fis {
+  background-image: url("flag-icons/flags/1x1/bw.svg");
+}
+
+.fi-by.fis {
+  background-image: url("flag-icons/flags/1x1/by.svg");
+}
+
+.fi-bz.fis {
+  background-image: url("flag-icons/flags/1x1/bz.svg");
+}
+
+.fi-ca.fis {
+  background-image: url("flag-icons/flags/1x1/ca.svg");
+}
+
+.fi-cc.fis {
+  background-image: url("flag-icons/flags/1x1/cc.svg");
+}
+
+.fi-cd.fis {
+  background-image: url("flag-icons/flags/1x1/cd.svg");
+}
+
+.fi-cf.fis {
+  background-image: url("flag-icons/flags/1x1/cf.svg");
+}
+
+.fi-cg.fis {
+  background-image: url("flag-icons/flags/1x1/cg.svg");
+}
+
+.fi-ch.fis {
+  background-image: url("flag-icons/flags/1x1/ch.svg");
+}
+
+.fi-ci.fis {
+  background-image: url("flag-icons/flags/1x1/ci.svg");
+}
+
+.fi-ck.fis {
+  background-image: url("flag-icons/flags/1x1/ck.svg");
+}
+
+.fi-cl.fis {
+  background-image: url("flag-icons/flags/1x1/cl.svg");
+}
+
+.fi-cm.fis {
+  background-image: url("flag-icons/flags/1x1/cm.svg");
+}
+
+.fi-cn.fis {
+  background-image: url("flag-icons/flags/1x1/cn.svg");
+}
+
+.fi-co.fis {
+  background-image: url("flag-icons/flags/1x1/co.svg");
+}
+
+.fi-cr.fis {
+  background-image: url("flag-icons/flags/1x1/cr.svg");
+}
+
+.fi-cu.fis {
+  background-image: url("flag-icons/flags/1x1/cu.svg");
+}
+
+.fi-cv.fis {
+  background-image: url("flag-icons/flags/1x1/cv.svg");
+}
+
+.fi-cw.fis {
+  background-image: url("flag-icons/flags/1x1/cw.svg");
+}
+
+.fi-cx.fis {
+  background-image: url("flag-icons/flags/1x1/cx.svg");
+}
+
+.fi-cy.fis {
+  background-image: url("flag-icons/flags/1x1/cy.svg");
+}
+
+.fi-cz.fis {
+  background-image: url("flag-icons/flags/1x1/cz.svg");
+}
+
+.fi-de.fis {
+  background-image: url("flag-icons/flags/1x1/de.svg");
+}
+
+.fi-dj.fis {
+  background-image: url("flag-icons/flags/1x1/dj.svg");
+}
+
+.fi-dk.fis {
+  background-image: url("flag-icons/flags/1x1/dk.svg");
+}
+
+.fi-dm.fis {
+  background-image: url("flag-icons/flags/1x1/dm.svg");
+}
+
+.fi-do.fis {
+  background-image: url("flag-icons/flags/1x1/do.svg");
+}
+
+.fi-dz.fis {
+  background-image: url("flag-icons/flags/1x1/dz.svg");
+}
+
+.fi-ec.fis {
+  background-image: url("flag-icons/flags/1x1/ec.svg");
+}
+
+.fi-ee.fis {
+  background-image: url("flag-icons/flags/1x1/ee.svg");
+}
+
+.fi-eg.fis {
+  background-image: url("flag-icons/flags/1x1/eg.svg");
+}
+
+.fi-eh.fis {
+  background-image: url("flag-icons/flags/1x1/eh.svg");
+}
+
+.fi-er.fis {
+  background-image: url("flag-icons/flags/1x1/er.svg");
+}
+
+.fi-es.fis {
+  background-image: url("flag-icons/flags/1x1/es.svg");
+}
+
+.fi-et.fis {
+  background-image: url("flag-icons/flags/1x1/et.svg");
+}
+
+.fi-fi.fis {
+  background-image: url("flag-icons/flags/1x1/fi.svg");
+}
+
+.fi-fj.fis {
+  background-image: url("flag-icons/flags/1x1/fj.svg");
+}
+
+.fi-fk.fis {
+  background-image: url("flag-icons/flags/1x1/fk.svg");
+}
+
+.fi-fm.fis {
+  background-image: url("flag-icons/flags/1x1/fm.svg");
+}
+
+.fi-fo.fis {
+  background-image: url("flag-icons/flags/1x1/fo.svg");
+}
+
+.fi-fr.fis {
+  background-image: url("flag-icons/flags/1x1/fr.svg");
+}
+
+.fi-ga.fis {
+  background-image: url("flag-icons/flags/1x1/ga.svg");
+}
+
+.fi-gb.fis {
+  background-image: url("flag-icons/flags/1x1/gb.svg");
+}
+
+.fi-gd.fis {
+  background-image: url("flag-icons/flags/1x1/gd.svg");
+}
+
+.fi-ge.fis {
+  background-image: url("flag-icons/flags/1x1/ge.svg");
+}
+
+.fi-gf.fis {
+  background-image: url("flag-icons/flags/1x1/gf.svg");
+}
+
+.fi-gg.fis {
+  background-image: url("flag-icons/flags/1x1/gg.svg");
+}
+
+.fi-gh.fis {
+  background-image: url("flag-icons/flags/1x1/gh.svg");
+}
+
+.fi-gi.fis {
+  background-image: url("flag-icons/flags/1x1/gi.svg");
+}
+
+.fi-gl.fis {
+  background-image: url("flag-icons/flags/1x1/gl.svg");
+}
+
+.fi-gm.fis {
+  background-image: url("flag-icons/flags/1x1/gm.svg");
+}
+
+.fi-gn.fis {
+  background-image: url("flag-icons/flags/1x1/gn.svg");
+}
+
+.fi-gp.fis {
+  background-image: url("flag-icons/flags/1x1/gp.svg");
+}
+
+.fi-gq.fis {
+  background-image: url("flag-icons/flags/1x1/gq.svg");
+}
+
+.fi-gr.fis {
+  background-image: url("flag-icons/flags/1x1/gr.svg");
+}
+
+.fi-gs.fis {
+  background-image: url("flag-icons/flags/1x1/gs.svg");
+}
+
+.fi-gt.fis {
+  background-image: url("flag-icons/flags/1x1/gt.svg");
+}
+
+.fi-gu.fis {
+  background-image: url("flag-icons/flags/1x1/gu.svg");
+}
+
+.fi-gw.fis {
+  background-image: url("flag-icons/flags/1x1/gw.svg");
+}
+
+.fi-gy.fis {
+  background-image: url("flag-icons/flags/1x1/gy.svg");
+}
+
+.fi-hk.fis {
+  background-image: url("flag-icons/flags/1x1/hk.svg");
+}
+
+.fi-hm.fis {
+  background-image: url("flag-icons/flags/1x1/hm.svg");
+}
+
+.fi-hn.fis {
+  background-image: url("flag-icons/flags/1x1/hn.svg");
+}
+
+.fi-hr.fis {
+  background-image: url("flag-icons/flags/1x1/hr.svg");
+}
+
+.fi-ht.fis {
+  background-image: url("flag-icons/flags/1x1/ht.svg");
+}
+
+.fi-hu.fis {
+  background-image: url("flag-icons/flags/1x1/hu.svg");
+}
+
+.fi-id.fis {
+  background-image: url("flag-icons/flags/1x1/id.svg");
+}
+
+.fi-ie.fis {
+  background-image: url("flag-icons/flags/1x1/ie.svg");
+}
+
+.fi-il.fis {
+  background-image: url("flag-icons/flags/1x1/il.svg");
+}
+
+.fi-im.fis {
+  background-image: url("flag-icons/flags/1x1/im.svg");
+}
+
+.fi-in.fis {
+  background-image: url("flag-icons/flags/1x1/in.svg");
+}
+
+.fi-io.fis {
+  background-image: url("flag-icons/flags/1x1/io.svg");
+}
+
+.fi-iq.fis {
+  background-image: url("flag-icons/flags/1x1/iq.svg");
+}
+
+.fi-ir.fis {
+  background-image: url("flag-icons/flags/1x1/ir.svg");
+}
+
+.fi-is.fis {
+  background-image: url("flag-icons/flags/1x1/is.svg");
+}
+
+.fi-it.fis {
+  background-image: url("flag-icons/flags/1x1/it.svg");
+}
+
+.fi-je.fis {
+  background-image: url("flag-icons/flags/1x1/je.svg");
+}
+
+.fi-jm.fis {
+  background-image: url("flag-icons/flags/1x1/jm.svg");
+}
+
+.fi-jo.fis {
+  background-image: url("flag-icons/flags/1x1/jo.svg");
+}
+
+.fi-jp.fis {
+  background-image: url("flag-icons/flags/1x1/jp.svg");
+}
+
+.fi-ke.fis {
+  background-image: url("flag-icons/flags/1x1/ke.svg");
+}
+
+.fi-kg.fis {
+  background-image: url("flag-icons/flags/1x1/kg.svg");
+}
+
+.fi-kh.fis {
+  background-image: url("flag-icons/flags/1x1/kh.svg");
+}
+
+.fi-ki.fis {
+  background-image: url("flag-icons/flags/1x1/ki.svg");
+}
+
+.fi-km.fis {
+  background-image: url("flag-icons/flags/1x1/km.svg");
+}
+
+.fi-kn.fis {
+  background-image: url("flag-icons/flags/1x1/kn.svg");
+}
+
+.fi-kp.fis {
+  background-image: url("flag-icons/flags/1x1/kp.svg");
+}
+
+.fi-kr.fis {
+  background-image: url("flag-icons/flags/1x1/kr.svg");
+}
+
+.fi-kw.fis {
+  background-image: url("flag-icons/flags/1x1/kw.svg");
+}
+
+.fi-ky.fis {
+  background-image: url("flag-icons/flags/1x1/ky.svg");
+}
+
+.fi-kz.fis {
+  background-image: url("flag-icons/flags/1x1/kz.svg");
+}
+
+.fi-la.fis {
+  background-image: url("flag-icons/flags/1x1/la.svg");
+}
+
+.fi-lb.fis {
+  background-image: url("flag-icons/flags/1x1/lb.svg");
+}
+
+.fi-lc.fis {
+  background-image: url("flag-icons/flags/1x1/lc.svg");
+}
+
+.fi-li.fis {
+  background-image: url("flag-icons/flags/1x1/li.svg");
+}
+
+.fi-lk.fis {
+  background-image: url("flag-icons/flags/1x1/lk.svg");
+}
+
+.fi-lr.fis {
+  background-image: url("flag-icons/flags/1x1/lr.svg");
+}
+
+.fi-ls.fis {
+  background-image: url("flag-icons/flags/1x1/ls.svg");
+}
+
+.fi-lt.fis {
+  background-image: url("flag-icons/flags/1x1/lt.svg");
+}
+
+.fi-lu.fis {
+  background-image: url("flag-icons/flags/1x1/lu.svg");
+}
+
+.fi-lv.fis {
+  background-image: url("flag-icons/flags/1x1/lv.svg");
+}
+
+.fi-ly.fis {
+  background-image: url("flag-icons/flags/1x1/ly.svg");
+}
+
+.fi-ma.fis {
+  background-image: url("flag-icons/flags/1x1/ma.svg");
+}
+
+.fi-mc.fis {
+  background-image: url("flag-icons/flags/1x1/mc.svg");
+}
+
+.fi-md.fis {
+  background-image: url("flag-icons/flags/1x1/md.svg");
+}
+
+.fi-me.fis {
+  background-image: url("flag-icons/flags/1x1/me.svg");
+}
+
+.fi-mf.fis {
+  background-image: url("flag-icons/flags/1x1/mf.svg");
+}
+
+.fi-mg.fis {
+  background-image: url("flag-icons/flags/1x1/mg.svg");
+}
+
+.fi-mh.fis {
+  background-image: url("flag-icons/flags/1x1/mh.svg");
+}
+
+.fi-mk.fis {
+  background-image: url("flag-icons/flags/1x1/mk.svg");
+}
+
+.fi-ml.fis {
+  background-image: url("flag-icons/flags/1x1/ml.svg");
+}
+
+.fi-mm.fis {
+  background-image: url("flag-icons/flags/1x1/mm.svg");
+}
+
+.fi-mn.fis {
+  background-image: url("flag-icons/flags/1x1/mn.svg");
+}
+
+.fi-mo.fis {
+  background-image: url("flag-icons/flags/1x1/mo.svg");
+}
+
+.fi-mp.fis {
+  background-image: url("flag-icons/flags/1x1/mp.svg");
+}
+
+.fi-mq.fis {
+  background-image: url("flag-icons/flags/1x1/mq.svg");
+}
+
+.fi-mr.fis {
+  background-image: url("flag-icons/flags/1x1/mr.svg");
+}
+
+.fi-ms.fis {
+  background-image: url("flag-icons/flags/1x1/ms.svg");
+}
+
+.fi-mt.fis {
+  background-image: url("flag-icons/flags/1x1/mt.svg");
+}
+
+.fi-mu.fis {
+  background-image: url("flag-icons/flags/1x1/mu.svg");
+}
+
+.fi-mv.fis {
+  background-image: url("flag-icons/flags/1x1/mv.svg");
+}
+
+.fi-mw.fis {
+  background-image: url("flag-icons/flags/1x1/mw.svg");
+}
+
+.fi-mx.fis {
+  background-image: url("flag-icons/flags/1x1/mx.svg");
+}
+
+.fi-my.fis {
+  background-image: url("flag-icons/flags/1x1/my.svg");
+}
+
+.fi-mz.fis {
+  background-image: url("flag-icons/flags/1x1/mz.svg");
+}
+
+.fi-na.fis {
+  background-image: url("flag-icons/flags/1x1/na.svg");
+}
+
+.fi-nc.fis {
+  background-image: url("flag-icons/flags/1x1/nc.svg");
+}
+
+.fi-ne.fis {
+  background-image: url("flag-icons/flags/1x1/ne.svg");
+}
+
+.fi-nf.fis {
+  background-image: url("flag-icons/flags/1x1/nf.svg");
+}
+
+.fi-ng.fis {
+  background-image: url("flag-icons/flags/1x1/ng.svg");
+}
+
+.fi-ni.fis {
+  background-image: url("flag-icons/flags/1x1/ni.svg");
+}
+
+.fi-nl.fis {
+  background-image: url("flag-icons/flags/1x1/nl.svg");
+}
+
+.fi-no.fis {
+  background-image: url("flag-icons/flags/1x1/no.svg");
+}
+
+.fi-np.fis {
+  background-image: url("flag-icons/flags/1x1/np.svg");
+}
+
+.fi-nr.fis {
+  background-image: url("flag-icons/flags/1x1/nr.svg");
+}
+
+.fi-nu.fis {
+  background-image: url("flag-icons/flags/1x1/nu.svg");
+}
+
+.fi-nz.fis {
+  background-image: url("flag-icons/flags/1x1/nz.svg");
+}
+
+.fi-om.fis {
+  background-image: url("flag-icons/flags/1x1/om.svg");
+}
+
+.fi-pa.fis {
+  background-image: url("flag-icons/flags/1x1/pa.svg");
+}
+
+.fi-pe.fis {
+  background-image: url("flag-icons/flags/1x1/pe.svg");
+}
+
+.fi-pf.fis {
+  background-image: url("flag-icons/flags/1x1/pf.svg");
+}
+
+.fi-pg.fis {
+  background-image: url("flag-icons/flags/1x1/pg.svg");
+}
+
+.fi-ph.fis {
+  background-image: url("flag-icons/flags/1x1/ph.svg");
+}
+
+.fi-pk.fis {
+  background-image: url("flag-icons/flags/1x1/pk.svg");
+}
+
+.fi-pl.fis {
+  background-image: url("flag-icons/flags/1x1/pl.svg");
+}
+
+.fi-pm.fis {
+  background-image: url("flag-icons/flags/1x1/pm.svg");
+}
+
+.fi-pn.fis {
+  background-image: url("flag-icons/flags/1x1/pn.svg");
+}
+
+.fi-pr.fis {
+  background-image: url("flag-icons/flags/1x1/pr.svg");
+}
+
+.fi-ps.fis {
+  background-image: url("flag-icons/flags/1x1/ps.svg");
+}
+
+.fi-pt.fis {
+  background-image: url("flag-icons/flags/1x1/pt.svg");
+}
+
+.fi-pw.fis {
+  background-image: url("flag-icons/flags/1x1/pw.svg");
+}
+
+.fi-py.fis {
+  background-image: url("flag-icons/flags/1x1/py.svg");
+}
+
+.fi-qa.fis {
+  background-image: url("flag-icons/flags/1x1/qa.svg");
+}
+
+.fi-re.fis {
+  background-image: url("flag-icons/flags/1x1/re.svg");
+}
+
+.fi-ro.fis {
+  background-image: url("flag-icons/flags/1x1/ro.svg");
+}
+
+.fi-rs.fis {
+  background-image: url("flag-icons/flags/1x1/rs.svg");
+}
+
+.fi-ru.fis {
+  background-image: url("flag-icons/flags/1x1/ru.svg");
+}
+
+.fi-rw.fis {
+  background-image: url("flag-icons/flags/1x1/rw.svg");
+}
+
+.fi-sa.fis {
+  background-image: url("flag-icons/flags/1x1/sa.svg");
+}
+
+.fi-sb.fis {
+  background-image: url("flag-icons/flags/1x1/sb.svg");
+}
+
+.fi-sc.fis {
+  background-image: url("flag-icons/flags/1x1/sc.svg");
+}
+
+.fi-sd.fis {
+  background-image: url("flag-icons/flags/1x1/sd.svg");
+}
+
+.fi-se.fis {
+  background-image: url("flag-icons/flags/1x1/se.svg");
+}
+
+.fi-sg.fis {
+  background-image: url("flag-icons/flags/1x1/sg.svg");
+}
+
+.fi-sh.fis {
+  background-image: url("flag-icons/flags/1x1/sh.svg");
+}
+
+.fi-si.fis {
+  background-image: url("flag-icons/flags/1x1/si.svg");
+}
+
+.fi-sj.fis {
+  background-image: url("flag-icons/flags/1x1/sj.svg");
+}
+
+.fi-sk.fis {
+  background-image: url("flag-icons/flags/1x1/sk.svg");
+}
+
+.fi-sl.fis {
+  background-image: url("flag-icons/flags/1x1/sl.svg");
+}
+
+.fi-sm.fis {
+  background-image: url("flag-icons/flags/1x1/sm.svg");
+}
+
+.fi-sn.fis {
+  background-image: url("flag-icons/flags/1x1/sn.svg");
+}
+
+.fi-so.fis {
+  background-image: url("flag-icons/flags/1x1/so.svg");
+}
+
+.fi-sr.fis {
+  background-image: url("flag-icons/flags/1x1/sr.svg");
+}
+
+.fi-ss.fis {
+  background-image: url("flag-icons/flags/1x1/ss.svg");
+}
+
+.fi-st.fis {
+  background-image: url("flag-icons/flags/1x1/st.svg");
+}
+
+.fi-sv.fis {
+  background-image: url("flag-icons/flags/1x1/sv.svg");
+}
+
+.fi-sx.fis {
+  background-image: url("flag-icons/flags/1x1/sx.svg");
 }
-.dnb-checkbox__input:not([disabled]) {
-  cursor: pointer;
+
+.fi-sy.fis {
+  background-image: url("flag-icons/flags/1x1/sy.svg");
 }
-.dnb-checkbox .dnb-form-label {
-  margin-bottom: 0;
-  margin-right: 0;
-  margin-left: 0;
+
+.fi-sz.fis {
+  background-image: url("flag-icons/flags/1x1/sz.svg");
 }
-.dnb-checkbox__order {
-  display: inline-flex;
-  align-items: baseline;
+
+.fi-tc.fis {
+  background-image: url("flag-icons/flags/1x1/tc.svg");
 }
-.dnb-checkbox__suffix {
-  order: 4;
+
+.fi-td.fis {
+  background-image: url("flag-icons/flags/1x1/td.svg");
 }
-.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner {
-  order: 2;
+
+.fi-tf.fis {
+  background-image: url("flag-icons/flags/1x1/tf.svg");
 }
-.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label {
-  order: 1;
-  padding-right: 0.5rem;
+
+.fi-tg.fis {
+  background-image: url("flag-icons/flags/1x1/tg.svg");
 }
-.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status {
-  order: 3;
-  margin-top: 0.5rem;
+
+.fi-th.fis {
+  background-image: url("flag-icons/flags/1x1/th.svg");
 }
-.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner {
-  order: 1;
+
+.fi-tj.fis {
+  background-image: url("flag-icons/flags/1x1/tj.svg");
 }
-.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label {
-  order: 2;
-  padding-left: 0.5rem;
+
+.fi-tk.fis {
+  background-image: url("flag-icons/flags/1x1/tk.svg");
 }
-.dnb-checkbox--label-position-right .dnb-checkbox__order + .dnb-form-status {
-  order: 3;
-  vertical-align: top;
-  margin-top: 0.5rem;
+
+.fi-tl.fis {
+  background-image: url("flag-icons/flags/1x1/tl.svg");
 }
-.dnb-checkbox__input:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__gfx {
-  opacity: 1;
-  transform: scale(1);
-  color: var(--checkbox-color-gfx-on);
+
+.fi-tm.fis {
+  background-image: url("flag-icons/flags/1x1/tm.svg");
 }
-.dnb-checkbox__input:checked ~ .dnb-checkbox__button, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__button {
-  background-color: var(--checkbox-color-background-on);
-  border-color: var(--checkbox-color-border-on);
+
+.fi-tn.fis {
+  background-image: url("flag-icons/flags/1x1/tn.svg");
 }
-.dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__gfx {
-  opacity: 0;
-  transform: scale(0.8);
-  color: var(--checkbox-color-gfx-off);
+
+.fi-to.fis {
+  background-image: url("flag-icons/flags/1x1/to.svg");
 }
-.dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button {
-  background-color: var(--checkbox-color-background-off);
-  border-color: var(--checkbox-color-border-off);
-  transition: background-color 100ms ease-out;
+
+.fi-tr.fis {
+  background-image: url("flag-icons/flags/1x1/tr.svg");
 }
-.dnb-checkbox__input ~ .dnb-checkbox__indeterminate {
-  position: absolute;
-  z-index: 5;
-  width: var(--checkbox-gfx-width__indeterminate);
-  height: var(--checkbox-gfx-height__indeterminate);
-  transform: scale(0.85);
-  opacity: 0;
-  background-color: var(--checkbox-color-gfx-indeterminate);
-  border-radius: var(--checkbox-gfx-border-radius__indeterminate);
-  transition: opacity 200ms ease-out, transform 200ms ease-out;
+
+.fi-tt.fis {
+  background-image: url("flag-icons/flags/1x1/tt.svg");
 }
-.dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate {
-  transform: scale(1);
-  opacity: 1;
+
+.fi-tv.fis {
+  background-image: url("flag-icons/flags/1x1/tv.svg");
 }
-.dnb-checkbox__input:indeterminate:checked ~ .dnb-checkbox__button {
-  background-color: transparent;
-  border-color: var(--checkbox-color-border-off);
+
+.fi-tw.fis {
+  background-image: url("flag-icons/flags/1x1/tw.svg");
 }
-.dnb-checkbox__input:indeterminate:hover ~ .dnb-checkbox__gfx, .dnb-checkbox__input:indeterminate:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input:indeterminate:checked:hover ~ .dnb-checkbox__gfx {
-  color: transparent;
+
+.fi-tz.fis {
+  background-image: url("flag-icons/flags/1x1/tz.svg");
 }
-.dnb-checkbox--large .dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate {
-  width: var(--checkbox-gfx-width__indeterminate--large);
-  height: var(--checkbox-gfx-height__indeterminate--large);
+
+.fi-ua.fis {
+  background-image: url("flag-icons/flags/1x1/ua.svg");
 }
-.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button {
-  border-width: var(--checkbox-border-width--disabled);
+
+.fi-ug.fis {
+  background-image: url("flag-icons/flags/1x1/ug.svg");
 }
-.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button, .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__button {
-  background-color: var(--checkbox-color-background-on--disabled);
-  border-color: var(--checkbox-color-border-on--disabled);
+
+.fi-um.fis {
+  background-image: url("flag-icons/flags/1x1/um.svg");
 }
-.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx--disabled);
+
+.fi-us.fis {
+  background-image: url("flag-icons/flags/1x1/us.svg");
 }
-.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button {
-  border-color: var(--checkbox-color-border-off--disabled);
-  background-color: var(--checkbox-color-background-off--disabled);
+
+.fi-uy.fis {
+  background-image: url("flag-icons/flags/1x1/uy.svg");
 }
-.dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__indeterminate {
-  background-color: var(--checkbox-color-gfx__indeterminate--disabled);
+
+.fi-uz.fis {
+  background-image: url("flag-icons/flags/1x1/uz.svg");
 }
-.dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__gfx {
-  color: transparent;
+
+.fi-va.fis {
+  background-image: url("flag-icons/flags/1x1/va.svg");
 }
-.dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button {
-  background-color: var(--checkbox-color-background--active);
-  border-color: var(--checkbox-color-border--active);
+
+.fi-vc.fis {
+  background-image: url("flag-icons/flags/1x1/vc.svg");
 }
-.dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__gfx, .dnb-checkbox__input:not([disabled])[data-checked=true]:active ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx-on);
+
+.fi-ve.fis {
+  background-image: url("flag-icons/flags/1x1/ve.svg");
 }
-.dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__button {
-  background-color: var(--checkbox-color-background-indeterminate--active);
-  border-color: var(--checkbox-color-border-indeterminate--active);
+
+.fi-vg.fis {
+  background-image: url("flag-icons/flags/1x1/vg.svg");
 }
-.dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__indeterminate {
-  background-color: var(--checkbox-color-gfx-indeterminate--active);
+
+.fi-vi.fis {
+  background-image: url("flag-icons/flags/1x1/vi.svg");
 }
-.dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__button {
-  border-color: var(--checkbox-color-border-off--hover);
-  background-color: var(--checkbox-color-background--hover);
-  border-width: var(--checkbox-border-width--hover);
+
+.fi-vn.fis {
+  background-image: url("flag-icons/flags/1x1/vn.svg");
 }
-.dnb-checkbox__input:hover ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx--hover);
+
+.fi-vu.fis {
+  background-image: url("flag-icons/flags/1x1/vu.svg");
 }
-.dnb-checkbox__input:not([disabled]):checked:hover ~ .dnb-checkbox__button, .dnb-checkbox__input:not([disabled])[data-checked=true]:hover ~ .dnb-checkbox__button {
-  border: var(--checkbox-border-width--hover) solid var(--checkbox-color-border-on--hover);
+
+.fi-wf.fis {
+  background-image: url("flag-icons/flags/1x1/wf.svg");
 }
-html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button {
-  border: none;
-  background-color: var(--checkbox-color-background--focus);
+
+.fi-ws.fis {
+  background-image: url("flag-icons/flags/1x1/ws.svg");
 }
-html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx--focus);
+
+.fi-ye.fis {
+  background-image: url("flag-icons/flags/1x1/ye.svg");
 }
-.dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button .dnb-checkbox__focus, .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus {
-  display: block;
+
+.fi-yt.fis {
+  background-image: url("flag-icons/flags/1x1/yt.svg");
 }
-.dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__indeterminate {
-  background-color: var(--checkbox-color-gfx--focus);
+
+.fi-za.fis {
+  background-image: url("flag-icons/flags/1x1/za.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button {
-  border: none;
+
+.fi-zm.fis {
+  background-image: url("flag-icons/flags/1x1/zm.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
-  display: block;
-  --border-color: var(--checkbox-color-border--error);
-  --border-width: var(--checkbox-border-width--error);
-  box-shadow: 0 0 0 var(--border-width) var(--border-color);
-  border-color: transparent;
+
+.fi-zw.fis {
+  background-image: url("flag-icons/flags/1x1/zw.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button {
-  background-color: var(--checkbox-color-background--error--hover);
+
+.fi-arab.fis {
+  background-image: url("flag-icons/flags/1x1/arab.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button[data-checked=true] {
-  border-color: var(--checkbox-color-border--error--hover);
+
+.fi-cefta.fis {
+  background-image: url("flag-icons/flags/1x1/cefta.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx--error--hover);
+
+.fi-cp.fis {
+  background-image: url("flag-icons/flags/1x1/cp.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx--error);
+
+.fi-dg.fis {
+  background-image: url("flag-icons/flags/1x1/dg.svg");
 }
-html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button, html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover ~ .dnb-checkbox__button {
-  border: none;
-  background-color: var(--checkbox-color-background--error-contrast);
-  --border-color: var(--checkbox-color-border--error);
-  --border-width: calc(var(--checkbox-border-width--hover));
-  box-shadow: 0 0 0 var(--border-width) var(--border-color);
-  border-color: transparent;
+
+.fi-eac.fis {
+  background-image: url("flag-icons/flags/1x1/eac.svg");
 }
-html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx--error-contrast);
+
+.fi-es-ct.fis {
+  background-image: url("flag-icons/flags/1x1/es-ct.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button, .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true] ~ .dnb-checkbox__button {
-  background-color: var(--checkbox-color-background-on--error);
+
+.fi-es-ga.fis {
+  background-image: url("flag-icons/flags/1x1/es-ga.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx--error-contrast);
-  background-color: var(--checkbox-color-gfx--error-contrast);
-  border-radius: var(--checkbox-border-radius);
+
+.fi-es-pv.fis {
+  background-image: url("flag-icons/flags/1x1/es-pv.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not(:active):not(:hover) ~ .dnb-checkbox__indeterminate {
-  background-color: var(--checkbox-color-gfx-indeterminate--error);
+
+.fi-eu.fis {
+  background-image: url("flag-icons/flags/1x1/eu.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not(:indeterminate) ~ .dnb-checkbox__indeterminate {
-  background-color: var(--checkbox-color-gfx-indeterminate--error);
+
+.fi-gb-eng.fis {
+  background-image: url("flag-icons/flags/1x1/gb-eng.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:hover:not(:active) ~ .dnb-checkbox__indeterminate {
-  background-color: var(--checkbox-color-gfx--error--hover);
+
+.fi-gb-nir.fis {
+  background-image: url("flag-icons/flags/1x1/gb-nir.svg");
 }
-.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__gfx {
-  color: var(--checkbox-color-gfx--error--hover);
+
+.fi-gb-sct.fis {
+  background-image: url("flag-icons/flags/1x1/gb-sct.svg");
 }
-.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
-  border-color: var(--skeleton-color);
+
+.fi-gb-wls.fis {
+  background-image: url("flag-icons/flags/1x1/gb-wls.svg");
 }
-.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
-  border-radius: 0;
+
+.fi-ic.fis {
+  background-image: url("flag-icons/flags/1x1/ic.svg");
 }
-.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__gfx {
-  color: var(--skeleton-color);
+
+.fi-pc.fis {
+  background-image: url("flag-icons/flags/1x1/pc.svg");
 }
-.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__indeterminate {
-  background-color: var(--skeleton-color);
+
+.fi-sh-ac.fis {
+  background-image: url("flag-icons/flags/1x1/sh-ac.svg");
+}
+
+.fi-sh-hl.fis {
+  background-image: url("flag-icons/flags/1x1/sh-hl.svg");
+}
+
+.fi-sh-ta.fis {
+  background-image: url("flag-icons/flags/1x1/sh-ta.svg");
+}
+
+.fi-un.fis {
+  background-image: url("flag-icons/flags/1x1/un.svg");
+}
+
+.fi-xk.fis {
+  background-image: url("flag-icons/flags/1x1/xk.svg");
 }
 
 /*
-* CopyOnClick component
+* CountryFlag component
 *
 */
-.dnb-copy-on-click--cursor {
-  cursor: copy;
+/*
+ * Utilities
+ */
+.dnb-icon:has(.dnb-country-flag) {
+  display: inline-flex;
+  justify-content: center;
+}
+
+.dnb-country-flag {
+  display: inline-flex;
+  align-items: center;
+}
+.dnb-country-flag__size--auto {
+  --size: 1em;
+}
+.dnb-country-flag__size--small {
+  --size: 1rem;
+}
+.dnb-country-flag__size--medium {
+  --size: 1.5rem;
+}
+.dnb-country-flag__size--large {
+  --size: 2rem;
+}
+.dnb-country-flag__size--x-large {
+  --size: 2.5rem;
+}
+p .dnb-country-flag, h1 .dnb-country-flag, h2 .dnb-country-flag, h3 .dnb-country-flag, h4 .dnb-country-flag {
+  vertical-align: sub;
+}
+.dnb-country-flag__flag {
+  border-radius: 50%;
+  width: var(--size);
+  height: var(--size);
+}
+.dnb-country-flag__shape--square .dnb-country-flag__flag {
+  border-radius: unset;
 }
 
 /*
@@ -5748,6 +6874,10 @@ html[data-dnb-modal-active] {
   align-items: flex-end;
   justify-content: flex-start;
 }
+.dnb-modal__vertical-alignment--top {
+  padding-top: 5vh;
+  align-items: flex-start;
+}
 .dnb-modal__overlay {
   position: fixed;
   z-index: var(--modal-z-index);
@@ -8776,15 +9906,6 @@ html:not([data-whatinput=keyboard]) .dnb-table__tr--clickable.dnb-table__tr.dnb-
 .dnb-table__tr--clickable.dnb-table__tr--disabled .dnb-table__td__button-icon .dnb-icon {
   color: var(--table-accordion-icon-color--disabled);
 }
-@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__inner {
   overflow: hidden;
   will-change: height;
@@ -10032,7 +11153,7 @@ html[data-visual-test] .dnb-tooltip--hide {
 .dnb-upload__accepted-file-types-table.dnb-table thead th {
   font-weight: var(--font-weight-medium);
   font-size: var(--font-size-basis);
-  padding-top: var(--spacing-small);
+  padding-top: 0;
 }
 .dnb-upload__accepted-file-types-table.dnb-table thead th:first-child {
   padding-left: 0;
@@ -13297,11 +14418,6 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40.00625em) {
-  .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
-    margin-left: var(--spacing-medium);
-  }
-}
 @media screen and (max-width: 60em) {
   .dnb-forms-wizard-layout {
     flex-direction: column;
@@ -13318,7 +14434,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 
 @media screen and (min-width: 60.00625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
-    margin-left: 23rem;
+    margin-left: 21.5rem;
   }
 }
 .dnb-forms-test-element {