@dnb/eufemia 9.16.2 → 9.17.2

package/es/components/pagination/PaginationInfinity.js

@@ -10,7 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
-import { warn, isTrue, dispatchCustomElementEvent } from '../../shared/component-helper';
+import { warn, isTrue, dispatchCustomElementEvent, getPreviousSibling } from '../../shared/component-helper';
 import Context from '../../shared/Context';
 import Button from '../button/Button';
 import { preparePageElement, isTrElement, PaginationIndicator } from './PaginationHelpers';
@@ -25,20 +25,26 @@ export default class InfinityScroller extends React.PureComponent {
         startup_count
       } = this.context.pagination;
       const startupCount = parseFloat(startup_count);
+      let newPageNo, skipObserver, callStartupEvent, preventWaitForDelay;
 
-      for (let i = 0, newPageNo; i < startupCount; ++i) {
+      for (let i = 0; i < startupCount; ++i) {
         newPageNo = startupPage + i;
+        skipObserver = newPageNo < startupCount;
+        callStartupEvent = i === 0;
+        preventWaitForDelay = i <= startupCount - 1;
         this.getNewContent(newPageNo, {
           position: 'after',
-          skipObserver: newPageNo < startupCount
+          skipObserver
         }, {
-          isStartup: i === 0
+          callStartupEvent,
+          preventWaitForDelay
         });
       }
     });
 
     _defineProperty(this, "getNewContent", (newPageNo, props = {}, {
-      isStartup = false
+      callStartupEvent = false,
+      preventWaitForDelay = false
     } = {}) => {
       const {
         pageCount,
@@ -58,9 +64,12 @@ export default class InfinityScroller extends React.PureComponent {
       }
 
       const items = this.context.pagination.prefillItems(newPageNo, props);
-      this.context.pagination.setItems(items, () => this.callEventHandler(newPageNo, {
-        isStartup
-      }));
+      this.context.pagination.setItems(items, () => {
+        this.callEventHandler(newPageNo, {
+          callStartupEvent,
+          preventWaitForDelay
+        });
+      });
     });
 
     this.hideIndicator = isTrue(context.pagination.hide_progress_indicator);
@@ -75,47 +84,66 @@ export default class InfinityScroller extends React.PureComponent {
     this.callOnUnmount.forEach(f => typeof f === 'function' && f());
   }
 
-  waitForReachedTime(fn, ...props) {
+  waitForReachedTime(fn, params) {
     this.callbackBuffer = this.callbackBuffer || [];
     this.callbackBuffer.push({
       fn,
-      props
+      params
+    });
+    this.callBuffer({
+      minTime: params.preventWaitForDelay ? -1 : this.context.pagination.minTime
     });
-    this.callBuffer();
   }
 
-  callBuffer() {
-    const {
-      minTime
-    } = this.context.pagination;
+  callBuffer({
+    minTime = this.context.pagination.minTime
+  } = {}) {
+    if (this.callbackBuffer.length === 0) {
+      return;
+    }
+
     const diff = this._lastCall > 0 ? new Date().getTime() - this._lastCall : 0;
     const waitTime = diff < minTime ? minTime : 0;
-    clearTimeout(this._bufferTimeout);
-    this._bufferTimeout = setTimeout(() => {
+
+    const nextTick = () => {
       if (this.callbackBuffer.length > 0) {
         this._lastCall = new Date().getTime();
         const {
           fn,
-          props
+          params
         } = this.callbackBuffer.shift();
-        fn(...props);
-        this.callBuffer();
+        fn(params);
+        this.callBuffer({
+          minTime: params.preventWaitForDelay ? -1 : minTime
+        });
       }
-    }, waitTime);
+    };
+
+    if (minTime > 0) {
+      clearTimeout(this._bufferTimeout);
+      this._bufferTimeout = setTimeout(nextTick, waitTime);
+    } else {
+      nextTick();
+    }
   }
 
   callEventHandler(pageNumber, {
-    isStartup = false,
+    callStartupEvent = false,
+    preventWaitForDelay = false,
     callOnEnd = false,
     onDispatch = null
   } = {}) {
     this.waitForReachedTime(({
       pageNumber,
-      isStartup
+      callStartupEvent
     }) => {
       const context = this.context.pagination;
 
       const createEvent = eventName => {
+        if (isNaN(pageNumber)) {
+          pageNumber = 1;
+        }
+
         const ret = dispatchCustomElementEvent(context, eventName, _objectSpread({
           page: pageNumber,
           pageNo: pageNumber,
@@ -134,7 +162,7 @@ export default class InfinityScroller extends React.PureComponent {
       if (callOnEnd) {
         createEvent('on_end');
       } else {
-        if (isStartup) {
+        if (callStartupEvent) {
           createEvent('on_startup');
         } else {
           createEvent('on_change');
@@ -144,7 +172,8 @@ export default class InfinityScroller extends React.PureComponent {
       }
     }, {
       pageNumber,
-      isStartup
+      callStartupEvent,
+      preventWaitForDelay
     });
   }
 
@@ -155,19 +184,41 @@ export default class InfinityScroller extends React.PureComponent {
     const {
       lowerPage,
       upperPage,
+      currentPage,
       pageCount,
       hasEndedInfinity,
       parallelLoadCount,
+      debug,
+      current_page,
       fallback_element,
       marker_element,
       indicator_element
     } = this.context.pagination;
 
+    if (debug) {
+      console.info('PaginationInfinity.render', {
+        current_page,
+        lowerPage,
+        upperPage,
+        currentPage,
+        pageCount
+      });
+    }
+
     const Marker = () => React.createElement(InteractionMarker, {
+      debug: debug,
       pageNumber: upperPage,
       markerElement: marker_element || fallback_element,
       onVisible: pageNumber => {
-        for (let i = 0, newPageNo; i < parallelLoadCount; ++i) {
+        if (debug) {
+          console.info('PaginationInfinity.onVisible', {
+            pageNumber
+          });
+        }
+
+        let newPageNo;
+
+        for (let i = 0; i < parallelLoadCount; ++i) {
           newPageNo = pageNumber + 1 + i;
           this.context.pagination.onPageUpdate(() => {
             this.context.pagination.setState({
@@ -197,7 +248,7 @@ export default class InfinityScroller extends React.PureComponent {
       }
     });
 
-    return React.createElement(React.Fragment, null, lowerPage > 1 && React.createElement(LoadButton, null), children, !hasEndedInfinity && (typeof pageCount === 'undefined' || upperPage < pageCount) && React.createElement(Marker, null), !hasEndedInfinity && !this.hideIndicator && (typeof pageCount === 'undefined' || upperPage < pageCount) && React.createElement(PaginationIndicator, {
+    return React.createElement(React.Fragment, null, parseFloat(current_page) > 0 && lowerPage > 1 && React.createElement(LoadButton, null), children, !hasEndedInfinity && parseFloat(current_page) > 0 && (typeof pageCount === 'undefined' || upperPage < pageCount) && React.createElement(Marker, null), !hasEndedInfinity && !this.hideIndicator && (typeof pageCount === 'undefined' || upperPage < pageCount) && React.createElement(PaginationIndicator, {
       indicator_element: indicator_element || fallback_element
     }));
   }
@@ -216,16 +267,16 @@ export default class InfinityScroller extends React.PureComponent {
       indicator_element
     } = this.context.pagination;
 
-    if (this.context.pagination.useMarkerOnly) {
-      return this.handleInfinityMarker();
-    }
-
     if (!(items && items.length > 0)) {
       clearTimeout(this._startupTimeout);
       this._startupTimeout = setTimeout(this.startup, 1);
       return null;
     }
 
+    if (this.context.pagination.useMarkerOnly) {
+      return this.handleInfinityMarker();
+    }
+
     const Element = preparePageElement(page_element || React.Fragment);
     return items.map(({
       pageNumber,
@@ -241,7 +292,9 @@ export default class InfinityScroller extends React.PureComponent {
         pageNumber: pageNumber,
         markerElement: marker_element || fallback_element,
         onVisible: pageNumber => {
-          for (let i = 0, newPageNo; i < parallelLoadCount; ++i) {
+          let newPageNo;
+
+          for (let i = 0; i < parallelLoadCount; ++i) {
             newPageNo = pageNumber + 1 + i;
             this.getNewContent(newPageNo, {
               position: 'after',
@@ -250,6 +303,7 @@ export default class InfinityScroller extends React.PureComponent {
           }
         }
       });
+      const showIndicator = (parallelLoadCount > 1 && idx > 0 ? isLastItem : true) && !hasContent && !this.hideIndicator;
       return React.createElement(Elem, {
         key: pageNumber,
         ref: ref
@@ -261,7 +315,7 @@ export default class InfinityScroller extends React.PureComponent {
           skipObserver: true,
           event
         })
-      }), placeMakerBeforeContent && marker, content, !placeMakerBeforeContent && marker, (parallelLoadCount > 1 && idx > 0 ? isLastItem : true) && !hasContent && !this.hideIndicator && React.createElement(PaginationIndicator, {
+      }), placeMakerBeforeContent && marker, content, !placeMakerBeforeContent && marker, showIndicator && React.createElement(PaginationIndicator, {
         indicator_element: indicator_element || fallback_element
       }), hasContent && this.useLoadButton && isLastItem && (typeof pageCount === 'undefined' || pageNumber < pageCount) && React.createElement(InfinityLoadButton, {
         element: fallback_element,
@@ -343,14 +397,31 @@ class InteractionMarker extends React.PureComponent {
       this._isMounted = true;
       (_this$intersectionObs2 = this.intersectionObserver) === null || _this$intersectionObs2 === void 0 ? void 0 : _this$intersectionObs2.observe(this._ref.current);
     }
+
+    if (this.props.debug) {
+      const height = this.getContentHeight();
+      console.info('PaginationInfinity.getContentHeight', height);
+    }
   }
 
   componentWillUnmount() {
-    var _this$intersectionObs3;
-
     this._isMounted = false;
-    clearTimeout(this._readyTimeout);
-    (_this$intersectionObs3 = this.intersectionObserver) === null || _this$intersectionObs3 === void 0 ? void 0 : _this$intersectionObs3.disconnect();
+
+    if (this.intersectionObserver) {
+      clearTimeout(this._readyTimeout);
+      this.intersectionObserver.disconnect();
+    }
+  }
+
+  getContentHeight() {
+    let height = 0;
+
+    try {
+      const sibling = getPreviousSibling('dnb-table', this._ref.current);
+      height = parseFloat(window.getComputedStyle(sibling.querySelector('tbody')).height);
+    } catch (e) {}
+
+    return height;
   }
 
   render() {
@@ -375,10 +446,12 @@ class InteractionMarker extends React.PureComponent {
 }
 
 _defineProperty(InteractionMarker, "defaultProps", {
+  debug: null,
   markerElement: null
 });
 
 process.env.NODE_ENV !== "production" ? InteractionMarker.propTypes = {
+  debug: PropTypes.bool,
   pageNumber: PropTypes.number.isRequired,
   onVisible: PropTypes.func.isRequired,
   markerElement: PropTypes.oneOfType([PropTypes.object, PropTypes.node, PropTypes.func, PropTypes.string])

package/es/components/pagination/PaginationProvider.js

@@ -12,48 +12,48 @@ import { ContentObject } from './PaginationHelpers';
 import PaginationContext from './PaginationContext';
 export default class PaginationProvider extends React.PureComponent {
   static getDerivedStateFromProps(props, state) {
-    if (state._listenForPropChanges) {
-      if (props.page_count !== null) {
-        state.pageCount = parseFloat(props.page_count) || 1;
-      }
+    if (props.page_count !== null) {
+      state.pageCount = parseFloat(props.page_count) || 1;
+    }
 
-      if (props.current_page !== null && typeof state.currentPage === 'undefined') {
-        state.currentPage = parseFloat(props.current_page) || 1;
-      }
+    if (props.current_page !== null && typeof state.currentPage === 'undefined') {
+      state.currentPage = parseFloat(props.current_page) || 1;
+    }
 
-      if (typeof state.startupPage === 'undefined') {
-        state.startupPage = parseFloat(props.startup_page) || parseFloat(props.current_page) || 1;
-      }
+    if (typeof state.startupPage !== 'number') {
+      state.startupPage = parseFloat(props.startup_page) || parseFloat(props.current_page) || state.currentPage;
+    }
 
-      state.parallelLoadCount = parseFloat(props.parallel_load_count) || 1;
-      state.minTime = parseFloat(props.min_wait_time) || 0;
-      state.placeMakerBeforeContent = isTrue(props.place_maker_before_content);
+    state.parallelLoadCount = parseFloat(props.parallel_load_count) || 1;
+    state.minTime = parseFloat(props.min_wait_time) || 0;
+    state.placeMakerBeforeContent = isTrue(props.place_maker_before_content);
 
-      if (props.useMarkerOnly) {
-        if (!state.lowerPage) {
-          state.lowerPage = state.upperPage = state.startupPage;
-        }
-      }
+    if (props.useMarkerOnly && props.reset_pagination_handler !== null && isTrue(props.reset_pagination_handler)) {
+      state.lowerPage = undefined;
+      state.upperPage = undefined;
+    }
 
-      if (props.reset_pagination_handler !== null && isTrue(props.reset_pagination_handler)) {
-        if (props.useMarkerOnly) {
-          state.lowerPage = state.upperPage = state.startupPage;
-        }
+    if (props.useMarkerOnly) {
+      if (typeof state.lowerPage === 'undefined' && parseFloat(props.current_page) > 0) {
+        state.lowerPage = state.startupPage;
       }
 
-      if (props.reset_content_handler !== null && isTrue(props.reset_content_handler)) {
-        state.items = [];
-        state.pageCount = parseFloat(props.page_count) || 1;
+      if (typeof state.upperPage === 'undefined') {
+        state.upperPage = state.startupPage + parseFloat(props.startup_count) - 1;
       }
+    }
 
-      if (typeof props.items === 'string' && props.items[0] === '[') {
-        state.items = JSON.parse(props.items);
-      } else if (Array.isArray(props.items)) {
-        state.items = props.items;
-      }
+    if (props.reset_content_handler !== null && isTrue(props.reset_content_handler)) {
+      state.items = [];
+      state.pageCount = parseFloat(props.page_count) || 1;
+    }
+
+    if (typeof props.items === 'string' && props.items[0] === '[') {
+      state.items = JSON.parse(props.items);
+    } else if (Array.isArray(props.items)) {
+      state.items = props.items;
     }
 
-    state._listenForPropChanges = true;
     return state;
   }
 
@@ -65,7 +65,7 @@ export default class PaginationProvider extends React.PureComponent {
         newContent = [newContent, content];
       }
 
-      const pageNumber = parseFloat(newContent[0]);
+      const pageNumber = parseFloat(newContent[0]) || 1;
       newContent = newContent[1];
 
       if (typeof newContent === 'function') {
@@ -82,8 +82,7 @@ export default class PaginationProvider extends React.PureComponent {
 
         if (!itemToPrepare) {
           items = this.prefillItems(pageNumber, {
-            position,
-            skipObserver: true
+            position
           });
           itemToPrepare = items.find(({
             pageNumber: p
@@ -98,8 +97,7 @@ export default class PaginationProvider extends React.PureComponent {
 
         this.setState({
           items: [...(items || this.state.items)],
-          currentPage: pageNumber,
-          _listenForPropChanges: false
+          currentPage: pageNumber
         }, this.callOnPageUpdate);
       }
     });
@@ -108,43 +106,34 @@ export default class PaginationProvider extends React.PureComponent {
       clearTimeout(this.resetContentTimeout);
       this.resetContentTimeout = setTimeout(() => {
         this.setState({
-          items: [],
-          _listenForPropChanges: false
+          items: []
         });
       }, 10);
     });
 
     _defineProperty(this, "resetInfinity", (pageNumber = this.state.startupPage) => {
       const lowerPage = pageNumber;
-      const upperPage = pageNumber;
+      const upperPage = pageNumber + parseFloat(this.props.startup_count) - 1;
       const currentPage = pageNumber;
-      this._hasEndedInfinity = true;
       this.setState({
+        items: [],
         hasEndedInfinity: true,
         lowerPage,
         upperPage,
-        currentPage,
-        _listenForPropChanges: false
+        currentPage
       });
-      clearTimeout(this.resetInfinityTimeout);
-      this.resetInfinityTimeout = setTimeout(() => {
-        this.startInfinity();
-      }, this.state.minTime);
+      this.startInfinity();
     });
 
     _defineProperty(this, "startInfinity", () => {
-      this._hasEndedInfinity = false;
       this.setState({
-        hasEndedInfinity: false,
-        _listenForPropChanges: false
+        hasEndedInfinity: false
       });
     });
 
     _defineProperty(this, "endInfinity", () => {
-      this._hasEndedInfinity = true;
       this.setState({
-        hasEndedInfinity: true,
-        _listenForPropChanges: false
+        hasEndedInfinity: true
       }, () => {
         const pageNumber = this.state.currentPage + 1;
         dispatchCustomElementEvent(this, 'on_end', _objectSpread({
@@ -157,14 +146,25 @@ export default class PaginationProvider extends React.PureComponent {
 
     _defineProperty(this, "setItems", (items, cb) => {
       this.setState({
-        items,
-        _listenForPropChanges: false
+        items
       }, cb);
     });
 
     _defineProperty(this, "prefillItems", (pageNumber, props = {}, items = this.state.items) => {
       const position = props.position || (pageNumber < this.state.currentPage ? 'before' : 'after');
 
+      if (isNaN(pageNumber)) {
+        pageNumber = 1;
+      }
+
+      const exists = items.findIndex(({
+        pageNumber: p
+      }) => p === pageNumber) > -1;
+
+      if (exists) {
+        return items;
+      }
+
       const obj = _objectSpread({
         pageNumber,
         position,
@@ -181,9 +181,7 @@ export default class PaginationProvider extends React.PureComponent {
     });
 
     _defineProperty(this, "setStateHandler", (state, cb) => {
-      this.setState(_objectSpread(_objectSpread({}, state), {}, {
-        _listenForPropChanges: false
-      }), cb);
+      this.setState(_objectSpread({}, state), cb);
     });
 
     _defineProperty(this, "callOnPageUpdate", () => {
@@ -221,8 +219,7 @@ export default class PaginationProvider extends React.PureComponent {
 
     this.state = {
       items: [],
-      isLoading: false,
-      _listenForPropChanges: true
+      isLoading: false
     };
 
     if (_props.rerender) {
@@ -322,8 +319,7 @@ export default class PaginationProvider extends React.PureComponent {
           setItems: this.setItems,
           prefillItems: this.prefillItems,
           setState: this.setStateHandler,
-          onPageUpdate: this.onPageUpdate,
-          _hasEndedInfinity: this._hasEndedInfinity
+          onPageUpdate: this.onPageUpdate
         }, this.props), this.state)
       })
     }, children);

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

@@ -489,8 +489,6 @@
     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 {

package/es/components/pagination/style/dnb-pagination.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,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}:root{--progress-indicator-timing:cubic-bezier(0.5,0,0.5,0.99);--progress-indicator-circular-circle:88;--progress-indicator-circular-circle-offset--min:88;--progress-indicator-circular-circle-offset--max:1}.dnb-progress-indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}.dnb-progress-indicator--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dnb-progress-indicator--horizontal{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dnb-progress-indicator__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-progress-indicator__label .dnb-p{-ms-flex-item-align:center;align-self:center}.dnb-spacing .dnb-progress-indicator .dnb-p,.dnb-spacing .dnb-progress-indicator .dnb-p:not([class*=dnb-space]){margin:0}.dnb-progress-indicator--horizontal .dnb-progress-indicator__label{margin:0 1rem}.dnb-progress-indicator--vertical .dnb-progress-indicator__label{margin-top:.5rem}.dnb-progress-indicator__circular{height:2rem;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:2rem}.dnb-progress-indicator__circular svg{height:100%;position:absolute;width:100%}.dnb-progress-indicator__circular__line{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,.99);animation-timing-function:cubic-bezier(.5,0,.5,.99);-webkit-animation-timing-function:var(--progress-indicator-timing);animation-timing-function:var(--progress-indicator-timing)}.dnb-progress-indicator__circular__line.background,.dnb-progress-indicator__circular__line.light{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}.dnb-progress-indicator__circular__line.light{-webkit-animation-name:progress-indicator-circular-line-light;animation-name:progress-indicator-circular-line-light}.dnb-progress-indicator__circular__line.dark,.dnb-progress-indicator__circular__line.light{stroke-dasharray:88,88;stroke-dasharray:var(--progress-indicator-circular-circle),var(--progress-indicator-circular-circle)}.dnb-progress-indicator__circular__line.dark{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min);-webkit-animation-name:progress-indicator-circular-line-dark;animation-name:progress-indicator-circular-line-dark}.dnb-progress-indicator__circular__line.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark{-webkit-transition:stroke-dashoffset .6s cubic-bezier(.5,0,.5,.99);transition:stroke-dashoffset .6s cubic-bezier(.5,0,.5,.99);-webkit-transition:stroke-dashoffset .6s var(--progress-indicator-timing);transition:stroke-dashoffset .6s var(--progress-indicator-timing)}.dnb-progress-indicator__circular__circle{stroke-linecap:round}.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle{stroke:grey}.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:#000;stroke:var(--color-black)}.dnb-progress-indicator__linear{border-radius:.25rem;height:.5rem;overflow:hidden;position:relative;width:100%;will-change:transform}.dnb-progress-indicator__linear__bar{border-radius:inherit;bottom:0;left:0;position:absolute;top:0;-webkit-transform-origin:left;transform-origin:left;width:100%}.dnb-progress-indicator__linear__bar-transition{-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.dnb-progress-indicator__linear__bar1-animation{-webkit-animation:progress-indicator-linear-bar-1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:progress-indicator-linear-bar-1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:auto}.dnb-progress-indicator__linear__bar2-animation{-webkit-animation:progress-indicator-linear-bar-2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;animation:progress-indicator-linear-bar-2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;width:auto}.dnb-progress-indicator,.dnb-progress-indicator--visible{-webkit-animation:progress-indicator-fade-in .2s ease-out 1 forwards;animation:progress-indicator-fade-in .2s ease-out 1 forwards;opacity:0}.dnb-progress-indicator--complete:not(.dnb-progress-indicator--visible){-webkit-animation:progress-indicator-fade-out .6s ease-out 1 forwards;animation:progress-indicator-fade-out .6s ease-out 1 forwards}.dnb-progress-indicator--no-animation{-webkit-animation-duration:0ms;animation-duration:0ms}html[data-visual-test] .dnb-progress-indicator__circular__line{-webkit-animation-duration:0ms;animation-duration:0ms;-webkit-animation-iteration-count:0;animation-iteration-count:0}html[data-visual-test] .dnb-progress-indicator__bar-transition{-webkit-transition:none;transition:none}.dnb-progress-indicator--full-width{min-width:1rem;width:100%}@-webkit-keyframes progress-indicator-fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress-indicator-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes progress-indicator-fade-out{0%{opacity:1}to{opacity:0}}@keyframes progress-indicator-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes progress-indicator-circular-line-light{0%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}to{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-circular-line-light{0%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}to{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@-webkit-keyframes progress-indicator-circular-line-dark{0%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}to{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-circular-line-dark{0%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}to{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@-webkit-keyframes progress-indicator-linear-bar-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes progress-indicator-linear-bar-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes progress-indicator-linear-bar-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes progress-indicator-linear-bar-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.dnb-pagination{-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-pagination *,.dnb-pagination :after,.dnb-pagination :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-pagination :after,.dnb-pagination :before{text-decoration:inherit;vertical-align:inherit}.dnb-pagination{-webkit-box-orient:vertical;-webkit-box-direction:reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.dnb-pagination__bar,.dnb-pagination__bar__inner,.dnb-pagination__loadbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.dnb-pagination--left .dnb-pagination__bar{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.dnb-pagination--center .dnb-pagination__bar{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:40em){.dnb-pagination--center .dnb-pagination__bar{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.dnb-pagination--right .dnb-pagination__bar{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dnb-pagination__loadbar{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-pagination__indicator{cursor:default}.dnb-pagination__indicator,.dnb-pagination__indicator__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}.dnb-pagination__indicator__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dnb-pagination__dots{-ms-flex-item-align:end;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;align-self:flex-end;border:none;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:1rem;justify-content:center;width:1.25rem}.dnb-pagination__dots>div{border-radius:1.5px;height:3px;margin:0 .1rem;width:3px}.dnb-pagination__marker{height:1px;margin:-1px 0 0 -1px;overflow:hidden;pointer-events:none;position:relative;width:1px}.dnb-pagination__marker__inner,.dnb-pagination__marker td{height:1px;opacity:0;padding:0!important;width:1px}.dnb-pagination__bar__inner,.dnb-pagination__button:first-child{margin-right:1rem}.dnb-pagination__bar__inner .dnb-pagination__button{margin-right:.5rem}.dnb-core-style .dnb-pagination__button,.dnb-pagination__button,.dnb-pagination__dots{margin-bottom:.5rem;margin-right:.5rem;margin-top:.5rem}.dnb-core-style .dnb-pagination__button:last-child,.dnb-pagination__button:last-child,.dnb-pagination__dots:last-child{margin-right: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--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}:root{--progress-indicator-timing:cubic-bezier(0.5,0,0.5,0.99);--progress-indicator-circular-circle:88;--progress-indicator-circular-circle-offset--min:88;--progress-indicator-circular-circle-offset--max:1}.dnb-progress-indicator{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative}.dnb-progress-indicator--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dnb-progress-indicator--horizontal{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dnb-progress-indicator__label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-progress-indicator__label .dnb-p{-ms-flex-item-align:center;align-self:center}.dnb-spacing .dnb-progress-indicator .dnb-p,.dnb-spacing .dnb-progress-indicator .dnb-p:not([class*=dnb-space]){margin:0}.dnb-progress-indicator--horizontal .dnb-progress-indicator__label{margin:0 1rem}.dnb-progress-indicator--vertical .dnb-progress-indicator__label{margin-top:.5rem}.dnb-progress-indicator__circular{height:2rem;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:2rem}.dnb-progress-indicator__circular svg{height:100%;position:absolute;width:100%}.dnb-progress-indicator__circular__line{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,.99);animation-timing-function:cubic-bezier(.5,0,.5,.99);-webkit-animation-timing-function:var(--progress-indicator-timing);animation-timing-function:var(--progress-indicator-timing)}.dnb-progress-indicator__circular__line.background,.dnb-progress-indicator__circular__line.light{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}.dnb-progress-indicator__circular__line.light{-webkit-animation-name:progress-indicator-circular-line-light;animation-name:progress-indicator-circular-line-light}.dnb-progress-indicator__circular__line.dark,.dnb-progress-indicator__circular__line.light{stroke-dasharray:88,88;stroke-dasharray:var(--progress-indicator-circular-circle),var(--progress-indicator-circular-circle)}.dnb-progress-indicator__circular__line.dark{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min);-webkit-animation-name:progress-indicator-circular-line-dark;animation-name:progress-indicator-circular-line-dark}.dnb-progress-indicator__circular__line.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark{-webkit-transition:stroke-dashoffset .6s cubic-bezier(.5,0,.5,.99);transition:stroke-dashoffset .6s cubic-bezier(.5,0,.5,.99);-webkit-transition:stroke-dashoffset .6s var(--progress-indicator-timing);transition:stroke-dashoffset .6s var(--progress-indicator-timing)}.dnb-progress-indicator__circular__circle{stroke-linecap:round}.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle{stroke:grey}.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:#000;stroke:var(--color-black)}.dnb-progress-indicator__linear{border-radius:.25rem;height:.5rem;overflow:hidden;position:relative;width:100%;will-change:transform}.dnb-progress-indicator__linear__bar{border-radius:inherit;bottom:0;left:0;position:absolute;top:0;-webkit-transform-origin:left;transform-origin:left;width:100%}.dnb-progress-indicator__linear__bar-transition{-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.dnb-progress-indicator__linear__bar1-animation{-webkit-animation:progress-indicator-linear-bar-1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:progress-indicator-linear-bar-1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:auto}.dnb-progress-indicator__linear__bar2-animation{-webkit-animation:progress-indicator-linear-bar-2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;animation:progress-indicator-linear-bar-2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;width:auto}.dnb-progress-indicator,.dnb-progress-indicator--visible{-webkit-animation:progress-indicator-fade-in .2s ease-out 1 forwards;animation:progress-indicator-fade-in .2s ease-out 1 forwards;opacity:0}.dnb-progress-indicator--complete:not(.dnb-progress-indicator--visible){-webkit-animation:progress-indicator-fade-out .6s ease-out 1 forwards;animation:progress-indicator-fade-out .6s ease-out 1 forwards}.dnb-progress-indicator--no-animation{-webkit-animation-duration:0ms;animation-duration:0ms}html[data-visual-test] .dnb-progress-indicator__circular__line{-webkit-animation-duration:0ms;animation-duration:0ms;-webkit-animation-iteration-count:0;animation-iteration-count:0}html[data-visual-test] .dnb-progress-indicator__bar-transition{-webkit-transition:none;transition:none}.dnb-progress-indicator--full-width{min-width:1rem;width:100%}@-webkit-keyframes progress-indicator-fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress-indicator-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes progress-indicator-fade-out{0%{opacity:1}to{opacity:0}}@keyframes progress-indicator-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes progress-indicator-circular-line-light{0%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}to{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-circular-line-light{0%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}to{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@-webkit-keyframes progress-indicator-circular-line-dark{0%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}to{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-circular-line-dark{0%{stroke-dashoffset:88;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}to{stroke-dashoffset:1;stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@-webkit-keyframes progress-indicator-linear-bar-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes progress-indicator-linear-bar-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes progress-indicator-linear-bar-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes progress-indicator-linear-bar-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.dnb-pagination{-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-pagination *,.dnb-pagination :after,.dnb-pagination :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-pagination :after,.dnb-pagination :before{text-decoration:inherit;vertical-align:inherit}.dnb-pagination{-webkit-box-orient:vertical;-webkit-box-direction:reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.dnb-pagination__bar,.dnb-pagination__bar__inner,.dnb-pagination__loadbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.dnb-pagination--left .dnb-pagination__bar{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.dnb-pagination--center .dnb-pagination__bar{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:40em){.dnb-pagination--center .dnb-pagination__bar{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.dnb-pagination--right .dnb-pagination__bar{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dnb-pagination__loadbar{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-pagination__indicator{cursor:default}.dnb-pagination__indicator,.dnb-pagination__indicator__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}.dnb-pagination__indicator__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dnb-pagination__dots{-ms-flex-item-align:end;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;align-self:flex-end;border:none;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:1rem;justify-content:center;width:1.25rem}.dnb-pagination__dots>div{border-radius:1.5px;height:3px;margin:0 .1rem;width:3px}.dnb-pagination__marker{height:1px;margin:-1px 0 0 -1px;overflow:hidden;pointer-events:none;position:relative;width:1px}.dnb-pagination__marker__inner,.dnb-pagination__marker td{height:1px;opacity:0;padding:0!important;width:1px}.dnb-pagination__bar__inner,.dnb-pagination__button:first-child{margin-right:1rem}.dnb-pagination__bar__inner .dnb-pagination__button{margin-right:.5rem}.dnb-core-style .dnb-pagination__button,.dnb-pagination__button,.dnb-pagination__dots{margin-bottom:.5rem;margin-right:.5rem;margin-top:.5rem}.dnb-core-style .dnb-pagination__button:last-child,.dnb-pagination__button:last-child,.dnb-pagination__dots:last-child{margin-right:0}