@dnb/eufemia 9.15.2 → 9.16.3

package/es/components/lib.js

@@ -1,6 +1,7 @@
 import { registerElement } from '../shared/component-helper';
 import Accordion from './accordion/Accordion';
 import Autocomplete from './autocomplete/Autocomplete';
+import Breadcrumb from './breadcrumb/Breadcrumb';
 import Button from './button/Button';
 import Checkbox from './checkbox/Checkbox';
 import DatePicker from './date-picker/DatePicker';
@@ -33,11 +34,12 @@ import Tabs from './tabs/Tabs';
 import Textarea from './textarea/Textarea';
 import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
-export { Accordion, Autocomplete, Button, Checkbox, DatePicker, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HelpButton, Icon, IconPrimary, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Tabs, Textarea, ToggleButton, Tooltip };
+export { Accordion, Autocomplete, Breadcrumb, Button, Checkbox, DatePicker, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HelpButton, Icon, IconPrimary, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Tabs, Textarea, ToggleButton, Tooltip };
 export const getComponents = () => {
   return {
     Accordion,
     Autocomplete,
+    Breadcrumb,
     Button,
     Checkbox,
     DatePicker,

package/es/components/modal/ModalHeader.js

@@ -66,7 +66,7 @@ export class ModalHeaderBar extends React.PureComponent {
   }
 
   componentDidMount() {
-    if (typeof window !== 'undefined' && typeof IntersectionObserver !== 'undefined') {
+    if (typeof window !== 'undefined' && typeof IntersectionObserver !== 'undefined' && this._ref.current) {
       const marginTop = -this._ref.current.clientHeight;
       this.intersectionObserver = new IntersectionObserver(entries => {
         const [entry] = entries;
@@ -95,6 +95,10 @@ export class ModalHeaderBar extends React.PureComponent {
     } = _this$props2,
           props = _objectWithoutProperties(_this$props2, _excluded2);
 
+    if (!this.context.title && isTrue(this.context.hide_close_button) && !this._ref.current) {
+      return null;
+    }
+
     return React.createElement(Section, _extends({
       style_type: "white",
       className: classnames('dnb-modal__header__bar', className, this.state.showShadow && 'dnb-modal__header__bar--sticky'),

package/es/components/modal/style/_modal.scss

@@ -27,7 +27,7 @@
   --modal-overlay-bg: rgba(0, 0, 0, 0.32);
 }
 
-[data-dnb-modal-active] {
+html[data-dnb-modal-active] {
   user-select: none;
   -webkit-user-select: none; // Safari / Touch fix
 }
@@ -116,6 +116,8 @@
         height: 100%;
       }
     }
+
+    // Padding right and left based on screen size
     &--spacing &__spacing {
       padding: 0 var(--modal-spacing) 0;
 
@@ -328,11 +330,13 @@
     }
   }
 
-  &__content--spacing &__header__bar.dnb-section {
+  &__header__bar.dnb-section {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+  }
 
+  &__content--spacing &__header__bar.dnb-section {
     // on large screens
     margin-top: calc(var(--modal-spacing) * 1.75);
     margin-bottom: calc(var(--modal-spacing) / 2);
@@ -447,6 +451,9 @@
   &-root__inner ~ &-root__inner ~ &-root__inner ~ &-root__inner {
     z-index: calc(var(--modal-z-index) + 4);
   }
+  &__close-button {
+    z-index: calc(var(--modal-z-index) + 1);
+  }
 }
 
 [data-visual-test].hide-page-content #___gatsby {

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

@@ -281,7 +281,7 @@
   .dnb-form-status[hidden] {
     display: none; }
   .dnb-form-status--no-animation,
-  .dnb-form-status html[data-visual-test] {
+  html[data-visual-test] .dnb-form-status {
     -webkit-transition-duration: 1ms !important;
             transition-duration: 1ms !important; }
   @media screen and (-ms-high-contrast: none) {
@@ -489,6 +489,8 @@
     padding-left: 1rem; }
   .dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large {
     padding-right: 1rem; }
+  .dnb-button--tertiary .dnb-button__text {
+    margin: 0; }
   .dnb-button--has-text {
     width: auto; }
   .dnb-button--has-text .dnb-button__icon {
@@ -835,7 +837,7 @@ button.dnb-button::-moz-focus-inner {
   --modal-overlay-transparent: rgba(0, 0, 0, 0);
   --modal-overlay-bg: rgba(0, 0, 0, 0.32); }
 
-[data-dnb-modal-active] {
+html[data-dnb-modal-active] {
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
@@ -1170,7 +1172,7 @@ button.dnb-button::-moz-focus-inner {
         padding-bottom: calc(-2rem * 8);
         padding-bottom: calc(var(--modal-spacing-minus)*8);
         padding-bottom: calc(var(--modal-spacing-minus) * 8); } }
-  .dnb-modal__content--spacing .dnb-modal__header__bar.dnb-section {
+  .dnb-modal__header__bar.dnb-section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -1180,7 +1182,8 @@ button.dnb-button::-moz-focus-inner {
             flex-direction: row;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
-            justify-content: space-between;
+            justify-content: space-between; }
+  .dnb-modal__content--spacing .dnb-modal__header__bar.dnb-section {
     margin-top: 3.5rem;
     margin-top: calc(2rem * 1.75);
     margin-top: calc(var(--modal-spacing)*1.75);
@@ -1290,6 +1293,10 @@ button.dnb-button::-moz-focus-inner {
     z-index: 3004;
     z-index: calc(3000 + 4);
     z-index: calc(var(--modal-z-index) + 4); }
+  .dnb-modal__close-button {
+    z-index: 3001;
+    z-index: calc(3000 + 1);
+    z-index: calc(var(--modal-z-index) + 1); }
 
 [data-visual-test].hide-page-content #___gatsby {
   opacity: 0; }

package/es/components/modal/style/dnb-modal.min.css

@@ -1 +1 @@
-.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-icon img,.dnb-icon svg{shape-rendering:geometricPrecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg:not([fill]),.dnb-icon--inherit-color svg [fill]{fill:currentColor}.dnb-icon--inherit-color svg [stroke]{stroke:currentColor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}h1 .dnb-icon,h2 .dnb-icon,h3 .dnb-icon,h4 .dnb-icon,h5 .dnb-icon,h6 .dnb-icon{vertical-align:middle}.dnb-icon.dnb-skeleton{color:#ebebeb!important;color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}@media screen and (-ms-high-contrast:none){.dnb-icon{-webkit-box-flex:0;-ms-flex:none;flex:none}}.dnb-form-status{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-form-status *,.dnb-form-status :after,.dnb-form-status :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-form-status :after,.dnb-form-status :before{text-decoration:inherit;vertical-align:inherit}:root{--form-status-radius:0.25rem}.dnb-form-status{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition:height .4s cubic-bezier(.42,0,0,1),opacity .4s cubic-bezier(.42,0,0,1),margin .4s cubic-bezier(.42,0,0,1),padding .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1),opacity .4s cubic-bezier(.42,0,0,1),margin .4s cubic-bezier(.42,0,0,1),padding .4s cubic-bezier(.42,0,0,1)}.dnb-form-status--hidden{height:0;opacity:0;width:0;will-change:height,opacity,margin,padding}.dnb-form-status--is-animating{overflow:hidden;width:auto}.dnb-form-status--disappear,.dnb-form-status--hidden{margin:0!important;padding:0!important}.dnb-form-status__shell{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:.25rem;border-radius:var(--form-status-radius);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;min-width:inherit}.dnb-form-status__text{color:inherit;cursor:text;font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:.625rem 1rem;white-space:normal}button .dnb-form-status__text{cursor:inherit}.dnb-form-status__text .dnb-anchor{font-size:inherit}.dnb-icon+.dnb-form-status__text{padding-left:.5rem}.dnb-form-status__shell>.dnb-icon{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:.3333333em .3333333em .3333333em .6666666em}.dnb-form-status__size--large .dnb-form-status__text{padding-bottom:1.125rem;padding-top:1.125rem}.dnb-form-status__size--large .dnb-form-status__shell>.dnb-icon{margin-bottom:.6666666em;margin-top:.6666666em}.dnb-form-status--stretch{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dnb-form-status--stretch .dnb-form-status__shell{width:100%}.dnb-form-status--stretch .dnb-form-status__text{max-width:47rem}.dnb-form-status[hidden]{display:none}.dnb-form-status--no-animation,.dnb-form-status html[data-visual-test]{-webkit-transition-duration:1ms!important;transition-duration:1ms!important}@media screen and (-ms-high-contrast:none){.dnb-form-status__shell>.dnb-icon{border-width:1px}}.dnb-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-button *,.dnb-button :after,.dnb-button :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-button :after,.dnb-button :before{text-decoration:inherit;vertical-align:inherit}:root{--button-font-size:var(--font-size-basis);--button-font-size-small:var(--font-size-small);--button-width:2.5rem;--button-height:2.5rem;--button-width--small:1.5rem;--button-height--small:1.5rem;--button-width--medium:2rem;--button-height--medium:2rem;--button-width--large:3rem;--button-height--large:3rem;--button-icon-size:1rem;--button-border-width:0.0625rem;--button-border-width--hover:0.1875rem;--button-border-radius:calc(var(--button-height)/2);--button-border-radius--small:calc(var(--button-height--small)/2);--button-border-radius--medium:calc(var(--button-height--medium)/2);--button-border-radius--large:calc(var(--button-height--large)/2)}.dnb-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:.0625rem solid transparent;border:var(--button-border-width) solid transparent;border-radius:1.25rem;border-radius:var(--button-border-radius);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;font-size:var(--font-size-small);height:auto;justify-content:center;padding:0;position:relative;text-decoration:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:2.5rem;width:var(--button-width)}.dnb-button--wrap{word-wrap:break-word;white-space:normal}.dnb-button,.dnb-core-style .dnb-button{line-height:2.5rem;line-height:var(--button-height)}.dnb-button__text{color:inherit;font-size:1.125rem;font-size:var(--button-font-size);line-height:1.5rem;line-height:var(--line-height-basis);margin:.5rem 0;-webkit-transform:translateY(-.03125rem);transform:translateY(-.03125rem)}.dnb-button__text [data-os=linux]{-webkit-transform:translateY(-.035rem);transform:translateY(-.035rem)}.dnb-button__alignment{display:inline-block;width:0}.dnb-button__bounding{background-color:transparent;border-radius:1.25rem;border-radius:var(--button-border-radius);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform:scale(1.1,1.4);transform:scale(1.1,1.4)}.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--size-small{border-radius:.75rem;border-radius:var(--button-border-radius--small);font-size:1rem;font-size:var(--button-font-size-small);width:1.5rem;width:var(--button-width--small)}.dnb-button--size-small,.dnb-core-style .dnb-button--size-small{line-height:1.5rem;line-height:var(--button-height--small)}.dnb-button--size-small .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-small{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small{padding-right:.5rem}.dnb-button--size-medium{border-radius:1rem;border-radius:var(--button-border-radius--medium);width:2rem;width:var(--button-width--medium)}.dnb-button--size-medium,.dnb-core-style .dnb-button--size-medium{line-height:2rem;line-height:var(--button-height--medium)}.dnb-button--size-medium .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-medium{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium{padding-right:.5rem}.dnb-button--size-large{border-radius:1.5rem;border-radius:var(--button-border-radius--large);width:3rem;width:var(--button-width--large)}.dnb-button--size-large,.dnb-core-style .dnb-button--size-large{line-height:3rem;line-height:var(--button-height--large)}.dnb-button--has-text.dnb-button--size-large{padding-left:2rem;padding-right:2rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large{padding-left:1rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large{padding-right:1rem}.dnb-button--has-text{width:auto}.dnb-button--has-text .dnb-button__icon{margin:0 .5rem;margin:0 calc(var(--button-icon-size)/2)}.dnb-button--has-text.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-button--has-text.dnb-button--has-icon .dnb-button__text{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-button:not(.dnb-button--has-text) .dnb-button__icon{width:inherit}.dnb-button__icon.dnb-icon svg:not([width]):not([height]){height:1rem;height:var(--button-icon-size);width:1rem;width:var(--button-icon-size)}[href]>.dnb-button__icon.dnb-icon{line-height:1.125rem;line-height:var(--button-font-size)}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left>*,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top>*{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-button--stretch{width:100%}.dnb-button--reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:inherit;font:inherit;height:auto;line-height:inherit;margin:0;overflow:visible;padding:0;text-align:inherit;width:auto}html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]){border:none;-webkit-box-shadow:none;box-shadow:none}.dnb-button--reset:not([disabled]):active,.dnb-button--reset:not([disabled]):focus{outline:none}html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):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-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):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)}}html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active,html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus{border:none;-webkit-box-shadow:none;box-shadow:none;color:inherit}.dnb-button[type=button],.dnb-button[type=reset],.dnb-button[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.dnb-button[disabled]{cursor:not-allowed}.dnb-form-row--vertical .dnb-form-row__content>.dnb-button{-ms-flex-item-align:start;align-self:flex-start}.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text{white-space:nowrap}.dnb-button+.dnb-form-status{margin-top:.5rem}@media screen and (-ms-high-contrast:none){.dnb-button{-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-button__icon,.dnb-button__text{-webkit-transform:translateY(-.0625rem);transform:translateY(-.0625rem)}}button.dnb-button::-moz-focus-inner{border:none}.dnb-modal__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-modal__content *,.dnb-modal__content :after,.dnb-modal__content :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-modal__content :after,.dnb-modal__content :before{text-decoration:inherit;vertical-align:inherit}@-webkit-keyframes show-modal{0%{opacity:.1;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show-modal{0%{opacity:.1;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes hide-modal{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,1rem,0);transform:translate3d(0,1rem,0)}}@keyframes hide-modal{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,1rem,0);transform:translate3d(0,1rem,0)}}@-webkit-keyframes show-drawer{to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show-drawer{to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes hide-drawer-left{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-20rem,0,0);transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-left{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-20rem,0,0);transform:translate3d(-20rem,0,0)}}@-webkit-keyframes hide-drawer-top{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,-20rem,0);transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-top{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,-20rem,0);transform:translate3d(0,-20rem,0)}}@-webkit-keyframes hide-drawer-bottom{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,20rem,0);transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,20rem,0);transform:translate3d(0,20rem,0)}}@-webkit-keyframes hide-drawer-right{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(20rem,0,0);transform:translate3d(20rem,0,0)}}@keyframes hide-drawer-right{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(20rem,0,0);transform:translate3d(20rem,0,0)}}@-webkit-keyframes show-modal-overlay{0%{background-color:transparent;background-color:var(--modal-overlay-transparent)}to{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}}@keyframes show-modal-overlay{0%{background-color:transparent;background-color:var(--modal-overlay-transparent)}to{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}}@-webkit-keyframes hide-modal-overlay{0%{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}to{background-color:transparent;background-color:var(--modal-overlay-transparent)}}@keyframes hide-modal-overlay{0%{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}to{background-color:transparent;background-color:var(--modal-overlay-transparent)}}:root{--modal-z-index:3000;--modal-animation-duration:300ms;--modal-spacing:2rem;--modal-spacing-minus:-2rem;--modal-min-width:320px;--modal-avg-width:60vw;--modal-max-width:60rem;--modal-drawer-width:40vw;--modal-drawer-min-width:25rem;--modal-drawer-max-width:40rem;--modal-drawer-header-min-height:6rem;--modal-overlay-transparent:transparent;--modal-overlay-bg:rgba(0,0,0,0.32)}[data-dnb-modal-active]{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}#dnb-modal-root{left:0;position:absolute;top:0}.dnb-modal__content{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:100%;z-index:3001;z-index:calc(var(--modal-z-index) + 1)}@media screen and (max-width:40em){.dnb-modal__content--auto-fullscreen{height:auto}}.dnb-modal__content__inner{-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:.5rem;-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);max-height:100vh;max-width:60rem;max-width:var(--modal-max-width);min-width:320px;min-width:var(--modal-min-width);position:relative;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-user-select:text;width:60vw;width:var(--modal-avg-width)}@media screen and (max-width:40em){.dnb-modal__content--auto-fullscreen .dnb-modal__content__inner{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:100vh;max-width:100%;width:100%}}@supports (-webkit-touch-callout:none){@media (max-height:40em) and (orientation:landscape){.dnb-modal__content--modal.dnb-modal__content:not(.dnb-modal__content--fullscreen) .dnb-modal__content__inner{max-height:80vh}}}.dnb-modal__content__spacing{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow-x:hidden;position:relative;width:100%}.dnb-modal__content__spacing:after{content:"";height:100%;left:0;position:absolute;top:0;width:100vw;z-index:-4}.dnb-modal__content--spacing .dnb-modal__content__spacing{padding:0 2rem;padding:0 var(--modal-spacing) 0}@media screen and (min-width:72em){.dnb-modal__content--spacing .dnb-modal__content__spacing{padding:0 3.5rem;padding:0 calc(var(--modal-spacing)*1.75) 0}}@media screen and (max-width:50em){.dnb-modal__content--spacing .dnb-modal__content__spacing{padding:0 1.5rem;padding:0 calc(var(--modal-spacing)/1.33333) 0}}@media screen and (max-width:40em){.dnb-modal__content--spacing .dnb-modal__content__spacing{padding:0 1rem;padding:0 calc(var(--modal-spacing)/2) 0}}.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__content__spacing{padding:0 2rem;padding:0 var(--modal-spacing) 0}@media screen and (min-width:72em){.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__content__spacing{padding:0 3.5rem;padding:0 calc(var(--modal-spacing)*1.75) 0}}@media screen and (max-width:50em){.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__content__spacing{padding:0 1.5rem;padding:0 calc(var(--modal-spacing)/1.33333) 0}}@media screen and (max-width:40em){.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__content__spacing{padding:0 1rem;padding:0 calc(var(--modal-spacing)/2) 0}}.dnb-modal__content__align--centered .dnb-modal__content__spacing{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}.dnb-modal__content--drawer{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;justify-content:flex-start}.dnb-modal__content--drawer .dnb-modal__content__inner{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:100vh;max-width:100%;max-width:40rem;max-width:var(--modal-drawer-max-width);min-width:25rem;min-width:var(--modal-drawer-min-width);width:100%;width:40vw;width:var(--modal-drawer-width)}@media screen and (max-width:40em){.dnb-modal__content--drawer .dnb-modal__content__inner{max-width:auto;min-width:auto;width:100vw}}.dnb-modal__content--drawer.dnb-modal__content--bottom .dnb-modal__content__inner,.dnb-modal__content--drawer.dnb-modal__content--top .dnb-modal__content__inner{height:40vh;max-width:100%;width:100vw}@media screen and (max-height:40em){.dnb-modal__content--drawer.dnb-modal__content--bottom .dnb-modal__content__inner,.dnb-modal__content--drawer.dnb-modal__content--top .dnb-modal__content__inner{height:100vw;max-height:auto;min-height:auto}}.dnb-modal__content--drawer.dnb-modal__content--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dnb-modal__content--drawer.dnb-modal__content--bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.dnb-modal__content--fullscreen{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;justify-content:flex-start}.dnb-modal__content--fullscreen .dnb-modal__content__inner{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:100vh;max-width:100%;width:100%}.dnb-modal__content--fullscreen .dnb-modal__content__content{height:auto}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--left .dnb-modal__content__inner{-webkit-transform:translate3d(-20rem,0,0);transform:translate3d(-20rem,0,0)}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--right .dnb-modal__content__inner{-webkit-transform:translate3d(20rem,0,0);transform:translate3d(20rem,0,0)}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--top .dnb-modal__content__inner{-webkit-transform:translate3d(0,-20rem,0);transform:translate3d(0,-20rem,0)}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--bottom .dnb-modal__content__inner{-webkit-transform:translate3d(0,20rem,0);transform:translate3d(0,20rem,0)}html:not([data-visual-test]) .dnb-modal__content--drawer .dnb-modal__content__inner{-webkit-animation:show-drawer .3s ease-out forwards;animation:show-drawer .3s ease-out forwards;-webkit-animation:show-drawer var(--modal-animation-duration) ease-out forwards;animation:show-drawer var(--modal-animation-duration) ease-out forwards;opacity:.1}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--hide.dnb-modal__content--left .dnb-modal__content__inner{-webkit-animation:hide-drawer-left .3s ease-in-out forwards;animation:hide-drawer-left .3s ease-in-out forwards;-webkit-animation:hide-drawer-left var(--modal-animation-duration) ease-in-out forwards;animation:hide-drawer-left var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--hide.dnb-modal__content--right .dnb-modal__content__inner{-webkit-animation:hide-drawer-right .3s ease-in-out forwards;animation:hide-drawer-right .3s ease-in-out forwards;-webkit-animation:hide-drawer-right var(--modal-animation-duration) ease-in-out forwards;animation:hide-drawer-right var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--hide.dnb-modal__content--top .dnb-modal__content__inner{-webkit-animation:hide-drawer-top .3s ease-in-out forwards;animation:hide-drawer-top .3s ease-in-out forwards;-webkit-animation:hide-drawer-top var(--modal-animation-duration) ease-in-out forwards;animation:hide-drawer-top var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--hide.dnb-modal__content--bottom .dnb-modal__content__inner{-webkit-animation:hide-drawer-bottom .3s ease-in-out forwards;animation:hide-drawer-bottom .3s ease-in-out forwards;-webkit-animation:hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards;animation:hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-modal__content--modal .dnb-modal__content__inner{-webkit-animation:show-modal .3s ease-out forwards;animation:show-modal .3s ease-out forwards;-webkit-animation:show-modal var(--modal-animation-duration) ease-out forwards;animation:show-modal var(--modal-animation-duration) ease-out forwards}html:not([data-visual-test]) .dnb-modal__content--modal.dnb-modal__content--hide .dnb-modal__content__inner{-webkit-animation:hide-modal .22s ease-in-out forwards;animation:hide-modal .22s ease-in-out forwards}.dnb-modal__content--no-animation .dnb-modal__content__inner{-webkit-animation-duration:0ms!important;animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-modal__content--no-animation-on-mobile .dnb-modal__content__inner{-webkit-animation-duration:0ms!important;animation-duration:0ms!important}}.dnb-modal__content__wrapper{position:relative;z-index:1}.dnb-modal__content--drawer .dnb-modal__content__wrapper,.dnb-modal__content--spacing .dnb-modal__content__wrapper{padding-bottom:4rem;padding-bottom:calc(var(--modal-spacing)*2)}@supports (-webkit-touch-callout:none){.dnb-modal__content--spacing .dnb-modal__content__wrapper{padding-bottom:16rem;padding-bottom:calc(var(--modal-spacing)*8)}}.dnb-modal__content__title~.dnb-modal__content__wrapper{padding-top:1rem;padding-top:calc(var(--modal-spacing)/2)}.dnb-modal__content__align--center .dnb-modal__content__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.dnb-modal__content__align--right .dnb-modal__content__wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:right}.dnb-modal__content--drawer .dnb-modal__content__title~.dnb-modal__content__wrapper{padding-top:1.5rem;padding-top:calc(var(--modal-spacing)/1.33333)}.dnb-modal__content .dnb-modal__header .dnb-modal__title,.dnb-modal__content .dnb-modal__header [class*=dnb-h--]{padding:0}.dnb-modal__content .dnb-modal__header .dnb-modal__title:not([class*=__top]),.dnb-modal__content .dnb-modal__header [class*=dnb-h--]:not([class*=__top]){margin-top:0}.dnb-modal__content .dnb-modal__header .dnb-modal__title:not([class*=__bottom]),.dnb-modal__content .dnb-modal__header [class*=dnb-h--]:not([class*=__bottom]){margin-bottom:0}.dnb-modal__content--drawer .dnb-modal__content__spacing{background-color:transparent;background-color:var(--modal-background-color,transparent);position:relative;z-index:10}.dnb-modal__content .dnb-modal__header:after{height:600%;top:-500%}.dnb-modal__content--spacing .dnb-modal__header .dnb-tabs{margin-top:3.5rem}.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__header{min-height:6rem;min-height:var(--modal-drawer-header-min-height)}.dnb-modal__wrapper__inner{padding-bottom:4rem;padding-bottom:calc(var(--modal-spacing)*2)}.dnb-modal__content--drawer .dnb-modal__wrapper__inner,.dnb-modal__wrapper__inner{margin-bottom:-4rem;margin-bottom:calc(var(--modal-spacing-minus)*2)}@supports (-webkit-touch-callout:none){.dnb-modal__content--drawer .dnb-modal__wrapper__inner{padding-bottom:-16rem;padding-bottom:calc(var(--modal-spacing-minus)*8)}}.dnb-modal__content--spacing .dnb-modal__header__bar.dnb-section{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:space-between;margin-bottom:1rem;margin-bottom:calc(var(--modal-spacing)/2);margin-top:3.5rem;margin-top:calc(var(--modal-spacing)*1.75)}@media screen and (max-width:50em){.dnb-modal__content--spacing .dnb-modal__header__bar.dnb-section{margin-top:1rem;margin-top:calc(var(--modal-spacing)/2)}}.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__header__bar.dnb-section{margin:3.5rem 0;margin:calc(var(--modal-spacing)*1.75) 0;position:sticky;top:0;z-index:99}@media screen and (max-width:50em){.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__header__bar.dnb-section{margin:2rem 0;margin:var(--modal-spacing) 0}}.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__header__bar.dnb-section.dnb-modal__header__bar--sticky{z-index:2999}.dnb-modal__content--drawer .dnb-modal__header__bar--sticky:before{bottom:0;-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);content:"";height:300%;left:-50%;position:absolute;right:-50%;z-index:-1}.dnb-modal__content--drawer .dnb-modal__header__bar:not(.dnb-modal__header__bar--sticky):after{color:transparent}.dnb-modal__overlay{background-color:transparent;background-color:var(--modal-overlay-transparent);-webkit-box-shadow:0 100vh 0 0 rgba(0,0,0,.32);box-shadow:0 100vh 0 0 rgba(0,0,0,.32);-webkit-box-shadow:0 100vh 0 0 var(--modal-overlay-bg);box-shadow:0 100vh 0 0 var(--modal-overlay-bg);height:100%;left:0;position:fixed;top:0;width:100%;will-change:background-color;z-index:3000;z-index:var(--modal-z-index)}.dnb-modal__overlay--modal{-webkit-animation:show-modal-overlay .3s ease-out 0ms forwards;animation:show-modal-overlay .3s ease-out 0ms forwards;-webkit-animation:show-modal-overlay var(--modal-animation-duration) ease-out forwards 0ms;animation:show-modal-overlay var(--modal-animation-duration) ease-out forwards 0ms}.dnb-modal__overlay--drawer{-webkit-animation:show-modal-overlay .3s ease-out .1s forwards;animation:show-modal-overlay .3s ease-out .1s forwards;-webkit-animation:show-modal-overlay var(--modal-animation-duration) ease-out forwards .1s;animation:show-modal-overlay var(--modal-animation-duration) ease-out forwards .1s}.dnb-modal__overlay--hide{-webkit-animation:hide-modal-overlay .3s ease-in-out forwards;animation:hide-modal-overlay .3s ease-in-out forwards;-webkit-animation:hide-modal-overlay var(--modal-animation-duration) ease-in-out forwards;animation:hide-modal-overlay var(--modal-animation-duration) ease-in-out forwards}.dnb-modal-root__inner .dnb-modal__overlay{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.dnb-modal-root__inner:last-of-type .dnb-modal__overlay{opacity:1}html[data-visual-test] .dnb-modal-root__inner .dnb-modal__overlay{-webkit-transition:none;transition:none}.dnb-modal__overlay--no-animation,html[data-visual-test] .dnb-modal__overlay{-webkit-animation-delay:0ms!important;animation-delay:0ms!important;-webkit-animation-duration:0ms!important;animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-modal--no-animation-on-mobile{-webkit-animation-delay:0ms!important;animation-delay:0ms!important;-webkit-animation-duration:0ms!important;animation-duration:0ms!important}}.dnb-modal-root__inner{position:relative;z-index:3001;z-index:calc(var(--modal-z-index) + 1)}.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:3002;z-index:calc(var(--modal-z-index) + 2)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:3003;z-index:calc(var(--modal-z-index) + 3)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:3004;z-index:calc(var(--modal-z-index) + 4)}[data-visual-test].hide-page-content #___gatsby{opacity:0}
+.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-icon img,.dnb-icon svg{shape-rendering:geometricPrecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg:not([fill]),.dnb-icon--inherit-color svg [fill]{fill:currentColor}.dnb-icon--inherit-color svg [stroke]{stroke:currentColor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}h1 .dnb-icon,h2 .dnb-icon,h3 .dnb-icon,h4 .dnb-icon,h5 .dnb-icon,h6 .dnb-icon{vertical-align:middle}.dnb-icon.dnb-skeleton{color:#ebebeb!important;color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}@media screen and (-ms-high-contrast:none){.dnb-icon{-webkit-box-flex:0;-ms-flex:none;flex:none}}.dnb-form-status{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-form-status *,.dnb-form-status :after,.dnb-form-status :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-form-status :after,.dnb-form-status :before{text-decoration:inherit;vertical-align:inherit}:root{--form-status-radius:0.25rem}.dnb-form-status{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition:height .4s cubic-bezier(.42,0,0,1),opacity .4s cubic-bezier(.42,0,0,1),margin .4s cubic-bezier(.42,0,0,1),padding .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1),opacity .4s cubic-bezier(.42,0,0,1),margin .4s cubic-bezier(.42,0,0,1),padding .4s cubic-bezier(.42,0,0,1)}.dnb-form-status--hidden{height:0;opacity:0;width:0;will-change:height,opacity,margin,padding}.dnb-form-status--is-animating{overflow:hidden;width:auto}.dnb-form-status--disappear,.dnb-form-status--hidden{margin:0!important;padding:0!important}.dnb-form-status__shell{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:.25rem;border-radius:var(--form-status-radius);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;min-width:inherit}.dnb-form-status__text{color:inherit;cursor:text;font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:.625rem 1rem;white-space:normal}button .dnb-form-status__text{cursor:inherit}.dnb-form-status__text .dnb-anchor{font-size:inherit}.dnb-icon+.dnb-form-status__text{padding-left:.5rem}.dnb-form-status__shell>.dnb-icon{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:.3333333em .3333333em .3333333em .6666666em}.dnb-form-status__size--large .dnb-form-status__text{padding-bottom:1.125rem;padding-top:1.125rem}.dnb-form-status__size--large .dnb-form-status__shell>.dnb-icon{margin-bottom:.6666666em;margin-top:.6666666em}.dnb-form-status--stretch{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dnb-form-status--stretch .dnb-form-status__shell{width:100%}.dnb-form-status--stretch .dnb-form-status__text{max-width:47rem}.dnb-form-status[hidden]{display:none}.dnb-form-status--no-animation,html[data-visual-test] .dnb-form-status{-webkit-transition-duration:1ms!important;transition-duration:1ms!important}@media screen and (-ms-high-contrast:none){.dnb-form-status__shell>.dnb-icon{border-width:1px}}.dnb-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-button *,.dnb-button :after,.dnb-button :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-button :after,.dnb-button :before{text-decoration:inherit;vertical-align:inherit}:root{--button-font-size:var(--font-size-basis);--button-font-size-small:var(--font-size-small);--button-width:2.5rem;--button-height:2.5rem;--button-width--small:1.5rem;--button-height--small:1.5rem;--button-width--medium:2rem;--button-height--medium:2rem;--button-width--large:3rem;--button-height--large:3rem;--button-icon-size:1rem;--button-border-width:0.0625rem;--button-border-width--hover:0.1875rem;--button-border-radius:calc(var(--button-height)/2);--button-border-radius--small:calc(var(--button-height--small)/2);--button-border-radius--medium:calc(var(--button-height--medium)/2);--button-border-radius--large:calc(var(--button-height--large)/2)}.dnb-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:.0625rem solid transparent;border:var(--button-border-width) solid transparent;border-radius:1.25rem;border-radius:var(--button-border-radius);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;font-size:var(--font-size-small);height:auto;justify-content:center;padding:0;position:relative;text-decoration:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:2.5rem;width:var(--button-width)}.dnb-button--wrap{word-wrap:break-word;white-space:normal}.dnb-button,.dnb-core-style .dnb-button{line-height:2.5rem;line-height:var(--button-height)}.dnb-button__text{color:inherit;font-size:1.125rem;font-size:var(--button-font-size);line-height:1.5rem;line-height:var(--line-height-basis);margin:.5rem 0;-webkit-transform:translateY(-.03125rem);transform:translateY(-.03125rem)}.dnb-button__text [data-os=linux]{-webkit-transform:translateY(-.035rem);transform:translateY(-.035rem)}.dnb-button__alignment{display:inline-block;width:0}.dnb-button__bounding{background-color:transparent;border-radius:1.25rem;border-radius:var(--button-border-radius);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform:scale(1.1,1.4);transform:scale(1.1,1.4)}.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--size-small{border-radius:.75rem;border-radius:var(--button-border-radius--small);font-size:1rem;font-size:var(--button-font-size-small);width:1.5rem;width:var(--button-width--small)}.dnb-button--size-small,.dnb-core-style .dnb-button--size-small{line-height:1.5rem;line-height:var(--button-height--small)}.dnb-button--size-small .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-small{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small{padding-right:.5rem}.dnb-button--size-medium{border-radius:1rem;border-radius:var(--button-border-radius--medium);width:2rem;width:var(--button-width--medium)}.dnb-button--size-medium,.dnb-core-style .dnb-button--size-medium{line-height:2rem;line-height:var(--button-height--medium)}.dnb-button--size-medium .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-medium{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium{padding-right:.5rem}.dnb-button--size-large{border-radius:1.5rem;border-radius:var(--button-border-radius--large);width:3rem;width:var(--button-width--large)}.dnb-button--size-large,.dnb-core-style .dnb-button--size-large{line-height:3rem;line-height:var(--button-height--large)}.dnb-button--has-text.dnb-button--size-large{padding-left:2rem;padding-right:2rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large{padding-left:1rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large{padding-right:1rem}.dnb-button--tertiary .dnb-button__text{margin:0}.dnb-button--has-text{width:auto}.dnb-button--has-text .dnb-button__icon{margin:0 .5rem;margin:0 calc(var(--button-icon-size)/2)}.dnb-button--has-text.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-button--has-text.dnb-button--has-icon .dnb-button__text{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-button:not(.dnb-button--has-text) .dnb-button__icon{width:inherit}.dnb-button__icon.dnb-icon svg:not([width]):not([height]){height:1rem;height:var(--button-icon-size);width:1rem;width:var(--button-icon-size)}[href]>.dnb-button__icon.dnb-icon{line-height:1.125rem;line-height:var(--button-font-size)}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left>*,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top>*{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-button--stretch{width:100%}.dnb-button--reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:inherit;font:inherit;height:auto;line-height:inherit;margin:0;overflow:visible;padding:0;text-align:inherit;width:auto}html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]){border:none;-webkit-box-shadow:none;box-shadow:none}.dnb-button--reset:not([disabled]):active,.dnb-button--reset:not([disabled]):focus{outline:none}html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):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-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):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)}}html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active,html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus{border:none;-webkit-box-shadow:none;box-shadow:none;color:inherit}.dnb-button[type=button],.dnb-button[type=reset],.dnb-button[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.dnb-button[disabled]{cursor:not-allowed}.dnb-form-row--vertical .dnb-form-row__content>.dnb-button{-ms-flex-item-align:start;align-self:flex-start}.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text{white-space:nowrap}.dnb-button+.dnb-form-status{margin-top:.5rem}@media screen and (-ms-high-contrast:none){.dnb-button{-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-button__icon,.dnb-button__text{-webkit-transform:translateY(-.0625rem);transform:translateY(-.0625rem)}}button.dnb-button::-moz-focus-inner{border:none}.dnb-modal__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-modal__content *,.dnb-modal__content :after,.dnb-modal__content :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-modal__content :after,.dnb-modal__content :before{text-decoration:inherit;vertical-align:inherit}@-webkit-keyframes show-modal{0%{opacity:.1;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show-modal{0%{opacity:.1;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes hide-modal{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,1rem,0);transform:translate3d(0,1rem,0)}}@keyframes hide-modal{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,1rem,0);transform:translate3d(0,1rem,0)}}@-webkit-keyframes show-drawer{to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes show-drawer{to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes hide-drawer-left{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-20rem,0,0);transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-left{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-20rem,0,0);transform:translate3d(-20rem,0,0)}}@-webkit-keyframes hide-drawer-top{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,-20rem,0);transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-top{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,-20rem,0);transform:translate3d(0,-20rem,0)}}@-webkit-keyframes hide-drawer-bottom{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,20rem,0);transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(0,20rem,0);transform:translate3d(0,20rem,0)}}@-webkit-keyframes hide-drawer-right{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(20rem,0,0);transform:translate3d(20rem,0,0)}}@keyframes hide-drawer-right{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(20rem,0,0);transform:translate3d(20rem,0,0)}}@-webkit-keyframes show-modal-overlay{0%{background-color:transparent;background-color:var(--modal-overlay-transparent)}to{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}}@keyframes show-modal-overlay{0%{background-color:transparent;background-color:var(--modal-overlay-transparent)}to{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}}@-webkit-keyframes hide-modal-overlay{0%{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}to{background-color:transparent;background-color:var(--modal-overlay-transparent)}}@keyframes hide-modal-overlay{0%{background-color:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}to{background-color:transparent;background-color:var(--modal-overlay-transparent)}}:root{--modal-z-index:3000;--modal-animation-duration:300ms;--modal-spacing:2rem;--modal-spacing-minus:-2rem;--modal-min-width:320px;--modal-avg-width:60vw;--modal-max-width:60rem;--modal-drawer-width:40vw;--modal-drawer-min-width:25rem;--modal-drawer-max-width:40rem;--modal-drawer-header-min-height:6rem;--modal-overlay-transparent:transparent;--modal-overlay-bg:rgba(0,0,0,.32)}html[data-dnb-modal-active]{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}#dnb-modal-root{left:0;position:absolute;top:0}.dnb-modal__content{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:100%;z-index:3001;z-index:calc(var(--modal-z-index) + 1)}@media screen and (max-width:40em){.dnb-modal__content--auto-fullscreen{height:auto}}.dnb-modal__content__inner{-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:.5rem;-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);max-height:100vh;max-width:60rem;max-width:var(--modal-max-width);min-width:320px;min-width:var(--modal-min-width);position:relative;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-user-select:text;width:60vw;width:var(--modal-avg-width)}@media screen and (max-width:40em){.dnb-modal__content--auto-fullscreen .dnb-modal__content__inner{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:100vh;max-width:100%;width:100%}}@supports (-webkit-touch-callout:none){@media (max-height:40em) and (orientation:landscape){.dnb-modal__content--modal.dnb-modal__content:not(.dnb-modal__content--fullscreen) .dnb-modal__content__inner{max-height:80vh}}}.dnb-modal__content__spacing{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow-x:hidden;position:relative;width:100%}.dnb-modal__content__spacing:after{content:"";height:100%;left:0;position:absolute;top:0;width:100vw;z-index:-4}.dnb-modal__content--spacing .dnb-modal__content__spacing{padding:0 2rem;padding:0 var(--modal-spacing) 0}@media screen and (min-width:72em){.dnb-modal__content--spacing .dnb-modal__content__spacing{padding:0 3.5rem;padding:0 calc(var(--modal-spacing)*1.75) 0}}@media screen and (max-width:50em){.dnb-modal__content--spacing .dnb-modal__content__spacing{padding:0 1.5rem;padding:0 calc(var(--modal-spacing)/1.33333) 0}}@media screen and (max-width:40em){.dnb-modal__content--spacing .dnb-modal__content__spacing{padding:0 1rem;padding:0 calc(var(--modal-spacing)/2) 0}}.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__content__spacing{padding:0 2rem;padding:0 var(--modal-spacing) 0}@media screen and (min-width:72em){.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__content__spacing{padding:0 3.5rem;padding:0 calc(var(--modal-spacing)*1.75) 0}}@media screen and (max-width:50em){.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__content__spacing{padding:0 1.5rem;padding:0 calc(var(--modal-spacing)/1.33333) 0}}@media screen and (max-width:40em){.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__content__spacing{padding:0 1rem;padding:0 calc(var(--modal-spacing)/2) 0}}.dnb-modal__content__align--centered .dnb-modal__content__spacing{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}.dnb-modal__content--drawer{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;justify-content:flex-start}.dnb-modal__content--drawer .dnb-modal__content__inner{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:100vh;max-width:100%;max-width:40rem;max-width:var(--modal-drawer-max-width);min-width:25rem;min-width:var(--modal-drawer-min-width);width:100%;width:40vw;width:var(--modal-drawer-width)}@media screen and (max-width:40em){.dnb-modal__content--drawer .dnb-modal__content__inner{max-width:auto;min-width:auto;width:100vw}}.dnb-modal__content--drawer.dnb-modal__content--bottom .dnb-modal__content__inner,.dnb-modal__content--drawer.dnb-modal__content--top .dnb-modal__content__inner{height:40vh;max-width:100%;width:100vw}@media screen and (max-height:40em){.dnb-modal__content--drawer.dnb-modal__content--bottom .dnb-modal__content__inner,.dnb-modal__content--drawer.dnb-modal__content--top .dnb-modal__content__inner{height:100vw;max-height:auto;min-height:auto}}.dnb-modal__content--drawer.dnb-modal__content--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dnb-modal__content--drawer.dnb-modal__content--bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.dnb-modal__content--fullscreen{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;justify-content:flex-start}.dnb-modal__content--fullscreen .dnb-modal__content__inner{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:100vh;max-width:100%;width:100%}.dnb-modal__content--fullscreen .dnb-modal__content__content{height:auto}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--left .dnb-modal__content__inner{-webkit-transform:translate3d(-20rem,0,0);transform:translate3d(-20rem,0,0)}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--right .dnb-modal__content__inner{-webkit-transform:translate3d(20rem,0,0);transform:translate3d(20rem,0,0)}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--top .dnb-modal__content__inner{-webkit-transform:translate3d(0,-20rem,0);transform:translate3d(0,-20rem,0)}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--bottom .dnb-modal__content__inner{-webkit-transform:translate3d(0,20rem,0);transform:translate3d(0,20rem,0)}html:not([data-visual-test]) .dnb-modal__content--drawer .dnb-modal__content__inner{-webkit-animation:show-drawer .3s ease-out forwards;animation:show-drawer .3s ease-out forwards;-webkit-animation:show-drawer var(--modal-animation-duration) ease-out forwards;animation:show-drawer var(--modal-animation-duration) ease-out forwards;opacity:.1}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--hide.dnb-modal__content--left .dnb-modal__content__inner{-webkit-animation:hide-drawer-left .3s ease-in-out forwards;animation:hide-drawer-left .3s ease-in-out forwards;-webkit-animation:hide-drawer-left var(--modal-animation-duration) ease-in-out forwards;animation:hide-drawer-left var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--hide.dnb-modal__content--right .dnb-modal__content__inner{-webkit-animation:hide-drawer-right .3s ease-in-out forwards;animation:hide-drawer-right .3s ease-in-out forwards;-webkit-animation:hide-drawer-right var(--modal-animation-duration) ease-in-out forwards;animation:hide-drawer-right var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--hide.dnb-modal__content--top .dnb-modal__content__inner{-webkit-animation:hide-drawer-top .3s ease-in-out forwards;animation:hide-drawer-top .3s ease-in-out forwards;-webkit-animation:hide-drawer-top var(--modal-animation-duration) ease-in-out forwards;animation:hide-drawer-top var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-modal__content--drawer.dnb-modal__content--hide.dnb-modal__content--bottom .dnb-modal__content__inner{-webkit-animation:hide-drawer-bottom .3s ease-in-out forwards;animation:hide-drawer-bottom .3s ease-in-out forwards;-webkit-animation:hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards;animation:hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-modal__content--modal .dnb-modal__content__inner{-webkit-animation:show-modal .3s ease-out forwards;animation:show-modal .3s ease-out forwards;-webkit-animation:show-modal var(--modal-animation-duration) ease-out forwards;animation:show-modal var(--modal-animation-duration) ease-out forwards}html:not([data-visual-test]) .dnb-modal__content--modal.dnb-modal__content--hide .dnb-modal__content__inner{-webkit-animation:hide-modal .22s ease-in-out forwards;animation:hide-modal .22s ease-in-out forwards}.dnb-modal__content--no-animation .dnb-modal__content__inner{-webkit-animation-duration:0ms!important;animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-modal__content--no-animation-on-mobile .dnb-modal__content__inner{-webkit-animation-duration:0ms!important;animation-duration:0ms!important}}.dnb-modal__content__wrapper{position:relative;z-index:1}.dnb-modal__content--drawer .dnb-modal__content__wrapper,.dnb-modal__content--spacing .dnb-modal__content__wrapper{padding-bottom:4rem;padding-bottom:calc(var(--modal-spacing)*2)}@supports (-webkit-touch-callout:none){.dnb-modal__content--spacing .dnb-modal__content__wrapper{padding-bottom:16rem;padding-bottom:calc(var(--modal-spacing)*8)}}.dnb-modal__content__title~.dnb-modal__content__wrapper{padding-top:1rem;padding-top:calc(var(--modal-spacing)/2)}.dnb-modal__content__align--center .dnb-modal__content__wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.dnb-modal__content__align--right .dnb-modal__content__wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:right}.dnb-modal__content--drawer .dnb-modal__content__title~.dnb-modal__content__wrapper{padding-top:1.5rem;padding-top:calc(var(--modal-spacing)/1.33333)}.dnb-modal__content .dnb-modal__header .dnb-modal__title,.dnb-modal__content .dnb-modal__header [class*=dnb-h--]{padding:0}.dnb-modal__content .dnb-modal__header .dnb-modal__title:not([class*=__top]),.dnb-modal__content .dnb-modal__header [class*=dnb-h--]:not([class*=__top]){margin-top:0}.dnb-modal__content .dnb-modal__header .dnb-modal__title:not([class*=__bottom]),.dnb-modal__content .dnb-modal__header [class*=dnb-h--]:not([class*=__bottom]){margin-bottom:0}.dnb-modal__content--drawer .dnb-modal__content__spacing{background-color:transparent;background-color:var(--modal-background-color,transparent);position:relative;z-index:10}.dnb-modal__content .dnb-modal__header:after{height:600%;top:-500%}.dnb-modal__content--spacing .dnb-modal__header .dnb-tabs{margin-top:3.5rem}.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__header{min-height:6rem;min-height:var(--modal-drawer-header-min-height)}.dnb-modal__wrapper__inner{padding-bottom:4rem;padding-bottom:calc(var(--modal-spacing)*2)}.dnb-modal__content--drawer .dnb-modal__wrapper__inner,.dnb-modal__wrapper__inner{margin-bottom:-4rem;margin-bottom:calc(var(--modal-spacing-minus)*2)}@supports (-webkit-touch-callout:none){.dnb-modal__content--drawer .dnb-modal__wrapper__inner{padding-bottom:-16rem;padding-bottom:calc(var(--modal-spacing-minus)*8)}}.dnb-modal__header__bar.dnb-section{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:space-between}.dnb-modal__content--spacing .dnb-modal__header__bar.dnb-section{margin-bottom:1rem;margin-bottom:calc(var(--modal-spacing)/2);margin-top:3.5rem;margin-top:calc(var(--modal-spacing)*1.75)}@media screen and (max-width:50em){.dnb-modal__content--spacing .dnb-modal__header__bar.dnb-section{margin-top:1rem;margin-top:calc(var(--modal-spacing)/2)}}.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__header__bar.dnb-section{margin:3.5rem 0;margin:calc(var(--modal-spacing)*1.75) 0;position:sticky;top:0;z-index:99}@media screen and (max-width:50em){.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__header__bar.dnb-section{margin:2rem 0;margin:var(--modal-spacing) 0}}.dnb-modal__content--spacing.dnb-modal__content--drawer .dnb-modal__header__bar.dnb-section.dnb-modal__header__bar--sticky{z-index:2999}.dnb-modal__content--drawer .dnb-modal__header__bar--sticky:before{bottom:0;-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);content:"";height:300%;left:-50%;position:absolute;right:-50%;z-index:-1}.dnb-modal__content--drawer .dnb-modal__header__bar:not(.dnb-modal__header__bar--sticky):after{color:transparent}.dnb-modal__overlay{background-color:transparent;background-color:var(--modal-overlay-transparent);-webkit-box-shadow:0 100vh 0 0 rgba(0,0,0,.32);box-shadow:0 100vh 0 0 rgba(0,0,0,.32);-webkit-box-shadow:0 100vh 0 0 var(--modal-overlay-bg);box-shadow:0 100vh 0 0 var(--modal-overlay-bg);height:100%;left:0;position:fixed;top:0;width:100%;will-change:background-color;z-index:3000;z-index:var(--modal-z-index)}.dnb-modal__overlay--modal{-webkit-animation:show-modal-overlay .3s ease-out 0ms forwards;animation:show-modal-overlay .3s ease-out 0ms forwards;-webkit-animation:show-modal-overlay var(--modal-animation-duration) ease-out forwards 0ms;animation:show-modal-overlay var(--modal-animation-duration) ease-out forwards 0ms}.dnb-modal__overlay--drawer{-webkit-animation:show-modal-overlay .3s ease-out .1s forwards;animation:show-modal-overlay .3s ease-out .1s forwards;-webkit-animation:show-modal-overlay var(--modal-animation-duration) ease-out forwards .1s;animation:show-modal-overlay var(--modal-animation-duration) ease-out forwards .1s}.dnb-modal__overlay--hide{-webkit-animation:hide-modal-overlay .3s ease-in-out forwards;animation:hide-modal-overlay .3s ease-in-out forwards;-webkit-animation:hide-modal-overlay var(--modal-animation-duration) ease-in-out forwards;animation:hide-modal-overlay var(--modal-animation-duration) ease-in-out forwards}.dnb-modal-root__inner .dnb-modal__overlay{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.dnb-modal-root__inner:last-of-type .dnb-modal__overlay{opacity:1}html[data-visual-test] .dnb-modal-root__inner .dnb-modal__overlay{-webkit-transition:none;transition:none}.dnb-modal__overlay--no-animation,html[data-visual-test] .dnb-modal__overlay{-webkit-animation-delay:0ms!important;animation-delay:0ms!important;-webkit-animation-duration:0ms!important;animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-modal--no-animation-on-mobile{-webkit-animation-delay:0ms!important;animation-delay:0ms!important;-webkit-animation-duration:0ms!important;animation-duration:0ms!important}}.dnb-modal-root__inner{position:relative;z-index:3001;z-index:calc(var(--modal-z-index) + 1)}.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:3002;z-index:calc(var(--modal-z-index) + 2)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:3003;z-index:calc(var(--modal-z-index) + 3)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:3004;z-index:calc(var(--modal-z-index) + 4)}.dnb-modal__close-button{z-index:3001;z-index:calc(var(--modal-z-index) + 1)}[data-visual-test].hide-page-content #___gatsby{opacity:0}

package/es/components/pagination/Pagination.d.ts

@@ -80,6 +80,8 @@ export type PaginationChildren =
  * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
  */
 export interface PaginationProps extends React.HTMLProps<HTMLElement> {
+  debug?: boolean;
+
   /**
    * The page show in the very beginning. If `current_page` is set, then it may not make too much sense to set this as well.
    */
@@ -275,6 +277,286 @@ export default class Pagination extends React.Component<
   static defaultProps: object;
   render(): JSX.Element;
 }
+export type PaginationInstanceStartupPage = string | number;
+export type PaginationInstanceCurrentPage = string | number;
+export type PaginationInstancePageCount = string | number;
+export type PaginationInstanceStartupCount = string | number;
+export type PaginationInstanceParallelLoadCount = string | number;
+export type PaginationInstancePlaceMakerBeforeContent = string | boolean;
+export type PaginationInstanceMinWaitTime = string | number;
+export type PaginationInstanceDisabled = string | boolean;
+export type PaginationInstanceSkeleton = string | boolean;
+export type PaginationInstanceMode = 'pagination' | 'infinity';
+export type PaginationInstanceUseLoadButton = string | boolean;
+export type PaginationInstanceItems = string | any[];
+export type PaginationInstanceHideProgressIndicator = string | boolean;
+export type PaginationInstanceSetContentHandler =
+  | string
+  | ((...args: any[]) => any);
+export type PaginationInstanceResetContentHandler =
+  | string
+  | ((...args: any[]) => any);
+export type PaginationInstanceResetPaginationHandler =
+  | string
+  | ((...args: any[]) => any);
+export type PaginationInstanceEndInfinityHandler =
+  | string
+  | ((...args: any[]) => any);
+export type PaginationInstancePageElement =
+  | Object
+  | React.ReactNode
+  | ((...args: any[]) => any)
+  | string;
+export type PaginationInstanceFallbackElement =
+  | Object
+  | React.ReactNode
+  | ((...args: any[]) => any)
+  | string;
+export type PaginationInstanceMarkerElement =
+  | Object
+  | React.ReactNode
+  | ((...args: any[]) => any)
+  | string;
+export type PaginationInstanceIndicatorElement =
+  | React.ReactNode
+  | ((...args: any[]) => any)
+  | string;
+export type PaginationInstanceSpace =
+  | string
+  | number
+  | boolean
+  | {
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
+       */
+      top?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
+       */
+      right?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
+       */
+      bottom?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
+       */
+      left?: string | number | boolean;
+    };
+export type PaginationInstanceTop = string | number | boolean;
+export type PaginationInstanceRight = string | number | boolean;
+export type PaginationInstanceBottom = string | number | boolean;
+export type PaginationInstanceLeft = string | number | boolean;
+export type PaginationInstanceChildren =
+  | React.ReactNode
+  | ((...args: any[]) => any);
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface PaginationInstanceProps {
+  debug?: boolean;
+
+  /**
+   * The page show in the very beginning. If `current_page` is set, then it may not make too much sense to set this as well.
+   */
+  startup_page?: PaginationInstanceStartupPage;
+
+  /**
+   * The page show in the moment the component renders. Defaults to `1`.
+   */
+  current_page?: PaginationInstanceCurrentPage;
+
+  /**
+   * The total pages count. Defaults to `1`.
+   */
+  page_count?: PaginationInstancePageCount;
+
+  /**
+   * Defines how many `infinity` pages should be loaded / show on the first render. Defaults to `1`.
+   */
+  startup_count?: PaginationInstanceStartupCount;
+
+  /**
+   * Defines how many `infinity` pages should be loaded / show once the users scrolls down. Defaults to `1`.
+   */
+  parallel_load_count?: PaginationInstanceParallelLoadCount;
+
+  /**
+   * If set to `true`, the infinity marker will be placed before the content (on top off). This could potentially have negative side effect. But it depends really on the content, if this would make more sense to use instead. Defaults to `false`.
+   */
+  place_maker_before_content?: PaginationInstancePlaceMakerBeforeContent;
+
+  /**
+   * The minimum time to wait, if the infinity scroll was invoked under that time threshold. This prevents not intentional infinity scroll loop calls. Defaults to `400` milliseconds.
+   */
+  min_wait_time?: PaginationInstanceMinWaitTime;
+
+  /**
+   * If set to `true`, all pagination bar buttons are disabled.
+   */
+  disabled?: PaginationInstanceDisabled;
+
+  /**
+   * If set to `true`, an overlaying skeleton with animation will be shown.
+   */
+  skeleton?: PaginationInstanceSkeleton;
+
+  /**
+   * If set to `infinity`, then the pagination bar will be now shown and but infinity scrolling will do the content presentation. Defaults to `pagination`.
+   */
+  mode?: PaginationInstanceMode;
+
+  /**
+   * If set to `true` it will disable the automated infinity scrolling, but shows a load more button at the of the content instead.
+   */
+  use_load_button?: PaginationInstanceUseLoadButton;
+  items?: PaginationInstanceItems;
+
+  /**
+   * If set to `true` no indicator will be shown.
+   */
+  hide_progress_indicator?: PaginationInstanceHideProgressIndicator;
+
+  /**
+   * Callback function to get the `setContent` handler from the current pagination instance. e.g. `set_content_handler={fn => (...)}`. Use this handler to insert content during infinity mode.
+   */
+  set_content_handler?: PaginationInstanceSetContentHandler;
+
+  /**
+   * Callback function to get the `resetContent` handler from the current pagination instance. e.g. `reset_content_handler={fn => (...)}`. Use this handler to reset all the content. You can set it to `true`, to programmatically reset the content.
+   */
+  reset_content_handler?: PaginationInstanceResetContentHandler;
+
+  /**
+   * Callback function to get the `resetInfinity` handler from the current pagination instance. e.g. `reset_pagination_handler={fn => (...)}`. Use this handler to reset all the internal states. You can set it to `true`, to programmatically reset the states.
+   */
+  reset_pagination_handler?: PaginationInstanceResetPaginationHandler;
+
+  /**
+   * Callback function to get the `endInfinity` handler from the current pagination instance. e.g. `end_infinity_handler={fn => (...)}`. Use this handler to end the infinity scrolling procedure, in case the `page_count` is unknown.
+   */
+  end_infinity_handler?: PaginationInstanceEndInfinityHandler;
+
+  /**
+   * By default a `<div>` is used. Set it to what ever element you have to use. Adds also a class: `dnb-pagination__page` shown.
+   */
+  page_element?: PaginationInstancePageElement;
+
+  /**
+   * (infinity mode) is used by the <em>indicator</em>, <em>load more</em> bar as well as by the marker. Defaults to a `div`.
+   */
+  fallback_element?: PaginationInstanceFallbackElement;
+
+  /**
+   * (infinity mode) is used by the internal marker. Falls back to `fallback_element` if not defined.
+   */
+  marker_element?: PaginationInstanceMarkerElement;
+
+  /**
+   * (infinity mode) is used by the <em>indicator</em>. Falls back to `fallback_element` if not defined.
+   */
+  indicator_element?: PaginationInstanceIndicatorElement;
+
+  /**
+   * Define the aligned of the pagination button bar. Can be `center`, `left` or `right`. Defaults to `left`.
+   */
+  align?: string;
+
+  /**
+   * The title used in every button shown in the bar. Defaults to `Side %s`.
+   */
+  button_title?: string;
+
+  /**
+   * The title used in the previous page button. Defaults to `Forrige side`.
+   */
+  prev_title?: string;
+
+  /**
+   * The title used in the next page button. Defaults to `Neste side`.
+   */
+  next_title?: string;
+
+  /**
+   * The title used in the dots. Relevant for screen-readers. Defaults to `%s flere sider`.
+   */
+  more_pages?: string;
+
+  /**
+   * Shown until new content is inserted in to the page. Defaults to `Laster nytt innhold`.
+   */
+  is_loading_text?: string;
+
+  /**
+   * Used during infinity mode. If `use_load_button` is set to true, then a button is show on the bottom. If the `startup_page` is higher than 1, . Defaults to `Vis mer innhold`.
+   */
+  load_button_text?: string;
+
+  /**
+   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
+   */
+  space?: PaginationInstanceSpace;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
+   */
+  top?: PaginationInstanceTop;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
+   */
+  right?: PaginationInstanceRight;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
+   */
+  bottom?: PaginationInstanceBottom;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
+   */
+  left?: PaginationInstanceLeft;
+  class?: string;
+  className?: string;
+
+  /**
+   * The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.
+   */
+  children?: PaginationInstanceChildren;
+
+  /**
+   * Will be called for every page change, regardless if the mode is `mode="infinity"` or not. Returns an object with number of useful properties and methods. Se below for more details.
+   */
+  on_change?: (...args: any[]) => any;
+
+  /**
+   * Only on "infinity" mode. Will be called once the component is ready for interaction. Returns an object with number of useful properties and methods. Se below for more details. "NB:" Will be called again as soon as we reset the content by calling `resetContent()`.
+   */
+  on_startup?: (...args: any[]) => any;
+
+  /**
+   * Only on "infinity" mode. Will be called on every page interaction, also on the very first interaction. Returns an object with number of useful properties and methods. Se below for more details.
+   */
+  on_load?: (...args: any[]) => any;
+
+  /**
+   * Only on "infinity" mode. Will be called once `page_count` is reached or `endInfinity` was called.
+   */
+  on_end?: (...args: any[]) => any;
+}
+
+declare class PaginationInstance extends React.Component<
+  PaginationInstanceProps,
+  any
+> {
+  static defaultProps: object;
+  render(): JSX.Element;
+}
+
 export type InfinityMarkerStartupPage = string | number;
 export type InfinityMarkerCurrentPage = string | number;
 export type InfinityMarkerPageCount = string | number;
@@ -356,6 +638,8 @@ export type InfinityMarkerChildren =
  * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
  */
 export interface InfinityMarkerProps {
+  debug?: boolean;
+
   /**
    * The page show in the very beginning. If `current_page` is set, then it may not make too much sense to set this as well.
    */
@@ -551,3 +835,17 @@ export class InfinityMarker extends React.Component<
   static defaultProps: object;
   render(): JSX.Element;
 }
+export type PaginationContentChildren =
+  | React.ReactNode
+  | ((...args: any[]) => any);
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface PaginationContentProps {
+  /**
+   * The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.
+   */
+  children: PaginationContentChildren;
+}
+declare const PaginationContent: React.FC<PaginationContentProps>;

package/es/components/pagination/Pagination.js

@@ -23,6 +23,7 @@ import { PaginationIndicator } from './PaginationHelpers';
 import InfinityScroller from './PaginationInfinity';
 import PaginationBar from './PaginationBar';
 const paginationPropTypes = process.env.NODE_ENV !== "production" ? _objectSpread(_objectSpread({
+  debug: PropTypes.bool,
   startup_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   current_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   page_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
@@ -61,6 +62,7 @@ const paginationPropTypes = process.env.NODE_ENV !== "production" ? _objectSprea
   on_end: PropTypes.func
 }) : {};
 const paginationDefaultProps = {
+  debug: null,
   startup_page: null,
   current_page: null,
   page_count: null,

package/es/components/pagination/PaginationBar.js

@@ -50,7 +50,7 @@ export default class PaginationBar extends React.PureComponent {
 
   componentDidMount() {
     const context = this.context.pagination;
-    const currentPage = context.startupPage || context.currentPage;
+    const currentPage = context.startupPage || context.currentPage || 1;
     const items = context.prefillItems(currentPage, {
       skipObserver: true
     });