@dnb/eufemia 10.0.0-beta.1 → 10.0.0-beta.2

package/style/dnb-ui-core.css

@@ -6,93 +6,6 @@
 /*
  * Utilities
  */
-/*
- * CSS Properties
- *
- */
-:root {
-  --font-family-default: "DNB", sans-serif;
-  --font-family-monospace: "DNBMono", "Menlo", "Consolas", "Roboto Mono",
-    "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono",
-    monospace;
-  --font-weight-default: normal;
-  --font-weight-basis: normal;
-  --font-weight-regular: normal;
-  --font-weight-medium: 500;
-  --font-weight-bold: 600;
-  --font-size-x-small: 0.875rem;
-  --font-size-small: 1rem;
-  --font-size-basis: 1.125rem;
-  --font-size-basis--em: 1em;
-  --font-size-medium: 1.25rem;
-  --font-size-large: 1.625rem;
-  --font-size-x-large: 2.125rem;
-  --font-size-xx-large: 3rem;
-  --line-height-xx-small--em: 1em;
-  --line-height-x-small: 1.125rem;
-  --line-height-small: 1.25rem;
-  --line-height-basis: 1.5rem;
-  --line-height-basis--em: 1.333em;
-  --line-height-medium: 2rem;
-  --line-height-large: 2.5rem;
-  --line-height-x-large: 3.5rem;
-  --color-mint-green-50: #d2f0e9;
-  --color-mint-green-25: #e9f8f4;
-  --color-mint-green-12: #f4fbf9;
-  --color-sea-green-30: #b3dada;
-  --color-accent-yellow-30: #feebc1;
-  --color-signal-orange: #ff5400;
-  --color-fire-red: #dc2a2a;
-  --color-success-green: #007b5e;
-  --color-fire-red-8: #fdeeee;
-  --color-black: #000;
-  --color-black-80: #333;
-  --color-black-55: #737373;
-  --color-black-20: #ccc;
-  --color-black-8: #ebebeb;
-  --color-black-3: #f8f8f8;
-  --color-white: #fff;
-  --color-black-border: #cdcdcd;
-  --color-black-background: #fafafa;
-  --color-sea-green: #007272;
-  --color-mint-green: #a5e1d2;
-  --color-summer-green: #28b482;
-  --color-emerald-green: #14555a;
-  --color-ocean-green: #00343e;
-  --color-accent-yellow: #fdbb31;
-  --color-indigo: #23195a;
-  --color-violet: #6e2382;
-  --color-sky-blue: #4bbed2;
-  --color-lavender: #f2f2f5;
-  --color-sand-yellow: #fbf6ec;
-  --color-pistachio: #f2f4ec;
-  --color-mint-green-alt: #ebfffa;
-  --color-indigo-medium: #6e6491;
-  --color-indigo-light: #b9afc8;
-  --color-violet-medium: #a06eaf;
-  --color-violet-light: #cfb9d7;
-  --color-sky-blue-medium: #87d2e1;
-  --color-sky-blue-light: #c3ebf0;
-  --spacing-xx-small: 0.25rem;
-  --spacing-x-small: 0.5rem;
-  --spacing-small: 1rem;
-  --spacing-medium: 1.5rem;
-  --spacing-large: 2rem;
-  --spacing-x-large: 3rem;
-  --spacing-xx-large: 3.5rem;
-  --layout-small: 40em;
-  --layout-medium: 60em;
-  --layout-large: 72em;
-  --layout-x-large: 80em;
-  --layout-xx-large: 90em;
-  --shadow-default: 0 8px 16px rgb(51 51 51 / 8%);
-  --shadow-default-x: 0;
-  --shadow-default-y: 8px;
-  --shadow-default-blur-radius: 16px;
-  --shadow-default-color: rgb(51 51 51 / 8%);
-  --easing-default: cubic-bezier(0.42, 0, 0, 1);
-}
-
 /*
  * Scopes
  *
@@ -101,65 +14,6 @@
  * Document Reset
  *
  */
-/*
- * Typography
- *
- * The font-family properties are defined in the properties.scss file, like:
- * --font-family-default:
- *
- */
-.dnb-typo-regular {
-  font-family: var(--font-family-default);
-  font-weight: normal;
-  font-style: normal;
-}
-
-.dnb-typo-medium {
-  font-family: var(--font-family-default);
-  font-weight: var(--font-weight-medium);
-  font-style: normal;
-}
-
-.dnb-typo-bold {
-  font-family: var(--font-family-default);
-  font-weight: var(--font-weight-bold);
-  font-style: normal;
-}
-
-.dnb-typo-mono-regular {
-  font-family: var(--font-family-monospace);
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: DNB;
-  src: url("../assets/fonts/DNB-Regular.woff2") format("woff2"), url("../assets/fonts/DNB-Regular.woff") format("woff"), url("../assets/fonts/DNB-Regular.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-  font-display: fallback;
-}
-@font-face {
-  font-family: DNB;
-  src: url("../assets/fonts/DNB-Medium.woff2") format("woff2"), url("../assets/fonts/DNB-Medium.woff") format("woff"), url("../assets/fonts/DNB-Medium.ttf") format("truetype");
-  font-weight: 500;
-  font-style: normal;
-  font-display: fallback;
-}
-@font-face {
-  font-family: DNB;
-  src: url("../assets/fonts/DNB-Bold.woff2") format("woff2"), url("../assets/fonts/DNB-Bold.woff") format("woff"), url("../assets/fonts/DNB-Bold.ttf") format("truetype");
-  font-weight: 600;
-  font-style: normal;
-  font-display: fallback;
-}
-@font-face {
-  font-family: DNBMono;
-  src: url("../assets/fonts/DNBMono-Regular.woff2") format("woff2"), url("../assets/fonts/DNBMono-Regular.woff") format("woff"), url("../assets/fonts/DNBMono-Regular.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-  font-display: fallback;
-}
 /*
  * Helper Classes
  *
@@ -199,27 +53,27 @@ html[data-whatinput=mouse] .dnb-mouse-focus:focus {
 }
 
 .dnb-scrollbar-appearance {
-  scrollbar-width: thin;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: auto;
-  scrollbar-color: var(--color-sea-green) transparent;
+  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
 }
 @supports not (scrollbar-color: auto) {
   .dnb-scrollbar-appearance::-webkit-scrollbar {
-    background-color: var(--color-black-8);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+    background-color: var(--scrollbar-track-color, #eee);
   }
   .dnb-scrollbar-appearance::-webkit-scrollbar:vertical {
-    width: 0.5rem;
+    width: var(--scrollbar-track-width, 0.5rem);
   }
   .dnb-scrollbar-appearance::-webkit-scrollbar:horizontal {
-    height: 0.5rem;
+    height: var(--scrollbar-track-width, 0.5rem);
   }
   .dnb-scrollbar-appearance::-webkit-scrollbar-thumb {
-    background-color: var(--color-sea-green);
-    border-radius: 0.5rem;
+    background-color: var(--scrollbar-thumb-color, #888);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
   }
   .dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-emerald-green);
+    background-color: var(--scrollbar-thumb-hover-color, #666);
   }
 }
 
@@ -398,7 +252,7 @@ body {
 html {
   font-size: 100%;
 }
-html:not([data-visual-test]) html {
+html:not([data-visual-test]) {
   scroll-behavior: smooth;
 }
 @supports (-webkit-touch-callout: none) {

package/style/dnb-ui-core.min.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--font-family-default:"DNB",sans-serif;--font-family-monospace:"DNBMono","Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace;--font-weight-default:normal;--font-weight-basis:normal;--font-weight-regular:normal;--font-weight-medium:500;--font-weight-bold:600;--font-size-x-small:0.875rem;--font-size-small:1rem;--font-size-basis:1.125rem;--font-size-basis--em:1em;--font-size-medium:1.25rem;--font-size-large:1.625rem;--font-size-x-large:2.125rem;--font-size-xx-large:3rem;--line-height-xx-small--em:1em;--line-height-x-small:1.125rem;--line-height-small:1.25rem;--line-height-basis:1.5rem;--line-height-basis--em:1.333em;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3dada;--color-accent-yellow-30:#feebc1;--color-signal-orange:#ff5400;--color-fire-red:#dc2a2a;--color-success-green:#007b5e;--color-fire-red-8:#fdeeee;--color-black:#000;--color-black-80:#333;--color-black-55:#737373;--color-black-20:#ccc;--color-black-8:#ebebeb;--color-black-3:#f8f8f8;--color-white:#fff;--color-black-border:#cdcdcd;--color-black-background:#fafafa;--color-sea-green:#007272;--color-mint-green:#a5e1d2;--color-summer-green:#28b482;--color-emerald-green:#14555a;--color-ocean-green:#00343e;--color-accent-yellow:#fdbb31;--color-indigo:#23195a;--color-violet:#6e2382;--color-sky-blue:#4bbed2;--color-lavender:#f2f2f5;--color-sand-yellow:#fbf6ec;--color-pistachio:#f2f4ec;--color-mint-green-alt:#ebfffa;--color-indigo-medium:#6e6491;--color-indigo-light:#b9afc8;--color-violet-medium:#a06eaf;--color-violet-light:#cfb9d7;--color-sky-blue-medium:#87d2e1;--color-sky-blue-light:#c3ebf0;--spacing-xx-small:0.25rem;--spacing-x-small:0.5rem;--spacing-small:1rem;--spacing-medium:1.5rem;--spacing-large:2rem;--spacing-x-large:3rem;--spacing-xx-large:3.5rem;--layout-small:40em;--layout-medium:60em;--layout-large:72em;--layout-x-large:80em;--layout-xx-large:90em;--shadow-default:0 8px 16px rgb(51 51 51/8%);--shadow-default-x:0;--shadow-default-y:8px;--shadow-default-blur-radius:16px;--shadow-default-color:rgb(51 51 51/8%);--easing-default:cubic-bezier(0.42,0,0,1)}.dnb-typo-regular{font-weight:400}.dnb-typo-medium,.dnb-typo-regular{font-family:var(--font-family-default);font-style:normal}.dnb-typo-medium{font-weight:var(--font-weight-medium)}.dnb-typo-bold{font-family:var(--font-family-default);font-style:normal;font-weight:var(--font-weight-bold)}.dnb-typo-mono-regular{font-family:var(--font-family-monospace);font-style:normal;font-weight:400}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:400;src:url(../assets/fonts/DNB-Regular.woff2) format("woff2"),url(../assets/fonts/DNB-Regular.woff) format("woff"),url(../assets/fonts/DNB-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:500;src:url(../assets/fonts/DNB-Medium.woff2) format("woff2"),url(../assets/fonts/DNB-Medium.woff) format("woff"),url(../assets/fonts/DNB-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:600;src:url(../assets/fonts/DNB-Bold.woff2) format("woff2"),url(../assets/fonts/DNB-Bold.woff) format("woff"),url(../assets/fonts/DNB-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMono;font-style:normal;font-weight:400;src:url(../assets/fonts/DNBMono-Regular.woff2) format("woff2"),url(../assets/fonts/DNBMono-Regular.woff) format("woff"),url(../assets/fonts/DNBMono-Regular.ttf) format("truetype")}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 .125rem var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 .125rem var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--color-sea-green) transparent;scrollbar-width:thin}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--color-black-8)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:.5rem}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:.5rem}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--color-sea-green);border-radius:.5rem}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--color-emerald-green)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--color-sea-green);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--color-white);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--color-mint-green-50)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--color-emerald-green)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link--active:hover,.dnb-skip-link:focus:focus:not(:hover):not(:active),.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--color-sea-green)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--color-white)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.dnb-suffix{font-size:var(--font-size-basis);padding-left:.5rem;word-break:normal}.dnb-suffix,html{line-height:var(--line-height-basis)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-moz-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]) html{scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}.dnb-core-style,body{-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:var(--color-black-80,#333);font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before,body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before,body :after,body :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr,body hr{height:0;overflow:visible}.dnb-core-style main,body main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul,body nav ol,body nav ul{list-style:none}.dnb-core-style abbr[title],body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong,body b,body strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp,body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace);font-size:var(--font-size-basis--em)}.dnb-core-style ::selection,body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video,body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video,body audio,body video{display:inline-block}.dnb-core-style audio:not([controls]),body audio:not([controls]){display:none;height:0}.dnb-core-style img,body img{border-style:none}.dnb-core-style svg:not([fill]),body svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root),body svg:not(:root){overflow:hidden}.dnb-core-style table,body table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea,body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select,body button,body figure,body input,body select{margin:0}.dnb-core-style button,body button{overflow:visible;text-transform:none}.dnb-core-style fieldset,body fieldset{padding:.35rem .75rem .625rem}.dnb-core-style input,body input{overflow:visible;word-break:normal}.dnb-core-style legend,body legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress,body progress{display:inline-block;vertical-align:baseline}.dnb-core-style select,body select{text-transform:none}.dnb-core-style textarea,body textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio],body [type=checkbox],body [type=radio]{padding:0}.dnb-core-style input[type=search],body input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button,body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder,body ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration,body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button,body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner,body ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details,body details{display:block}.dnb-core-style summary,body summary{display:list-item}.dnb-core-style canvas,body canvas{display:inline-block}.dnb-core-style template,body template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea,body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}.dnb-core-style [hidden],body [hidden]{display:none}.dnb-core-style [aria-busy=true],body [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input),body [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled],body [aria-disabled=true],body [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus),body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style,body{background-color:#fff;color:#000}}
+@charset "UTF-8";.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 .125rem var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 .125rem var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--color-sea-green);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--color-white);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--color-mint-green-50)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--color-emerald-green)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link--active:hover,.dnb-skip-link:focus:focus:not(:hover):not(:active),.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--color-sea-green)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--color-white)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.dnb-suffix{font-size:var(--font-size-basis);padding-left:.5rem;word-break:normal}.dnb-suffix,html{line-height:var(--line-height-basis)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-moz-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}.dnb-core-style,body{-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:var(--color-black-80,#333);font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before,body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before,body :after,body :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr,body hr{height:0;overflow:visible}.dnb-core-style main,body main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul,body nav ol,body nav ul{list-style:none}.dnb-core-style abbr[title],body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong,body b,body strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp,body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace);font-size:var(--font-size-basis--em)}.dnb-core-style ::selection,body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video,body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video,body audio,body video{display:inline-block}.dnb-core-style audio:not([controls]),body audio:not([controls]){display:none;height:0}.dnb-core-style img,body img{border-style:none}.dnb-core-style svg:not([fill]),body svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root),body svg:not(:root){overflow:hidden}.dnb-core-style table,body table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea,body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select,body button,body figure,body input,body select{margin:0}.dnb-core-style button,body button{overflow:visible;text-transform:none}.dnb-core-style fieldset,body fieldset{padding:.35rem .75rem .625rem}.dnb-core-style input,body input{overflow:visible;word-break:normal}.dnb-core-style legend,body legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress,body progress{display:inline-block;vertical-align:baseline}.dnb-core-style select,body select{text-transform:none}.dnb-core-style textarea,body textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio],body [type=checkbox],body [type=radio]{padding:0}.dnb-core-style input[type=search],body input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button,body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder,body ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration,body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button,body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner,body ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details,body details{display:block}.dnb-core-style summary,body summary{display:list-item}.dnb-core-style canvas,body canvas{display:inline-block}.dnb-core-style template,body template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea,body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}.dnb-core-style [hidden],body [hidden]{display:none}.dnb-core-style [aria-busy=true],body [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input),body [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled],body [aria-disabled=true],body [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus),body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style,body{background-color:#fff;color:#000}}

package/style/dnb-ui-core.scss

@@ -5,9 +5,8 @@
 
 // core imports
 @import './core/utilities.scss';
-@import './core/properties.scss';
+
 @import './core/scopes.scss';
-@import './core/fonts.scss';
 @import './core/helper-classes/helper-classes.scss';
 @include globalReset();
 

package/style/dnb-ui-elements.css

@@ -6,93 +6,6 @@
 /*
  * Utilities
  */
-/*
- * CSS Properties
- *
- */
-:root {
-  --font-family-default: "DNB", sans-serif;
-  --font-family-monospace: "DNBMono", "Menlo", "Consolas", "Roboto Mono",
-    "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono",
-    monospace;
-  --font-weight-default: normal;
-  --font-weight-basis: normal;
-  --font-weight-regular: normal;
-  --font-weight-medium: 500;
-  --font-weight-bold: 600;
-  --font-size-x-small: 0.875rem;
-  --font-size-small: 1rem;
-  --font-size-basis: 1.125rem;
-  --font-size-basis--em: 1em;
-  --font-size-medium: 1.25rem;
-  --font-size-large: 1.625rem;
-  --font-size-x-large: 2.125rem;
-  --font-size-xx-large: 3rem;
-  --line-height-xx-small--em: 1em;
-  --line-height-x-small: 1.125rem;
-  --line-height-small: 1.25rem;
-  --line-height-basis: 1.5rem;
-  --line-height-basis--em: 1.333em;
-  --line-height-medium: 2rem;
-  --line-height-large: 2.5rem;
-  --line-height-x-large: 3.5rem;
-  --color-mint-green-50: #d2f0e9;
-  --color-mint-green-25: #e9f8f4;
-  --color-mint-green-12: #f4fbf9;
-  --color-sea-green-30: #b3dada;
-  --color-accent-yellow-30: #feebc1;
-  --color-signal-orange: #ff5400;
-  --color-fire-red: #dc2a2a;
-  --color-success-green: #007b5e;
-  --color-fire-red-8: #fdeeee;
-  --color-black: #000;
-  --color-black-80: #333;
-  --color-black-55: #737373;
-  --color-black-20: #ccc;
-  --color-black-8: #ebebeb;
-  --color-black-3: #f8f8f8;
-  --color-white: #fff;
-  --color-black-border: #cdcdcd;
-  --color-black-background: #fafafa;
-  --color-sea-green: #007272;
-  --color-mint-green: #a5e1d2;
-  --color-summer-green: #28b482;
-  --color-emerald-green: #14555a;
-  --color-ocean-green: #00343e;
-  --color-accent-yellow: #fdbb31;
-  --color-indigo: #23195a;
-  --color-violet: #6e2382;
-  --color-sky-blue: #4bbed2;
-  --color-lavender: #f2f2f5;
-  --color-sand-yellow: #fbf6ec;
-  --color-pistachio: #f2f4ec;
-  --color-mint-green-alt: #ebfffa;
-  --color-indigo-medium: #6e6491;
-  --color-indigo-light: #b9afc8;
-  --color-violet-medium: #a06eaf;
-  --color-violet-light: #cfb9d7;
-  --color-sky-blue-medium: #87d2e1;
-  --color-sky-blue-light: #c3ebf0;
-  --spacing-xx-small: 0.25rem;
-  --spacing-x-small: 0.5rem;
-  --spacing-small: 1rem;
-  --spacing-medium: 1.5rem;
-  --spacing-large: 2rem;
-  --spacing-x-large: 3rem;
-  --spacing-xx-large: 3.5rem;
-  --layout-small: 40em;
-  --layout-medium: 60em;
-  --layout-large: 72em;
-  --layout-x-large: 80em;
-  --layout-xx-large: 90em;
-  --shadow-default: 0 8px 16px rgb(51 51 51 / 8%);
-  --shadow-default-x: 0;
-  --shadow-default-y: 8px;
-  --shadow-default-blur-radius: 16px;
-  --shadow-default-color: rgb(51 51 51 / 8%);
-  --easing-default: cubic-bezier(0.42, 0, 0, 1);
-}
-
 /*
  * Import all Elements
  *

package/style/dnb-ui-elements.min.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--font-family-default:"DNB",sans-serif;--font-family-monospace:"DNBMono","Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace;--font-weight-default:normal;--font-weight-basis:normal;--font-weight-regular:normal;--font-weight-medium:500;--font-weight-bold:600;--font-size-x-small:0.875rem;--font-size-small:1rem;--font-size-basis:1.125rem;--font-size-basis--em:1em;--font-size-medium:1.25rem;--font-size-large:1.625rem;--font-size-x-large:2.125rem;--font-size-xx-large:3rem;--line-height-xx-small--em:1em;--line-height-x-small:1.125rem;--line-height-small:1.25rem;--line-height-basis:1.5rem;--line-height-basis--em:1.333em;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3dada;--color-accent-yellow-30:#feebc1;--color-signal-orange:#ff5400;--color-fire-red:#dc2a2a;--color-success-green:#007b5e;--color-fire-red-8:#fdeeee;--color-black:#000;--color-black-80:#333;--color-black-55:#737373;--color-black-20:#ccc;--color-black-8:#ebebeb;--color-black-3:#f8f8f8;--color-white:#fff;--color-black-border:#cdcdcd;--color-black-background:#fafafa;--color-sea-green:#007272;--color-mint-green:#a5e1d2;--color-summer-green:#28b482;--color-emerald-green:#14555a;--color-ocean-green:#00343e;--color-accent-yellow:#fdbb31;--color-indigo:#23195a;--color-violet:#6e2382;--color-sky-blue:#4bbed2;--color-lavender:#f2f2f5;--color-sand-yellow:#fbf6ec;--color-pistachio:#f2f4ec;--color-mint-green-alt:#ebfffa;--color-indigo-medium:#6e6491;--color-indigo-light:#b9afc8;--color-violet-medium:#a06eaf;--color-violet-light:#cfb9d7;--color-sky-blue-medium:#87d2e1;--color-sky-blue-light:#c3ebf0;--spacing-xx-small:0.25rem;--spacing-x-small:0.5rem;--spacing-small:1rem;--spacing-medium:1.5rem;--spacing-large:2rem;--spacing-x-large:3rem;--spacing-xx-large:3.5rem;--layout-small:40em;--layout-medium:60em;--layout-large:72em;--layout-x-large:80em;--layout-xx-large:90em;--shadow-default:0 8px 16px rgb(51 51 51/8%);--shadow-default-x:0;--shadow-default-y:8px;--shadow-default-blur-radius:16px;--shadow-default-color:rgb(51 51 51/8%);--easing-default:cubic-bezier(0.42,0,0,1)}button.dnb-anchor{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;line-height:calc(var(--line-height-basis) + .125rem)}.dnb-anchor{border-radius:0;color:var(--color-sea-green);display:inline;font-size:var(--font-size-basis);padding:.05575em .125em;text-decoration:underline;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;text-decoration-thickness:.0938rem;text-underline-offset:.25em;transition:background-color .2s ease-in-out,border-radius .2s ease-in-out}sub .dnb-anchor,sup .dnb-anchor{padding:0 .025em}.dnb-h--basis .dnb-anchor,.dnb-h--large .dnb-anchor,.dnb-h--medium .dnb-anchor,.dnb-h--small .dnb-anchor,.dnb-h--x-large .dnb-anchor,.dnb-h--x-small .dnb-anchor,.dnb-h--xx-large .dnb-anchor,.dnb-lead .dnb-anchor,.dnb-p .dnb-anchor{font-size:inherit}.dnb-anchor:focus{border-radius:.25em;outline:none}.dnb-anchor:focus:not(:active){background-color:transparent;color:var(--color-sea-green);transition:none}.dnb-anchor:focus:not(:active),.dnb-section .dnb-anchor:focus:not(:active).dnb-anchor{text-decoration:none}html[data-whatinput=keyboard] .dnb-anchor:focus{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-anchor:active,.dnb-anchor:hover{background-color:var(--color-mint-green-50);border-radius:.25em;color:var(--color-sea-green)}.dnb-anchor:active,.dnb-anchor:hover,.dnb-section .dnb-anchor:active.dnb-anchor,.dnb-section .dnb-anchor:hover.dnb-anchor{text-decoration:none}.dnb-anchor:active{background-color:var(--color-emerald-green);border-radius:.25em;color:var(--color-mint-green)}.dnb-anchor:active,.dnb-section .dnb-anchor:active.dnb-anchor{text-decoration:none}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=");background-size:0;position:relative}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;transform-origin:bottom;transition:transform .3s ease-out,filter 1s ease-in-out;width:.889em}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=")}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-anchor{transition:none}.dnb-anchor .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-anchor--hover{background-color:var(--color-mint-green-50);border-radius:.25em;color:var(--color-sea-green)}.dnb-anchor--hover,.dnb-section .dnb-anchor--hover.dnb-anchor{text-decoration:none}.dnb-anchor--active{background-color:var(--color-emerald-green);border-radius:.25em;color:var(--color-mint-green)}.dnb-anchor--active,.dnb-section .dnb-anchor--active.dnb-anchor{text-decoration:none}.dnb-anchor--focus{border-radius:.25em;outline:none}.dnb-anchor--focus:not(:active){background-color:transparent;color:var(--color-sea-green);transition:none}.dnb-anchor--focus:not(:active),.dnb-section .dnb-anchor--focus:not(:active).dnb-anchor{text-decoration:none}html[data-whatinput=mouse] .dnb-anchor--focus{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-anchor--no-style{color:inherit;transition:none}.dnb-anchor--no-style,.dnb-section .dnb-anchor--no-style.dnb-anchor{text-decoration:none}.dnb-anchor--no-style:hover{background-color:transparent;color:inherit}.dnb-anchor--no-underline,.dnb-section .dnb-anchor--no-underline.dnb-anchor{text-decoration:none}.dnb-anchor--no-hover:hover{background-color:transparent;color:inherit}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-animation{transition:none}.dnb-anchor--contrast{color:var(--color-white)}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{text-decoration:none}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{background-color:var(--color-white);color:var(--color-emerald-green)}.dnb-anchor--contrast:not(:disabled):focus{background-color:transparent;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-anchor--contrast:not(:disabled):focus{--border-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}a.dnb-button{transition:none}.dnb-anchor.dnb-skeleton,.dnb-skeleton>.dnb-anchor{text-decoration:none}.dnb-anchor.dnb-skeleton:after,.dnb-skeleton>.dnb-anchor:after{filter:grayscale(100%) opacity(.3)}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.5em}.dnb-p{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:calc(var(--line-height-medium) - .25rem)}.dnb-p--lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p--medium,.dnb-p b,.dnb-p strong{font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-h--xx-large>small{display:block}.dnb-h--x-large,.dnb-h--x-large>small,.dnb-h--xx-large>small{font-size:var(--font-size-x-large);line-height:var(--line-height-large)}.dnb-h--x-large>small{display:block}.dnb-h--large{font-size:var(--font-size-large);line-height:var(--line-height-medium)}.dnb-h--large>small{font-size:var(--font-size-medium);line-height:calc(var(--line-height-medium) - .125rem)}.dnb-h--medium,.dnb-lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:calc(var(--line-height-medium) - .25rem)}.dnb-h--basis,.dnb-h--medium>small,.dnb-lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-h--basis>small,.dnb-h--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-h--small>small{font-size:var(--font-size-x-small);line-height:var(--line-height-small)}.dnb-h--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{color:var(--theme-color-black-80,currentColor);font-family:var(--font-family-default);font-weight:var(--font-weight-medium);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-blockquote{background-color:var(--color-ocean-green);border-radius:1rem;color:var(--color-mint-green);display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent;color:var(--theme-color-black-80,currentColor)}.dnb-blockquote.dnb-blockquote--no-background:before{filter:grayscale(1) brightness(24%)}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,.dnb-blockquote:not(.dnb-blockquote--no-background) a{color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:hover{background-color:var(--color-white);color:var(--color-emerald-green);text-decoration:none}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active{background-color:var(--color-white);color:var(--color-emerald-green)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,.dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus{background-color:transparent;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus{--border-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:var(--color-mint-green)}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-ul{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul--outside li,.dnb-ul li{position:relative}.dnb-ul--outside li:before,.dnb-ul li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol--outside li,.dnb-ol li{position:relative}.dnb-ol--outside li:before,.dnb-ol li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li:before,.dnb-ol[type] li li:before{content:none}.dnb-dl{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-dl__direction--horizontal dd,.dnb-dl__direction--horizontal dd~dt,.dnb-dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__direction--horizontal dd:first-of-type,.dnb-dl__direction--horizontal dd~dt:first-of-type,.dnb-dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{flex-basis:100%;height:0;margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-label{color:var(--color-black-80);cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-form{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-code{background-color:var(--color-mint-green-25);border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;background-color:#222;border-radius:.5rem;color:var(--color-mint-green-12);display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);border-color:transparent;box-shadow:0 0 0 .25rem var(--border-color)}.dnb-spacing .dnb-pre:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;background-color:var(--color-black-8);border-radius:inherit;color:var(--color-black-80);content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-hr{border:0;color:var(--color-black-80);display:flex;height:0;padding:0;position:relative}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-hr--fullscreen:after{left:-100vw;width:200vw}.dnb-hr--light:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 60%,transparent 65%);background-size:100% 1px;border-radius:.25px}.dnb-hr--medium:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 51%,transparent 0);background-size:100% 3px;border-radius:.75px;height:2px}.dnb-spacing .dnb-hr:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}
+@charset "UTF-8";button.dnb-anchor{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;line-height:calc(var(--line-height-basis) + .125rem)}.dnb-anchor{border-radius:0;color:var(--color-sea-green);display:inline;font-size:var(--font-size-basis);padding:.05575em .125em;text-decoration:underline;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;text-decoration-thickness:.0938rem;text-underline-offset:.25em;transition:background-color .2s ease-in-out,border-radius .2s ease-in-out}sub .dnb-anchor,sup .dnb-anchor{padding:0 .025em}.dnb-h--basis .dnb-anchor,.dnb-h--large .dnb-anchor,.dnb-h--medium .dnb-anchor,.dnb-h--small .dnb-anchor,.dnb-h--x-large .dnb-anchor,.dnb-h--x-small .dnb-anchor,.dnb-h--xx-large .dnb-anchor,.dnb-lead .dnb-anchor,.dnb-p .dnb-anchor{font-size:inherit}.dnb-anchor:focus{border-radius:.25em;outline:none}.dnb-anchor:focus:not(:active){background-color:transparent;color:var(--color-sea-green);transition:none}.dnb-anchor:focus:not(:active),.dnb-section .dnb-anchor:focus:not(:active).dnb-anchor{text-decoration:none}html[data-whatinput=keyboard] .dnb-anchor:focus{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-anchor:active,.dnb-anchor:hover{background-color:var(--color-mint-green-50);border-radius:.25em;color:var(--color-sea-green)}.dnb-anchor:active,.dnb-anchor:hover,.dnb-section .dnb-anchor:active.dnb-anchor,.dnb-section .dnb-anchor:hover.dnb-anchor{text-decoration:none}.dnb-anchor:active{background-color:var(--color-emerald-green);border-radius:.25em;color:var(--color-mint-green)}.dnb-anchor:active,.dnb-section .dnb-anchor:active.dnb-anchor{text-decoration:none}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=");background-size:0;position:relative}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;transform-origin:bottom;transition:transform .3s ease-out,filter 1s ease-in-out;width:.889em}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=")}.dnb-anchor[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-anchor{transition:none}.dnb-anchor .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-anchor--hover{background-color:var(--color-mint-green-50);border-radius:.25em;color:var(--color-sea-green)}.dnb-anchor--hover,.dnb-section .dnb-anchor--hover.dnb-anchor{text-decoration:none}.dnb-anchor--active{background-color:var(--color-emerald-green);border-radius:.25em;color:var(--color-mint-green)}.dnb-anchor--active,.dnb-section .dnb-anchor--active.dnb-anchor{text-decoration:none}.dnb-anchor--focus{border-radius:.25em;outline:none}.dnb-anchor--focus:not(:active){background-color:transparent;color:var(--color-sea-green);transition:none}.dnb-anchor--focus:not(:active),.dnb-section .dnb-anchor--focus:not(:active).dnb-anchor{text-decoration:none}html[data-whatinput=mouse] .dnb-anchor--focus{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-anchor--no-style{color:inherit;transition:none}.dnb-anchor--no-style,.dnb-section .dnb-anchor--no-style.dnb-anchor{text-decoration:none}.dnb-anchor--no-style:hover{background-color:transparent;color:inherit}.dnb-anchor--no-underline,.dnb-section .dnb-anchor--no-underline.dnb-anchor{text-decoration:none}.dnb-anchor--no-hover:hover{background-color:transparent;color:inherit}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-animation{transition:none}.dnb-anchor--contrast{color:var(--color-white)}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{text-decoration:none}.dnb-anchor--contrast:active,.dnb-anchor--contrast:hover{background-color:var(--color-white);color:var(--color-emerald-green)}.dnb-anchor--contrast:not(:disabled):focus{background-color:transparent;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-anchor--contrast:not(:disabled):focus{--border-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}a.dnb-button{transition:none}.dnb-anchor.dnb-skeleton,.dnb-skeleton>.dnb-anchor{text-decoration:none}.dnb-anchor.dnb-skeleton:after,.dnb-skeleton>.dnb-anchor:after{filter:grayscale(100%) opacity(.3)}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.5em}.dnb-p{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:calc(var(--line-height-medium) - .25rem)}.dnb-p--lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p--medium,.dnb-p b,.dnb-p strong{font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-h--xx-large>small{display:block}.dnb-h--x-large,.dnb-h--x-large>small,.dnb-h--xx-large>small{font-size:var(--font-size-x-large);line-height:var(--line-height-large)}.dnb-h--x-large>small{display:block}.dnb-h--large{font-size:var(--font-size-large);line-height:var(--line-height-medium)}.dnb-h--large>small{font-size:var(--font-size-medium);line-height:calc(var(--line-height-medium) - .125rem)}.dnb-h--medium,.dnb-lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:calc(var(--line-height-medium) - .25rem)}.dnb-h--basis,.dnb-h--medium>small,.dnb-lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-h--basis>small,.dnb-h--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-h--small>small{font-size:var(--font-size-x-small);line-height:var(--line-height-small)}.dnb-h--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{color:var(--theme-color-black-80,currentColor);font-family:var(--font-family-default);font-weight:var(--font-weight-medium);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-blockquote{background-color:var(--color-ocean-green);border-radius:1rem;color:var(--color-mint-green);display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent;color:var(--theme-color-black-80,currentColor)}.dnb-blockquote.dnb-blockquote--no-background:before{filter:grayscale(1) brightness(24%)}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,.dnb-blockquote:not(.dnb-blockquote--no-background) a{color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:hover{background-color:var(--color-white);color:var(--color-emerald-green);text-decoration:none}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active{background-color:var(--color-white);color:var(--color-emerald-green)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,.dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus{background-color:transparent;color:var(--color-white);outline:none}html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus{--border-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:var(--color-mint-green)}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-ul{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul--outside li,.dnb-ul li{position:relative}.dnb-ul--outside li:before,.dnb-ul li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol--outside li,.dnb-ol li{position:relative}.dnb-ol--outside li:before,.dnb-ol li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li:before,.dnb-ol[type] li li:before{content:none}.dnb-dl{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-dl__direction--horizontal dd,.dnb-dl__direction--horizontal dd~dt,.dnb-dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__direction--horizontal dd:first-of-type,.dnb-dl__direction--horizontal dd~dt:first-of-type,.dnb-dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{flex-basis:100%;height:0;margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-label{color:var(--color-black-80);cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-form{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-code{background-color:var(--color-mint-green-25);border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;background-color:#222;border-radius:.5rem;color:var(--color-mint-green-12);display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);border-color:transparent;box-shadow:0 0 0 .25rem var(--border-color)}.dnb-spacing .dnb-pre:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;background-color:var(--color-black-8);border-radius:inherit;color:var(--color-black-80);content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-hr{border:0;color:var(--color-black-80);display:flex;height:0;padding:0;position:relative}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-hr--fullscreen:after{left:-100vw;width:200vw}.dnb-hr--light:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 60%,transparent 65%);background-size:100% 1px;border-radius:.25px}.dnb-hr--medium:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 51%,transparent 0);background-size:100% 3px;border-radius:.75px;height:2px}.dnb-spacing .dnb-hr:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}

package/style/dnb-ui-elements.scss

@@ -4,7 +4,6 @@
  */
 
 @import './core/utilities.scss';
-@import './core/properties.scss';
 
 // import all HTML elements
 @import './elements/ui-elements.scss';

package/style/dnb-ui-fragments.css

@@ -93,30 +93,30 @@ html[data-visual-test] .dnb-drawer-list__portal__style {
   transition: max-height 300ms var(--easing-default);
   overflow-y: auto;
   overscroll-behavior: contain;
-  scrollbar-width: thin;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: auto;
-  scrollbar-color: var(--color-sea-green) transparent;
+  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
 }
 html:not([data-visual-test]) .dnb-drawer-list--scroll .dnb-drawer-list__options {
   scroll-behavior: smooth;
 }
 @supports not (scrollbar-color: auto) {
   .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar {
-    background-color: var(--color-black-8);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+    background-color: var(--scrollbar-track-color, #eee);
   }
   .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:vertical {
-    width: 0.5rem;
+    width: var(--scrollbar-track-width, 0.5rem);
   }
   .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:horizontal {
-    height: 0.5rem;
+    height: var(--scrollbar-track-width, 0.5rem);
   }
   .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb {
-    background-color: var(--color-sea-green);
-    border-radius: 0.5rem;
+    background-color: var(--scrollbar-thumb-color, #888);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
   }
   .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-emerald-green);
+    background-color: var(--scrollbar-thumb-hover-color, #666);
   }
 }
 html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options, .dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options {
@@ -398,10 +398,9 @@ html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawe
   overflow-x: auto;
   overflow-y: auto;
   overscroll-behavior: contain;
-  scrollbar-width: thin;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: auto;
-  scrollbar-color: var(--color-sea-green) transparent;
+  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
   overscroll-behavior: auto;
 }
 html:not([data-visual-test]) .dnb-scroll-view {
@@ -409,20 +408,21 @@ html:not([data-visual-test]) .dnb-scroll-view {
 }
 @supports not (scrollbar-color: auto) {
   .dnb-scroll-view::-webkit-scrollbar {
-    background-color: var(--color-black-8);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+    background-color: var(--scrollbar-track-color, #eee);
   }
   .dnb-scroll-view::-webkit-scrollbar:vertical {
-    width: 0.5rem;
+    width: var(--scrollbar-track-width, 0.5rem);
   }
   .dnb-scroll-view::-webkit-scrollbar:horizontal {
-    height: 0.5rem;
+    height: var(--scrollbar-track-width, 0.5rem);
   }
   .dnb-scroll-view::-webkit-scrollbar-thumb {
-    background-color: var(--color-sea-green);
-    border-radius: 0.5rem;
+    background-color: var(--scrollbar-thumb-color, #888);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
   }
   .dnb-scroll-view::-webkit-scrollbar-thumb:hover {
-    background-color: var(--color-emerald-green);
+    background-color: var(--scrollbar-thumb-hover-color, #666);
   }
 }
 .dnb-scroll-view[tabindex="0"]:focus {

package/style/dnb-ui-fragments.min.css

@@ -1 +1 @@
-:root{--drawer-list-width:16rem;--drawer-list-height:2rem;--drawer-list-padding-horizontal:1rem;--drawer-list-focus-border-width:0.125rem;--drawer-list-text-padding:0.5rem;--drawer-list-height--small:1.5rem;--drawer-list-height--medium:2.5rem;--drawer-list-height--large:3rem}.dnb-drawer-list{display:block;font-size:var(--font-size-small);min-width:inherit;position:relative;width:inherit}.dnb-drawer-list__portal__style{position:absolute;transition:all .3s var(--easing-default);z-index:3200}html[data-visual-test] .dnb-drawer-list__portal__style{transition:none!important}.dnb-drawer-list__portal__style--fixed{position:fixed}.dnb-drawer-list__root{min-width:inherit;width:inherit}.dnb-drawer-list__root--portal{left:0;position:absolute;top:0}.dnb-drawer-list__content{padding:0;width:100%}.dnb-drawer-list__list{background-color:transparent;bottom:auto;font-size:var(--font-size-basis);left:0;line-height:var(--line-height-basis);margin:0;min-width:inherit;padding:0;position:absolute;right:0;top:0;transform:translateY(0);transition:transform .2s,opacity .16s ease-out;width:inherit;z-index:3}.dnb-drawer-list__options{background-color:transparent;display:flex;flex-direction:column;list-style:none;margin:0;max-height:90vh;padding:0;width:100%}.dnb-spacing .dnb-drawer-list__options li.dnb-drawer-list__option{margin:0}.dnb-drawer-list--scroll .dnb-drawer-list__options{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;max-height:70vh;min-height:2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--color-sea-green) transparent;scrollbar-width:thin;transition:max-height .3s var(--easing-default)}html:not([data-visual-test]) .dnb-drawer-list--scroll .dnb-drawer-list__options{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar{background-color:var(--color-black-8)}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:vertical{width:.5rem}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:horizontal{height:.5rem}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb{background-color:var(--color-sea-green);border-radius:.5rem}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb:hover{background-color:var(--color-emerald-green)}}.dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options,html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options{transition:none!important}.dnb-drawer-list--opened .dnb-drawer-list__options{scroll-behavior:smooth}.dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options{scroll-behavior:auto}.dnb-drawer-list__option{cursor:pointer;padding:0}.dnb-drawer-list__option,.dnb-drawer-list__option__inner{background-color:var(--color-white);color:inherit;margin:0;outline:none;position:relative}.dnb-drawer-list__option__inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(10,min-content);padding:1rem;z-index:1}.dnb-drawer-list__option__inner>*{align-self:self-start}.dnb-drawer-list__option__item{display:block;grid-column:1;text-overflow:ellipsis}.dnb-drawer-list__option__item--horizontal{display:flex}.dnb-drawer-list__option__item>.dnb-icon{vertical-align:initial}.dnb-drawer-list__option__item .dnb-anchor{display:inline-block;font-size:inherit;margin-right:.5rem;white-space:nowrap;word-break:break-word}@media screen and (min-width:40em){.dnb-drawer-list__option__suffix{align-self:center;grid-column:2;grid-row:1/-1;justify-self:end}}.dnb-drawer-list__option--ignore{cursor:default;pointer-events:none}.dnb-drawer-list__triangle{left:auto;margin:0 var(--drawer-list-padding-horizontal);overflow:hidden;pointer-events:none;right:0;top:calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2)}.dnb-drawer-list__triangle,.dnb-drawer-list__triangle:before{height:calc(var(--drawer-list-height)/2);position:absolute;width:calc(var(--drawer-list-height)/2)}.dnb-drawer-list__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";left:0;top:0;transform:translateY(60%) rotate(45deg)}.dnb-drawer-list--triangle-position-left .dnb-drawer-list__triangle{left:0;right:auto}.dnb-drawer-list--top .dnb-drawer-list__triangle{bottom:calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2 - 2px);top:auto;transform:rotate(180deg)}.dnb-drawer-list--top .dnb-drawer-list__triangle:before{transform:translateY(65%) rotate(45deg)}.dnb-drawer-list--is-popup.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.5rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.5rem}.dnb-drawer-list--opened .dnb-drawer-list__list{display:flex;flex-direction:column;z-index:100}.dnb-drawer-list--opened .dnb-drawer-list__list:not(.dnb-drawer-list--opened .dnb-drawer-list__list--no-animation){animation:drawer-list-slide-top-down .2s ease-out 1 forwards}.dnb-drawer-list--opened .dnb-drawer-list__list--no-animation,html[data-visual-test] .dnb-drawer-list--opened .dnb-drawer-list__list{animation-duration:1ms!important}.dnb-drawer-list--hidden .dnb-drawer-list__list{display:none}.dnb-drawer-list--bottom .dnb-drawer-list__list{bottom:auto;top:0}.dnb-drawer-list--top .dnb-drawer-list__list{bottom:var(--drawer-list-height);top:auto}.dnb-drawer-list__portal .dnb-drawer-list--bottom .dnb-drawer-list__list{bottom:auto;top:var(--drawer-list-height)}.dnb-drawer-list__portal .dnb-drawer-list--small .dnb-drawer-list__list{top:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--top .dnb-drawer-list__list{bottom:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.75rem}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.75rem}.dnb-drawer-list__portal .dnb-drawer-list--medium .dnb-drawer-list__list{top:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--top .dnb-drawer-list__list{bottom:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list__portal .dnb-drawer-list--large .dnb-drawer-list__list{top:var(--drawer-list-height--large)}.dnb-drawer-list--large.dnb-drawer-list--top .dnb-drawer-list__list{bottom:var(--drawer-list-height--large)}.dnb-drawer-list--large .dnb-drawer-list__triangle{margin:0 1.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{left:auto}.dnb-drawer-list__root>.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list__portal .dnb-drawer-list--right{right:100%}.dnb-drawer-list__portal .dnb-drawer-list--top .dnb-drawer-list__list{bottom:0;top:auto}.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list:not(.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation){animation:drawer-list-slide-top-up .15s ease-out 1 forwards}.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation,html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{animation-duration:1ms!important}.dnb-drawer-list--action-menu .dnb-drawer-list__option__inner{align-items:center;flex-direction:row;justify-content:flex-start}@media screen and (min-width:40em){.dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:0}.dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:0}}@keyframes drawer-list-scale-in{0%{opacity:0;transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes drawer-list-scale-out{0%{opacity:1;transform:scale(1) translateX(0)}to{opacity:0;transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}}@keyframes drawer-list-slide-top-down{0%{opacity:0;transform:translateY(calc(1px - var(--drawer-list-height)))}to{opacity:1;transform:translateY(0)}}@keyframes drawer-list-slide-top-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(1px - var(--drawer-list-height)))}}@keyframes drawer-list-slide-bottom-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(1px + var(--drawer-list-height)))}}@keyframes drawer-list-slide-bottom-up{0%{opacity:0;transform:translateY(calc(1px + var(--drawer-list-height)))}to{opacity:1;transform:translateY(0)}}.dnb-scroll-view{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior:auto;scrollbar-color:var(--color-sea-green) transparent;scrollbar-width:thin}html:not([data-visual-test]) .dnb-scroll-view{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-scroll-view::-webkit-scrollbar{background-color:var(--color-black-8)}.dnb-scroll-view::-webkit-scrollbar:vertical{width:.5rem}.dnb-scroll-view::-webkit-scrollbar:horizontal{height:.5rem}.dnb-scroll-view::-webkit-scrollbar-thumb{background-color:var(--color-sea-green);border-radius:.5rem}.dnb-scroll-view::-webkit-scrollbar-thumb:hover{background-color:var(--color-emerald-green)}}.dnb-scroll-view[tabindex="0"]:focus{outline:none}html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}
+:root{--drawer-list-width:16rem;--drawer-list-height:2rem;--drawer-list-padding-horizontal:1rem;--drawer-list-focus-border-width:0.125rem;--drawer-list-text-padding:0.5rem;--drawer-list-height--small:1.5rem;--drawer-list-height--medium:2.5rem;--drawer-list-height--large:3rem}.dnb-drawer-list{display:block;font-size:var(--font-size-small);min-width:inherit;position:relative;width:inherit}.dnb-drawer-list__portal__style{position:absolute;transition:all .3s var(--easing-default);z-index:3200}html[data-visual-test] .dnb-drawer-list__portal__style{transition:none!important}.dnb-drawer-list__portal__style--fixed{position:fixed}.dnb-drawer-list__root{min-width:inherit;width:inherit}.dnb-drawer-list__root--portal{left:0;position:absolute;top:0}.dnb-drawer-list__content{padding:0;width:100%}.dnb-drawer-list__list{background-color:transparent;bottom:auto;font-size:var(--font-size-basis);left:0;line-height:var(--line-height-basis);margin:0;min-width:inherit;padding:0;position:absolute;right:0;top:0;transform:translateY(0);transition:transform .2s,opacity .16s ease-out;width:inherit;z-index:3}.dnb-drawer-list__options{background-color:transparent;display:flex;flex-direction:column;list-style:none;margin:0;max-height:90vh;padding:0;width:100%}.dnb-spacing .dnb-drawer-list__options li.dnb-drawer-list__option{margin:0}.dnb-drawer-list--scroll .dnb-drawer-list__options{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;max-height:70vh;min-height:2rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;transition:max-height .3s var(--easing-default)}html:not([data-visual-test]) .dnb-drawer-list--scroll .dnb-drawer-list__options{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options,html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options{transition:none!important}.dnb-drawer-list--opened .dnb-drawer-list__options{scroll-behavior:smooth}.dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options{scroll-behavior:auto}.dnb-drawer-list__option{cursor:pointer;padding:0}.dnb-drawer-list__option,.dnb-drawer-list__option__inner{background-color:var(--color-white);color:inherit;margin:0;outline:none;position:relative}.dnb-drawer-list__option__inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(10,min-content);padding:1rem;z-index:1}.dnb-drawer-list__option__inner>*{align-self:self-start}.dnb-drawer-list__option__item{display:block;grid-column:1;text-overflow:ellipsis}.dnb-drawer-list__option__item--horizontal{display:flex}.dnb-drawer-list__option__item>.dnb-icon{vertical-align:initial}.dnb-drawer-list__option__item .dnb-anchor{display:inline-block;font-size:inherit;margin-right:.5rem;white-space:nowrap;word-break:break-word}@media screen and (min-width:40em){.dnb-drawer-list__option__suffix{align-self:center;grid-column:2;grid-row:1/-1;justify-self:end}}.dnb-drawer-list__option--ignore{cursor:default;pointer-events:none}.dnb-drawer-list__triangle{left:auto;margin:0 var(--drawer-list-padding-horizontal);overflow:hidden;pointer-events:none;right:0;top:calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2)}.dnb-drawer-list__triangle,.dnb-drawer-list__triangle:before{height:calc(var(--drawer-list-height)/2);position:absolute;width:calc(var(--drawer-list-height)/2)}.dnb-drawer-list__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";left:0;top:0;transform:translateY(60%) rotate(45deg)}.dnb-drawer-list--triangle-position-left .dnb-drawer-list__triangle{left:0;right:auto}.dnb-drawer-list--top .dnb-drawer-list__triangle{bottom:calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2 - 2px);top:auto;transform:rotate(180deg)}.dnb-drawer-list--top .dnb-drawer-list__triangle:before{transform:translateY(65%) rotate(45deg)}.dnb-drawer-list--is-popup.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.5rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.5rem}.dnb-drawer-list--opened .dnb-drawer-list__list{display:flex;flex-direction:column;z-index:100}.dnb-drawer-list--opened .dnb-drawer-list__list:not(.dnb-drawer-list--opened .dnb-drawer-list__list--no-animation){animation:drawer-list-slide-top-down .2s ease-out 1 forwards}.dnb-drawer-list--opened .dnb-drawer-list__list--no-animation,html[data-visual-test] .dnb-drawer-list--opened .dnb-drawer-list__list{animation-duration:1ms!important}.dnb-drawer-list--hidden .dnb-drawer-list__list{display:none}.dnb-drawer-list--bottom .dnb-drawer-list__list{bottom:auto;top:0}.dnb-drawer-list--top .dnb-drawer-list__list{bottom:var(--drawer-list-height);top:auto}.dnb-drawer-list__portal .dnb-drawer-list--bottom .dnb-drawer-list__list{bottom:auto;top:var(--drawer-list-height)}.dnb-drawer-list__portal .dnb-drawer-list--small .dnb-drawer-list__list{top:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--top .dnb-drawer-list__list{bottom:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.75rem}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.75rem}.dnb-drawer-list__portal .dnb-drawer-list--medium .dnb-drawer-list__list{top:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--top .dnb-drawer-list__list{bottom:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list__portal .dnb-drawer-list--large .dnb-drawer-list__list{top:var(--drawer-list-height--large)}.dnb-drawer-list--large.dnb-drawer-list--top .dnb-drawer-list__list{bottom:var(--drawer-list-height--large)}.dnb-drawer-list--large .dnb-drawer-list__triangle{margin:0 1.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{left:auto}.dnb-drawer-list__root>.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list__portal .dnb-drawer-list--right{right:100%}.dnb-drawer-list__portal .dnb-drawer-list--top .dnb-drawer-list__list{bottom:0;top:auto}.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list:not(.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation){animation:drawer-list-slide-top-up .15s ease-out 1 forwards}.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation,html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list{animation-duration:1ms!important}.dnb-drawer-list--action-menu .dnb-drawer-list__option__inner{align-items:center;flex-direction:row;justify-content:flex-start}@media screen and (min-width:40em){.dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:0}.dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:0}}@keyframes drawer-list-scale-in{0%{opacity:0;transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes drawer-list-scale-out{0%{opacity:1;transform:scale(1) translateX(0)}to{opacity:0;transform:scale(.8) translateX(calc(1px - var(--drawer-list-width)))}}@keyframes drawer-list-slide-top-down{0%{opacity:0;transform:translateY(calc(1px - var(--drawer-list-height)))}to{opacity:1;transform:translateY(0)}}@keyframes drawer-list-slide-top-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(1px - var(--drawer-list-height)))}}@keyframes drawer-list-slide-bottom-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(1px + var(--drawer-list-height)))}}@keyframes drawer-list-slide-bottom-up{0%{opacity:0;transform:translateY(calc(1px + var(--drawer-list-height)))}to{opacity:1;transform:translateY(0)}}.dnb-scroll-view{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;overscroll-behavior:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}html:not([data-visual-test]) .dnb-scroll-view{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.dnb-scroll-view::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scroll-view::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scroll-view::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scroll-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scroll-view::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-scroll-view[tabindex="0"]:focus{outline:none}html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus{--border-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 .125rem var(--border-color)}