@dnb/eufemia 9.42.0 → 9.44.0

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

@@ -23,7 +23,7 @@
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover:after{background-color:#dc2a2a;background-color:var(--color-fire-red)}html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus:active,html:not([data-whatintent=touch])
 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover:active{color:#fff;color:var(--color-white)}.dnb-input__status--error .dnb-input__icon{color:#dc2a2a;color:var(--color-fire-red)}.dnb-input__input::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}.dnb-input__input::selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}.dnb-input__placeholder{color:#737373;color:var(--color-black-55)}.dnb-input[data-input-state=focus] .dnb-input__placeholder{display:none}.dnb-input--keep-placeholder .dnb-input[data-input-state=focus] .dnb-input__placeholder{color:#ccc;color:var(--color-black-20);display:block}:root{--modal-overlay-bg:rgba(0,0,0,.32)}.dnb-modal__overlay{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}.dnb-pagination__loadbar,.dnb-pagination__page{min-height:6rem}.dnb-pagination__bar{margin-bottom:1rem;margin-top:1rem}.dnb-pagination__indicator{min-height:inherit}.dnb-pagination__indicator__inner{-webkit-animation:show-page .3s ease-out forwards;animation:show-page .3s ease-out forwards}.dnb-core-style .dnb-pagination__button.dnb-button--primary,.dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):hover,.dnb-pagination__button.dnb-button--primary,.dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):hover{background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}.dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,.dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green);outline:none}html[data-whatinput=keyboard] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-pagination__dots{color:#737373;color:var(--color-black-55)}@-webkit-keyframes show-page{0%{opacity:.1;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show-page{0%{opacity:.1;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.dnb-progress-indicator__circular--small{height:1rem;width:1rem}.dnb-progress-indicator__circular--medium{height:1.5rem;width:1.5rem}.dnb-progress-indicator__circular--large{height:3.5rem;width:3.5rem}.dnb-progress-indicator__circular--huge{height:20rem;width:20rem}.dnb-progress-indicator__circular__line{-webkit-animation-duration:2s;animation-duration:2s}.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle{stroke:#a5e1d2;stroke:var(--color-mint-green)}.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:#14555a;stroke:var(--color-emerald-green)}.dnb-progress-indicator__circular--small .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.1}.dnb-progress-indicator__circular--medium .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.3}.dnb-progress-indicator__circular--default .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.5}.dnb-progress-indicator__circular--large .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.7}.dnb-progress-indicator__circular--huge .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke-width:3.9}.dnb-progress-indicator__linear{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-progress-indicator__linear--small{border-radius:.125rem;height:.25rem}.dnb-progress-indicator__linear--medium{border-radius:.5rem;height:1rem}.dnb-progress-indicator__linear--large{border-radius:.75rem;height:1.5rem}.dnb-progress-indicator__linear--huge{border-radius:1rem;height:2rem}.dnb-progress-indicator__linear__bar{background-color:#007272;background-color:var(--color-sea-green)}.dnb-radio__dot{background-color:#007272;background-color:var(--color-sea-green);-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.dnb-radio__input:checked~.dnb-radio__button,.dnb-radio__input[data-checked=true]~.dnb-radio__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-radio__input:checked~.dnb-radio__dot,.dnb-radio__input[data-checked=true]~.dnb-radio__dot{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__dot{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.dnb-radio__input:not(:checked):not([data-checked=true])~.dnb-radio__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-radio__input[disabled]:checked~.dnb-radio__button,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__button{border-color:#b3dada;border-color:var(--color-sea-green-30)}.dnb-radio__input[disabled]:not(:checked):not([data-checked=true])~.dnb-radio__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-radio__input[disabled]:checked~.dnb-radio__dot,.dnb-radio__input[disabled][data-checked=true]~.dnb-radio__dot{background-color:#b3dada;background-color:var(--color-sea-green-30)}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__button,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active~.dnb-radio__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-radio__input:not([disabled]):checked:active~.dnb-radio__dot,.dnb-radio__input:not([disabled]):not(:focus):checked:hover~.dnb-radio__dot,.dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button,.dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-radio__dot,.dnb-radio__input:not([disabled])[data-checked=true]:active~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus~.dnb-radio__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus~.dnb-radio__button{border:none}.dnb-radio__input:not([disabled]):active~.dnb-radio__focus,.dnb-radio__input:not([disabled]):focus~.dnb-radio__focus{display:block}.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active~.dnb-radio__button,.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus~.dnb-radio__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__button{border:none}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)~.dnb-radio__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover~.dnb-radio__button{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked=true]~.dnb-radio__dot{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover~.dnb-radio__dot,.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover~.dnb-radio__dot{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-radio>.dnb-form-status{-webkit-transform:translateY(.25rem);transform:translateY(.25rem)}.dnb-section--divider{color:#333;color:var(--color-black-80)}.dnb-section--divider:after{-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #d2f0e9,99vw .0625rem 0 0 #d2f0e9,0 -.0625rem 0 0 #d2f0e9,99vw -.0625rem 0 0 #d2f0e9,198vw .0625rem 0 0 #d2f0e9,198vw -.0625rem 0 0 #d2f0e9;box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 #d2f0e9,99vw .0625rem 0 0 #d2f0e9,0 -.0625rem 0 0 #d2f0e9,99vw -.0625rem 0 0 #d2f0e9,198vw .0625rem 0 0 #d2f0e9,198vw -.0625rem 0 0 #d2f0e9;-webkit-box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);box-shadow:99vw 0 0 0 currentColor,198vw 0 0 0 currentColor,297vw 0 0 0 currentColor,396vw 0 0 0 currentColor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);color:#fff;color:var(--color-white)}.dnb-section--transparent:after{color:transparent}.dnb-section--mint-green-12{color:#333;color:var(--color-black-80)}.dnb-section--mint-green-12:after{color:#f4fbf9;color:var(--color-mint-green-12)}.dnb-section--white{color:#333;color:var(--color-black-80)}.dnb-section--white:after{color:#fff;color:var(--color-white)}.dnb-section--mint-green{color:#333;color:var(--color-black-80)}.dnb-section--mint-green:after{color:#a5e1d2;color:var(--color-mint-green)}.dnb-section--lavender{color:#333;color:var(--color-black-80)}.dnb-section--lavender:after{color:#f2f2f5;color:var(--color-lavender)}.dnb-section--sand-yellow{color:#333;color:var(--color-black-80)}.dnb-section--sand-yellow:after{color:#fbf6ec;color:var(--color-sand-yellow)}.dnb-section--pistachio{color:#333;color:var(--color-black-80)}.dnb-section--pistachio:after{color:#f2f4ec;color:var(--color-pistachio)}.dnb-section--black-3{color:#333;color:var(--color-black-80)}.dnb-section--black-3:after{color:#f8f8f8;color:var(--color-black-3)}.dnb-section--emerald-green{color:#a5e1d2;color:var(--color-mint-green)}.dnb-section--emerald-green:after{color:#14555a;color:var(--color-emerald-green)}.dnb-section--sea-green{color:#fff;color:var(--color-white)}.dnb-section--sea-green:after{color:#007272;color:var(--color-sea-green)}.dnb-section--fire-red{color:#fff;color:var(--color-white)}.dnb-section--fire-red:after{color:#dc2a2a;color:var(--color-fire-red)}.dnb-section--fire-red-8{color:#333;color:var(--color-black-80)}.dnb-section--fire-red-8:after{color:#fdeeee;color:var(--color-fire-red-8)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor{-webkit-box-shadow:0 .09375rem 0 0 #fff;box-shadow:0 .09375rem 0 0 #fff;-webkit-box-shadow:0 .09375rem 0 0 var(--color-white);box-shadow:0 .09375rem 0 0 var(--color-white);color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--emerald-green .dnb-anchor:hover,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:hover,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:hover{background-color:#fff;background-color:var(--color-white);-webkit-box-shadow:none;box-shadow:none;color:#14555a;color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active{background-color:#fff;background-color:var(--color-white);color:#14555a;color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,.dnb-section--fire-red .dnb-anchor:not(:disabled):focus,.dnb-section--sea-green .dnb-anchor:not(:disabled):focus{background-color:transparent;color:#fff;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-anchor:not(:disabled):focus{--border-color:var(--color-white);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-anchor:not(:disabled):focus{-webkit-box-shadow:0 0 0 .125rem #fff;box-shadow:0 0 0 .125rem #fff;-webkit-box-shadow:0 0 0 .125rem var(--color-white);box-shadow:0 0 0 .125rem var(--color-white)}}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{color:#fff!important;color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{color:#fff;color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{-webkit-box-shadow:0 0 0 .125rem #fff;box-shadow:0 0 0 .125rem #fff;-webkit-box-shadow:0 0 0 .125rem var(--color-white);box-shadow:0 0 0 .125rem var(--color-white)}}.dnb-section--signal-orange{color:#00343e;color:var(--color-ocean-green)}.dnb-section--signal-orange:after{color:#ff5400;color:var(--color-signal-orange)}.dnb-section--fire-red ::-moz-selection,.dnb-section--mint-green ::-moz-selection,.dnb-section--signal-orange ::-moz-selection{background-color:#fff;background-color:var(--color-white)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection,.dnb-section--signal-orange ::selection{background-color:#fff;background-color:var(--color-white)}:root{--skeleton-delay:5s;--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}.dnb-skeleton img,.dnb-skeleton video{-webkit-filter:brightness(0) contrast(0) opacity(.5);filter:brightness(0) contrast(0) opacity(.5)}.dnb-skeleton--shape.dnb-skeleton:before{background-color:#ebebeb!important;background-color:var(--skeleton-color)!important}.dnb-skeleton--lines.dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--lines .dnb-skeleton--shape.dnb-skeleton:after,.dnb-skeleton--shape.dnb-skeleton:after{-webkit-animation:skeletonLinearAnimation 1.5s linear 5s infinite;animation:skeletonLinearAnimation 1.5s linear 5s infinite;-webkit-animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);animation:skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);background-image:repeating-linear-gradient(-45deg,#fff 1px,#fff 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,#fff 1px 2px,transparent 0 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-repeat:repeat!important;background-size:100%!important;-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.dnb-skeleton--font-only::marker,.dnb-skeleton--font .dnb-p::marker,.dnb-skeleton--font .dnb-skeleton--show-font::marker,.dnb-skeleton--font::marker{color:#ebebeb;color:var(--skeleton-color)}.dnb-skeleton--font,.dnb-skeleton--font .dnb-p,.dnb-skeleton--font .dnb-skeleton--show-font{--border-color:var(--skeleton-color);-webkit-animation:skeletonFontAnimation 5s linear 5s infinite;animation:skeletonFontAnimation 5s linear 5s infinite;-webkit-animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);animation:skeletonFontAnimation 5s linear infinite var(--skeleton-delay);background-color:#ebebeb!important;background-color:var(--skeleton-color)!important;background-image:repeating-linear-gradient(-45deg,#fff 1px,#fff 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,#fff 1px 2px,transparent 0 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px,var(--skeleton-color--contrast) 2px,transparent 0,transparent 6px)!important;background-image:repeating-linear-gradient(-45deg,var(--skeleton-color--contrast) 1px 2px,transparent 0 6px)!important;background-position-x:30rem}@-webkit-keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes skeletonLinearAnimation{0%{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@-webkit-keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}@keyframes skeletonFontAnimation{0%{background-position-x:30rem}to{background-position-x:-30rem}}.dnb-slider__line{background-color:#007272;background-color:var(--color-sea-green)}.dnb-slider__line__after{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-slider__state--disabled .dnb-slider__line{background-color:#b3dada;background-color:var(--color-sea-green-30)}.dnb-slider__state--disabled .dnb-slider__line__after{background-color:#e9f8f4;background-color:var(--color-mint-green-25)}.dnb-slider__thumb{-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button{--border-color:var(--color-sea-green);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .125rem var(--border-color);box-shadow:inset 0 0 0 .125rem var(--border-color);font-weight:500;font-weight:var(--font-weight-medium)}@supports (-webkit-touch-callout:none){.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow: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 .125rem var(--border-color);box-shadow: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;box-shadow:inset 0 0 0 1px #007272;-webkit-box-shadow:inset 0 0 0 1px var(--color-sea-green);box-shadow:inset 0 0 0 1px var(--color-sea-green)}}.dnb-step-indicator-v2 .dnb-step-indicator__item--visited .dnb-button{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}.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:active,.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:hover{--border-color:var(--color-black-20);background-color:#fff;background-color:var(--color-white);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#333;color:var(--color-black-80)}@supports (-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:active,.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:hover{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow: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:active,.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:hover{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow: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:active,.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:hover{-webkit-box-shadow:inset 0 0 0 1px #ccc;box-shadow:inset 0 0 0 1px #ccc;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-20);box-shadow:inset 0 0 0 1px var(--color-black-20)}}.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:active,.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:hover{--border-color:var(--color-black-80);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .125rem var(--border-color);box-shadow:inset 0 0 0 .125rem var(--border-color)}@supports (-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:active,.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:hover{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow: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:active,.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:hover{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow: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:active,.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:hover{-webkit-box-shadow:inset 0 0 0 1px #333;box-shadow:inset 0 0 0 1px #333;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-80);box-shadow:inset 0 0 0 1px var(--color-black-80)}}html[data-whatinput=keyboard]
-.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green)}.dnb-step-indicator-v2 .dnb-step-indicator__label,.dnb-step-indicator-v2 .dnb-step-indicator__label.dnb-p{font-size:1rem;font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-v2 .dnb-step-indicator__button__status.dnb-button--secondary{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-button__icon{-ms-flex-item-align:start;align-self:flex-start;margin-right:.75rem;margin-top:1rem}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:400;font-weight:var(--font-weight-basis)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:#333;color:var(--color-black-80);font-size:.875rem;font-size:var(--font-size-x-small);line-height:1.125rem;line-height:var(--font-size-basis);margin-top:.5rem}.dnb-step-indicator-v1 .dnb-step-indicator__item-content--static{color:#14555a;color:var(--color-emerald-green)}.dnb-step-indicator-v1 .dnb-step-indicator__item-content--link{color:#007272;color:var(--color-sea-green)}.dnb-step-indicator-v1 .dnb-step-indicator__item{margin-left:4.5rem}.dnb-step-indicator-v1 .dnb-step-indicator__item:first-child{margin-left:0}@media screen and (max-width:50em){.dnb-step-indicator-v1 .dnb-step-indicator__item{margin-left:2rem}}.dnb-step-indicator-v1 .dnb-step-indicator:after{color:#a5e1d2;color:var(--color-mint-green)}.dnb-step-indicator-v1 .dnb-step-indicator--active.dnb-step-indicator-v1 .dnb-step-indicator__item:after,.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:after{background-color:#007272;background-color:var(--color-sea-green)}.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content,.dnb-step-indicator-v1 .dnb-step-indicator span[hidden]{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:not(:hover),.dnb-step-indicator-v1 .dnb-step-indicator span[hidden]:not(:hover){color:#14555a;color:var(--color-emerald-green)}.dnb-switch__background{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#b3dada;background-color:var(--color-sea-green-30);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;position:relative}.dnb-switch__background:after{content:"";position:absolute;-webkit-transition:position .3s ease-out,-webkit-transform .3s ease-out;transition:position .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,position .3s ease-out;transition:transform .3s ease-out,position .3s ease-out,-webkit-transform .3s ease-out}@media screen and (-ms-high-contrast:none){.dnb-switch__background:after{top:.25rem}}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:#007272;background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid #007272;border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;-webkit-transform:translateX(-.3rem);transform:translateX(-.3rem);-webkit-transform:translateX(calc(var(--switch-width--medium) - 2.8rem));transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:#007272;background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;-webkit-transform:translateX(.63rem);transform:translateX(.63rem);-webkit-transform:translateX(calc(var(--switch-width--medium) - 1.87rem));transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;-webkit-transform:translateX(-.45rem);transform:translateX(-.45rem);-webkit-transform:translateX(calc(var(--switch-width--large) - 3.7rem));transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;-webkit-transform:translateX(.75rem);transform:translateX(.75rem);-webkit-transform:translateX(calc(var(--switch-width--large) - 2.5rem));transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:#e9f8f4;background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:#b3dada;background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:#b3dada;border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:#b3dada;background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):active~.dnb-switch__background,.dnb-switch__input:not([disabled]):focus~.dnb-switch__background{outline:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-switch__input:not([disabled]):active~.dnb-switch__button .dnb-switch__focus,.dnb-switch__input:not([disabled]):focus~.dnb-switch__button .dnb-switch__focus{display:block}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:#007272;border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-switch>.dnb-form-status{-webkit-transform:translateY(.1875rem);transform:translateY(.1875rem)}.dnb-table{text-align:left}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);font-weight:500;font-weight:var(--font-weight-medium);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table>tr>th[scope=row],.dnb-table__td,.dnb-table__th,tbody>tr>.dnb-table__th{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td,tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__th{padding:.875rem 1rem}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--medium tbody>tr>.dnb-table__th,.dnb-table__size--medium tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__th{padding:.625rem 1rem}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--small tbody>tr>.dnb-table__th,.dnb-table__size--small tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table>tbody>.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td:after,.dnb-table>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;position:absolute;right:0}.dnb-table__container{background-color:#fff;background-color:var(--color-white)}.dnb-table,.dnb-table__container{--border:0.0625rem solid var(--color-black-8);--outline:0.0625rem solid var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--border:0.0625rem solid blue;--outline:0.0625rem solid red}.dnb-tabs__tabs:not(.dnb-section):before{background-color:#ebebeb;background-color:var(--color-black-8);-webkit-box-shadow:100vw 0 0 0 #ebebeb;box-shadow:100vw 0 0 0 #ebebeb;-webkit-box-shadow:100vw 0 0 0 var(--color-black-8);box-shadow:100vw 0 0 0 var(--color-black-8)}.dnb-tabs__tabs__tablist:focus{border-radius:.5rem}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type{border-radius:0 50% 50% 0}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type{border-radius:50% 0 0 50%}.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus{border-radius:0}.dnb-tabs__content:focus{position:relative}.dnb-tabs__content:focus:before{border-radius:.5rem;bottom:-.5rem;content:"";left:-.5rem;max-width:100vw;outline:none;position:absolute;right:-.5rem;top:.125rem;z-index:-1}html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-tabs__button__title{color:#007272;color:var(--color-sea-green);display:block;font-size:1.125rem;font-size:var(--font-size-basis);font-weight:400;font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:#d2f0e9;background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:#007272;background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:#b3dada;color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:#007272;background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:#14555a;color:var(--color-emerald-green)}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button span[hidden]{font-weight:500;font-weight:var(--font-weight-medium)}:root{--textarea-rows:2}.dnb-textarea__textarea{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin}.dnb-textarea__textarea ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}.dnb-textarea__textarea ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}html[data-visual-test] .dnb-textarea__textarea{scroll-behavior:auto!important}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:var(--textarea-rows,2);color:#737373;color:var(--color-black-55);display:-webkit-box}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55);-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:#f8f8f8;background-color:var(--color-black-3);-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:#dc2a2a;color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}:root{--timeline-icon-height--small:var(--button-height--small);--timeline-icon-width--small:var(--button-width--small);--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:var(--button-height--medium);--timeline-icon-width--medium:var(--button-width--medium);--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc(var(--timeline-icon-width--medium)/2 - var(--timeline-icon-width--small)/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:.25rem;margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);background-color:#fff;background-color:var(--color-white);border-color:transparent;border-radius:.75rem;border-radius:var(--timeline-icon-border-radius--small);-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#333;color:var(--color-black-80);line-height:1.5rem;line-height:var(--timeline-icon-height--small);width:1.5rem;width:var(--timeline-icon-width--small)}@supports (-webkit-touch-callout:none){.dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow: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 .0625rem var(--border-color);box-shadow: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;box-shadow:inset 0 0 0 1px #333;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-80);box-shadow:inset 0 0 0 1px var(--color-black-80)}}.dnb-timeline__item__label__title{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);margin-left:1.25rem;margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed #737373;border-left:1px dashed var(--color-black-55);margin-left:.75rem;margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:2rem;padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid #333;border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:#333;color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:1rem;margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:2rem;padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:1.125rem;font-size:var(--font-size-basis);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5rem;line-height:var(--line-height-basis);margin-left:1rem;margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:1rem;border-radius:var(--timeline-icon-border-radius--medium);line-height:2rem;line-height:var(--timeline-icon-height--medium);width:2rem;width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:#737373;color:var(--color-black-55);font-weight:400;font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow: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 .0625rem var(--border-color);box-shadow: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;box-shadow:inset 0 0 0 1px #f8f8f8;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-3);box-shadow:inset 0 0 0 1px var(--color-black-3)}}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}.dnb-toggle-button .dnb-checkbox__gfx path{stroke-width:.125rem}.dnb-toggle-button .dnb-radio__input:not([disabled])~.dnb-radio__button{-webkit-box-shadow:0 0 0 .0318rem #007272;box-shadow:0 0 0 .0318rem #007272;-webkit-box-shadow:0 0 0 .0318rem var(--color-sea-green);box-shadow:0 0 0 .0318rem var(--color-sea-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active){background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon{color:inherit}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button{background-color:transparent;border-color:#a5e1d2;border-color:var(--color-mint-green);-webkit-box-shadow:0 0 0 .0318rem #a5e1d2;box-shadow:0 0 0 .0318rem #a5e1d2;-webkit-box-shadow:0 0 0 .0318rem var(--color-mint-green);box-shadow:0 0 0 .0318rem var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot{background-color:#a5e1d2;background-color:var(--color-mint-green)}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,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .09375rem var(--border-color);box-shadow:inset 0 0 0 .09375rem var(--border-color)}@supports (-webkit-touch-callout:none){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,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:0 0 0 .09375rem var(--border-color);box-shadow: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: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,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:0 0 0 .09375rem var(--border-color);box-shadow: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: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,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:inset 0 0 0 1px #14555a;box-shadow:inset 0 0 0 1px #14555a;-webkit-box-shadow:inset 0 0 0 1px var(--color-emerald-green);box-shadow:inset 0 0 0 1px var(--color-emerald-green)}}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot{background-color:#14555a;background-color:var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button{background-color:#a5e1d2;background-color:var(--color-mint-green);border-color:#14555a;border-color:var(--color-emerald-green);-webkit-box-shadow:0 0 0 .0318rem #14555a;box-shadow:0 0 0 .0318rem #14555a;-webkit-box-shadow:0 0 0 .0318rem var(--color-emerald-green);box-shadow:0 0 0 .0318rem var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx{color:#14555a;color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button{background-color:#14555a;background-color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx{color:#a5e1d2;color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button{-webkit-box-shadow:none;box-shadow:none}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard]
+.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green)}.dnb-step-indicator-v2 .dnb-step-indicator__label,.dnb-step-indicator-v2 .dnb-step-indicator__label.dnb-p{font-size:1rem;font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-v2 .dnb-step-indicator__button__status.dnb-button--secondary{background-color:#fbf6ec;background-color:var(--color-sand-yellow)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-button__icon{-ms-flex-item-align:start;align-self:flex-start;margin-right:.75rem;margin-top:1rem}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:400;font-weight:var(--font-weight-basis)}.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:#333;color:var(--color-black-80);font-size:.875rem;font-size:var(--font-size-x-small);line-height:1.125rem;line-height:var(--font-size-basis);margin-top:.5rem}.dnb-step-indicator-v1 .dnb-step-indicator__item-content--static{color:#14555a;color:var(--color-emerald-green)}.dnb-step-indicator-v1 .dnb-step-indicator__item-content--link{color:#007272;color:var(--color-sea-green)}.dnb-step-indicator-v1 .dnb-step-indicator__item{margin-left:4.5rem}.dnb-step-indicator-v1 .dnb-step-indicator__item:first-child{margin-left:0}@media screen and (max-width:50em){.dnb-step-indicator-v1 .dnb-step-indicator__item{margin-left:2rem}}.dnb-step-indicator-v1 .dnb-step-indicator:after{color:#a5e1d2;color:var(--color-mint-green)}.dnb-step-indicator-v1 .dnb-step-indicator--active.dnb-step-indicator-v1 .dnb-step-indicator__item:after,.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:after{background-color:#007272;background-color:var(--color-sea-green)}.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content,.dnb-step-indicator-v1 .dnb-step-indicator span[hidden]{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:not(:hover),.dnb-step-indicator-v1 .dnb-step-indicator span[hidden]:not(:hover){color:#14555a;color:var(--color-emerald-green)}.dnb-switch__background{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#b3dada;background-color:var(--color-sea-green-30);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;position:relative}.dnb-switch__background:after{content:"";position:absolute;-webkit-transition:position .3s ease-out,-webkit-transform .3s ease-out;transition:position .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,position .3s ease-out;transition:transform .3s ease-out,position .3s ease-out,-webkit-transform .3s ease-out}@media screen and (-ms-high-contrast:none){.dnb-switch__background:after{top:.25rem}}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:#007272;background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid #007272;border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;-webkit-transform:translateX(-.3rem);transform:translateX(-.3rem);-webkit-transform:translateX(calc(var(--switch-width--medium) - 2.8rem));transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:#007272;background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;-webkit-transform:translateX(.63rem);transform:translateX(.63rem);-webkit-transform:translateX(calc(var(--switch-width--medium) - 1.87rem));transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;-webkit-transform:translateX(-.45rem);transform:translateX(-.45rem);-webkit-transform:translateX(calc(var(--switch-width--large) - 3.7rem));transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;-webkit-transform:translateX(.75rem);transform:translateX(.75rem);-webkit-transform:translateX(calc(var(--switch-width--large) - 2.5rem));transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:#e9f8f4;background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:#b3dada;background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:#b3dada;border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:#b3dada;background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):active~.dnb-switch__background,.dnb-switch__input:not([disabled]):focus~.dnb-switch__background{outline:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-switch__input:not([disabled]):active~.dnb-switch__button .dnb-switch__focus,.dnb-switch__input:not([disabled]):focus~.dnb-switch__button .dnb-switch__focus{display:block}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:#007272;border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);background-color:#fdeeee;background-color:var(--color-fire-red-8);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-switch>.dnb-form-status{-webkit-transform:translateY(.1875rem);transform:translateY(.1875rem)}.dnb-table{text-align:left}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);font-weight:500;font-weight:var(--font-weight-medium);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table>tr>th[scope=row],.dnb-table__td,.dnb-table__th,tbody>tr>.dnb-table__th{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td,tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__th{padding:.875rem 1rem}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--medium tbody>tr>.dnb-table__th,.dnb-table__size--medium tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__th{padding:.625rem 1rem}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__td .dnb-p,.dnb-table__size--small tbody>tr>.dnb-table__th,.dnb-table__size--small tbody>tr>.dnb-table__th .dnb-p{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small)}.dnb-table>tbody>.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td:after,.dnb-table>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after{border-bottom:var(--outline);bottom:0;content:"";left:0;position:absolute;right:0}.dnb-table__container{background-color:#fff;background-color:var(--color-white)}.dnb-table,.dnb-table__container{--border-width:0.0625rem;--outline-width:0.0625rem;--border:var(--border-width) solid var(--color-black-8);--outline:var(--outline-width) solid var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--border:0.0625rem solid blue;--outline:0.0625rem solid red}.dnb-tabs__tabs:not(.dnb-section):before{background-color:#ebebeb;background-color:var(--color-black-8);-webkit-box-shadow:100vw 0 0 0 #ebebeb;box-shadow:100vw 0 0 0 #ebebeb;-webkit-box-shadow:100vw 0 0 0 var(--color-black-8);box-shadow:100vw 0 0 0 var(--color-black-8)}.dnb-tabs__tabs__tablist:focus{border-radius:.5rem}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type{border-radius:0 50% 50% 0}.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type{border-radius:50% 0 0 50%}.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus{border-radius:0}.dnb-tabs__content:focus{position:relative}.dnb-tabs__content:focus:before{border-radius:.5rem;bottom:-.5rem;content:"";left:-.5rem;max-width:100vw;outline:none;position:absolute;right:-.5rem;top:.125rem;z-index:-1}html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tabs__content:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-tabs__button__title{color:#007272;color:var(--color-sea-green);display:block;font-size:1.125rem;font-size:var(--font-size-basis);font-weight:400;font-weight:var(--font-weight-regular);padding:.5rem 0 .25rem;text-align:center}html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]){background-color:#d2f0e9;background-color:var(--color-mint-green-50)}html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]):after{background-color:#007272;background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:focus{overflow:visible}.dnb-tabs__button:focus:before{border-radius:inherit;bottom:0;content:"";height:inherit;left:-.5rem;outline:none;position:absolute;right:-.5rem;top:0;z-index:1}html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tabs__button:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-tabs__button:focus:before{border-radius:1.5rem;bottom:.5rem;left:-.375rem;right:-.375rem;top:.5rem}.dnb-tabs__button[disabled] .dnb-tabs__button__title{color:#b3dada;color:var(--color-sea-green-30)}.dnb-tabs__button:not([disabled]).selected:after,.dnb-tabs__button:not([disabled]):active:after{background-color:#007272;background-color:var(--color-sea-green);border-radius:2px;height:2px}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title{color:#14555a;color:var(--color-emerald-green)}.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title,.dnb-tabs__button span[hidden]{font-weight:500;font-weight:var(--font-weight-medium)}:root{--textarea-rows:2}.dnb-textarea__textarea{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#007272 transparent;scrollbar-color:var(--color-sea-green) transparent;scrollbar-width:thin}.dnb-textarea__textarea ::-moz-selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}.dnb-textarea__textarea ::selection{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#000;color:var(--color-black);text-shadow:none}@supports not (scrollbar-color:auto){.dnb-textarea__textarea::-webkit-scrollbar{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-textarea__textarea::-webkit-scrollbar:vertical{width:.5rem}.dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:.5rem}.dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:#007272;background-color:var(--color-sea-green);border-radius:.5rem}.dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:#14555a;background-color:var(--color-emerald-green)}}html:not([data-visual-test]) .dnb-textarea__textarea{scroll-behavior:smooth}html[data-visual-test] .dnb-textarea__textarea{scroll-behavior:auto!important}.dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-line-clamp:var(--textarea-rows,2);color:#737373;color:var(--color-black-55);display:-webkit-box}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}.dnb-textarea--disabled .dnb-textarea__textarea,.dnb-textarea__textarea[disabled]{background-color:#f8f8f8;background-color:var(--color-black-3);color:#737373;color:var(--color-black-55);-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.dnb-textarea--disabled .dnb-textarea__state,.dnb-textarea__textarea[disabled]~.dnb-textarea__state{background-color:#f8f8f8;background-color:var(--color-black-3);-webkit-box-shadow:0 0 0 .0625rem #737373;box-shadow:0 0 0 .0625rem #737373;-webkit-box-shadow:0 0 0 .0625rem var(--color-black-55);box-shadow:0 0 0 .0625rem var(--color-black-55)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:#dc2a2a;color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow:0 0 0 .0625rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .0625rem #dc2a2a;box-shadow:0 0 0 .0625rem #dc2a2a;-webkit-box-shadow:0 0 0 .0625rem var(--color-fire-red);box-shadow:0 0 0 .0625rem var(--color-fire-red)}}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly])~.dnb-textarea__placeholder,.dnb-textarea--has-content .dnb-textarea__textarea~.dnb-textarea__placeholder{display:none}:root{--timeline-icon-height--small:var(--button-height--small);--timeline-icon-width--small:var(--button-width--small);--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:var(--button-height--medium);--timeline-icon-width--medium:var(--button-width--medium);--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc(var(--timeline-icon-width--medium)/2 - var(--timeline-icon-width--small)/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.dnb-timeline__item{margin-left:.25rem;margin-left:var(--timeline-icon-width-diff)}.dnb-timeline__item__label__icon{--border-color:var(--color-black-80);background-color:#fff;background-color:var(--color-white);border-color:transparent;border-radius:.75rem;border-radius:var(--timeline-icon-border-radius--small);-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#333;color:var(--color-black-80);line-height:1.5rem;line-height:var(--timeline-icon-height--small);width:1.5rem;width:var(--timeline-icon-width--small)}@supports (-webkit-touch-callout:none){.dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow: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 .0625rem var(--border-color);box-shadow: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;box-shadow:inset 0 0 0 1px #333;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-80);box-shadow:inset 0 0 0 1px var(--color-black-80)}}.dnb-timeline__item__label__title{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);margin-left:1.25rem;margin-left:var(--timeline-border-spacing--icon-adjusted)}.dnb-timeline__item__content{border-left:1px dashed #737373;border-left:1px dashed var(--color-black-55);margin-left:.75rem;margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:2rem;padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid #333;border-left:1px solid var(--color-black-80)}.dnb-timeline__item--completed .dnb-timeline__item__label__title{color:#333;color:var(--color-black-80)}.dnb-timeline__item--current .dnb-timeline__item__content{margin-left:1rem;margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:2rem;padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:1.125rem;font-size:var(--font-size-basis);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5rem;line-height:var(--line-height-basis);margin-left:1rem;margin-left:var(--timeline-border-spacing)}.dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:1rem;border-radius:var(--timeline-icon-border-radius--medium);line-height:2rem;line-height:var(--timeline-icon-height--medium);width:2rem;width:var(--timeline-icon-width--medium)}.dnb-timeline__item--current{margin-left:0}.dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:#737373;color:var(--color-black-55);font-weight:400;font-weight:var(--font-weight-basis)}.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);background-color:#f8f8f8;background-color:var(--color-black-3);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .0625rem var(--border-color);box-shadow:inset 0 0 0 .0625rem var(--border-color);color:#737373;color:var(--color-black-55)}@supports (-webkit-touch-callout:none){.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{-webkit-box-shadow:0 0 0 .0625rem var(--border-color);box-shadow: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 .0625rem var(--border-color);box-shadow: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;box-shadow:inset 0 0 0 1px #f8f8f8;-webkit-box-shadow:inset 0 0 0 1px var(--color-black-3);box-shadow:inset 0 0 0 1px var(--color-black-3)}}.dnb-timeline__item:only-child{margin-left:0}.dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}.dnb-toggle-button .dnb-checkbox__gfx path{stroke-width:.125rem}.dnb-toggle-button .dnb-radio__input:not([disabled])~.dnb-radio__button{-webkit-box-shadow:0 0 0 .0318rem #007272;box-shadow:0 0 0 .0318rem #007272;-webkit-box-shadow:0 0 0 .0318rem var(--color-sea-green);box-shadow:0 0 0 .0318rem var(--color-sea-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active),.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active){background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon,.dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon{color:inherit}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button{background-color:transparent;border-color:#a5e1d2;border-color:var(--color-mint-green);-webkit-box-shadow:0 0 0 .0318rem #a5e1d2;box-shadow:0 0 0 .0318rem #a5e1d2;-webkit-box-shadow:0 0 0 .0318rem var(--color-mint-green);box-shadow:0 0 0 .0318rem var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot{background-color:#a5e1d2;background-color:var(--color-mint-green)}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,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .09375rem var(--border-color);box-shadow:inset 0 0 0 .09375rem var(--border-color)}@supports (-webkit-touch-callout:none){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,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:0 0 0 .09375rem var(--border-color);box-shadow: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: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,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:0 0 0 .09375rem var(--border-color);box-shadow: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: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,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{-webkit-box-shadow:inset 0 0 0 1px #14555a;box-shadow:inset 0 0 0 1px #14555a;-webkit-box-shadow:inset 0 0 0 1px var(--color-emerald-green);box-shadow:inset 0 0 0 1px var(--color-emerald-green)}}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot{background-color:#14555a;background-color:var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button{background-color:#a5e1d2;background-color:var(--color-mint-green);border-color:#14555a;border-color:var(--color-emerald-green);-webkit-box-shadow:0 0 0 .0318rem #14555a;box-shadow:0 0 0 .0318rem #14555a;-webkit-box-shadow:0 0 0 .0318rem var(--color-emerald-green);box-shadow:0 0 0 .0318rem var(--color-emerald-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx{color:#14555a;color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button{background-color:#14555a;background-color:var(--color-emerald-green)}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx{color:#a5e1d2;color:var(--color-mint-green)}.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button{-webkit-box-shadow:none;box-shadow:none}html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard]
 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{background-color:#a5e1d2;background-color:var(--color-mint-green);color:#14555a;color:var(--color-emerald-green);outline:none}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,html[data-whatinput=keyboard] html[data-whatinput=keyboard]
 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:inset 0 0 0 .125rem var(--border-color);box-shadow:inset 0 0 0 .125rem var(--border-color)}@supports (-webkit-touch-callout:none){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,html[data-whatinput=keyboard] html[data-whatinput=keyboard]
 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow: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] 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,html[data-whatinput=keyboard] html[data-whatinput=keyboard]

package/components/button/Button.d.ts

@@ -149,6 +149,11 @@ export type ButtonProps = {
    */
   href?: string;
 
+  /**
+   * When button behaves as a link. Used to specifiy where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
+   */
+  target?: string;
+
   /**
    * Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.
    */

package/components/button/Button.js

@@ -259,6 +259,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes = _objectSpread(_object
   id: PropTypes.string,
   class: PropTypes.string,
   href: PropTypes.string,
+  target: PropTypes.string,
   to: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]),
   custom_content: PropTypes.node,
   wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
@@ -286,6 +287,7 @@ Button.defaultProps = {
   icon_position: 'right',
   icon_size: null,
   href: null,
+  target: null,
   to: null,
   id: null,
   class: null,

package/components/table/TableAccordion.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
-export declare function useTableAccordion({ children, className, props, expanded, disabled, noAnimation, }: {
+export declare function useTableAccordion({ children, className, props, expanded, disabled, noAnimation, onClick, onOpened, onClosed, }: {
     children: any;
     className: any;
     props: any;
     expanded: any;
     disabled: any;
     noAnimation: any;
+    onClick: any;
+    onOpened: any;
+    onClosed: any;
 }): JSX.Element;
 export declare function TableAccordionToggleButton(): JSX.Element;

package/components/table/TableAccordion.js

@@ -25,7 +25,10 @@ export function useTableAccordion(_ref) {
       props = _ref.props,
       expanded = _ref.expanded,
       disabled = _ref.disabled,
-      noAnimation = _ref.noAnimation;
+      noAnimation = _ref.noAnimation,
+      onClick = _ref.onClick,
+      onOpened = _ref.onOpened,
+      onClosed = _ref.onClosed;
   var tableContext = React.useContext(TableContext);
 
   var _React$useState = React.useState(function () {
@@ -114,7 +117,9 @@ export function useTableAccordion(_ref) {
       trIsOpen: trIsOpen,
       noAnimation: noAnimation,
       countTds: countTds,
-      hasAccordionContent: hasAccordionContent
+      hasAccordionContent: hasAccordionContent,
+      onOpened: onOpened,
+      onClosed: onClosed
     }
   }, React.createElement("tr", _extends({
     tabIndex: accordionContent && !disabled ? 0 : undefined,
@@ -152,6 +157,7 @@ export function useTableAccordion(_ref) {
     if (document.activeElement !== target && target.tagName !== 'INPUT' && !hasSelectedText()) {
       setOpen(!trIsOpen);
       setHadClick(true);
+      onClick === null || onClick === void 0 ? void 0 : onClick(event);
     }
   }
 }

package/components/table/TableAccordionContent.js

@@ -23,6 +23,7 @@ export default function TableAccordionContent(componentProps) {
   var allProps = (_React$useContext = React.useContext(TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
   var trContext = React.useContext(TrContext);
   var innerRef = React.useRef(null);
+  var trRef = React.useRef(null);
 
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -33,7 +34,24 @@ export default function TableAccordionContent(componentProps) {
     open: Boolean(expanded || (trContext === null || trContext === void 0 ? void 0 : trContext.trIsOpen)),
     animate: Boolean(!noAnimation && !(trContext !== null && trContext !== void 0 && trContext.noAnimation)),
     onOpen: function onOpen(state) {
-      return setAriaLive(state ? true : null);
+      setAriaLive(state ? true : null);
+    },
+    onAnimationEnd: function onAnimationEnd(state) {
+      var _trContext$onOpened, _trContext$onClosed;
+
+      var event = {
+        target: trRef.current
+      };
+
+      switch (state) {
+        case 'opened':
+          (_trContext$onOpened = trContext.onOpened) === null || _trContext$onOpened === void 0 ? void 0 : _trContext$onOpened.call(trContext, event);
+          break;
+
+        case 'closed':
+          (_trContext$onClosed = trContext.onClosed) === null || _trContext$onClosed === void 0 ? void 0 : _trContext$onClosed.call(trContext, event);
+          break;
+      }
     }
   }),
       isInDOM = _useHeightAnimation.isInDOM,
@@ -45,7 +63,8 @@ export default function TableAccordionContent(componentProps) {
     "aria-hidden": !isInDOM,
     hidden: isInDOM ? undefined : true,
     role: isInDOM ? 'row' : undefined,
-    className: classnames('dnb-table__tr__accordion_content', className, isInDOM && "dnb-table__tr dnb-table__tr__accordion_content--expanded", isAnimating && 'dnb-table__tr__accordion_content--animating', isVisibleParallax && 'dnb-table__tr__accordion_content--parallax')
+    className: classnames('dnb-table__tr__accordion_content', className, isInDOM && "dnb-table__tr dnb-table__tr__accordion_content--expanded", isAnimating && 'dnb-table__tr__accordion_content--animating', isVisibleParallax && 'dnb-table__tr__accordion_content--parallax'),
+    ref: trRef
   }, props), React.createElement("td", {
     role: isInDOM ? 'cell' : undefined,
     colSpan: countTds,

package/components/table/TableTr.d.ts

@@ -12,19 +12,37 @@ export declare type TableTrProps = {
     noWrap?: boolean;
     /**
      * Set true to render the tr initially as expanded
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      * Default: false
      */
     expanded?: boolean;
     /**
      * Set true to disable the tr to be accessible as an interactive element
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      * Default: false
      */
     disabled?: boolean;
     /**
      * Set to true to skip animation
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      * Default: false
      */
     noAnimation?: boolean;
+    /**
+     * Will emit when user clicks/expands the table row
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
+     */
+    onClick?: (event?: React.SyntheticEvent) => void;
+    /**
+     * Will emit when table row is expanded
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
+     */
+    onOpened?: (event?: React.SyntheticEvent) => void;
+    /**
+     * Will emit when table row is closed (after it was open)
+     * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
+     */
+    onClosed?: (event?: React.SyntheticEvent) => void;
     /**
      * The content of the component.
      */

package/components/table/TableTr.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "children", "className"];
+var _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "onClick", "onOpened", "onClosed", "children", "className"];
 import React from 'react';
 import classnames from 'classnames';
 import { useTableAccordion } from './TableAccordion';
@@ -12,6 +12,9 @@ export default function Tr(componentProps) {
       expanded = componentProps.expanded,
       disabled = componentProps.disabled,
       noAnimation = componentProps.noAnimation,
+      onClick = componentProps.onClick,
+      onOpened = componentProps.onOpened,
+      onClosed = componentProps.onClosed,
       children = componentProps.children,
       _className = componentProps.className,
       props = _objectWithoutProperties(componentProps, _excluded);
@@ -28,7 +31,10 @@ export default function Tr(componentProps) {
     props: props,
     expanded: expanded,
     disabled: disabled,
-    noAnimation: noAnimation
+    noAnimation: noAnimation,
+    onClick: onClick,
+    onOpened: onOpened,
+    onClosed: onClosed
   });
 
   if (accordionTr) {

package/components/table/index.d.ts

@@ -1,4 +1,3 @@
-export { useHandleSortState } from "./useHandleSortState";
 export default Table;
 export * from "./Table";
 import Table from "./Table";

package/components/table/index.js

@@ -1,4 +1,3 @@
 import Table from './Table';
-export { useHandleSortState } from './useHandleSortState';
 export default Table;
 export * from './Table';

package/components/table/style/_table-accordion.scss

@@ -197,7 +197,14 @@
     }
 
     td {
-      width: 100%;
+      width: calc(100% - 3.5rem);
+
+      .dnb-table__size--medium & {
+        width: calc(100% - 3rem);
+      }
+      .dnb-table__size--small & {
+        width: calc(100% - 2.5rem);
+      }
     }
 
     td::before {
@@ -243,7 +250,6 @@
       }
     }
 
-    > td,
     > td.dnb-table__td {
       padding: 0;
 
@@ -253,7 +259,6 @@
       }
     }
 
-    &--expanded > td,
     &--expanded > td.dnb-table__td {
       background-color: var(--color-white);
     }
@@ -274,7 +279,7 @@
     cursor: pointer;
   }
   // prevent selection while animating – useful when user double-clicks
-  // TODO: Our SASS version doe sot support :has – so we may use this in future
+  // TODO: Our SASS version does not support :has – so we may use this in future
   // &__tr--has-accordion-content:has(& + &__tr__accordion_content--animating) {
   //   user-select: none;
   // }

package/components/table/style/_table-container.scss

@@ -49,13 +49,33 @@
     }
   }
   &__foot {
-    padding: 1rem 1rem 1.5rem;
+    padding: 1rem;
+    padding-bottom: 1.25rem; // because of 8px scrollbar
 
     &--empty {
-      padding: 0 0 1rem;
+      padding-bottom: 1.5rem;
     }
   }
 
+  .dnb-table__scroll-view {
+    // Clip the native Scrollbar as per defined by UX
+    clip-path: inset(0 round 0 0 0.5rem 0.5rem);
+  }
+
+  // Ensure our outline on bottom is not overlaying the scrollbar on webkit
+  // We also need to escape the "selector" because its not supported by "node-sass".
+  @supports (-webkit-appearance: none) and
+    (not (-moz-appearance: meterbar)) {
+    &::after {
+      bottom: calc(var(--outline-width) * -1);
+    }
+
+    // TODO: Our SASS version c support :has – so we may use this in future
+    // &:has(#{&}__foot--empty)::after {
+    //   bottom: 0;
+    // }
+  }
+
   // When placed inside a Modal/Drawer, let the parent scroll-bar do its job.
   .dnb-modal__content & .dnb-table__scroll-view {
     overflow: visible;

package/components/table/style/_table-header-buttons.scss

@@ -198,4 +198,8 @@
       margin-left: 0.5rem;
     }
   }
+
+  & > thead > &--no-wrap &__sort-button {
+    white-space: nowrap;
+  }
 }

package/components/table/style/_table-sticky.scss

@@ -12,18 +12,14 @@
     height: 0;
   }
 
-  // Target th because of Safari transparent issue
-  tr.sticky:not(.css-position) th {
-    position: relative;
-    z-index: 3; // over borders and TDs
+  tr.sticky {
+    position: sticky;
+    z-index: 4; // over borders and TDs
 
-    will-change: transform;
     transform: translate3d(0, var(--table-offset, 0), 0);
   }
 
   tr.sticky.css-position {
-    position: sticky;
-    z-index: 3; // over borders and TDs
     top: var(--table-top, 0); // is set by "stickyOffset" prop
   }
 

package/components/table/style/_table-tr.scss

@@ -25,7 +25,8 @@
     tbody
     &__tr#{&}__tr--has-accordion-content:not(#{&}__tr--expanded):nth-last-child(2) {
     // use clip-path, because border-radius does not clip on tr's
-    clip-path: inset(0 round 0.5rem 0.5rem 0 0);
+    // use "-1rem" to add room for sticky shadow
+    clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0);
   }
   &--outline tbody &__tr:last-of-type,
   &--outline