@dnb/eufemia 10.75.3 → 10.76.0

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

@@ -1,4 +1,4 @@
-@charset "UTF-8";.dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options{column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{--field-block-content-width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{--field-block-content-width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{--field-block-content-width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection__variant--radio-list{--outline-color:var(--color-black-8);--outline-width:0.0625rem;--list-padding:1rem;--list-height:4rem}.dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell{row-gap:0}.dnb-forms-field-selection__variant--radio-list .dnb-toggle-button-group__fieldset{--border-color:var(--outline-color);--border-width:var(--outline-width);background-color:var(--color-white);border-color:transparent;border-radius:.5rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-selection__variant--radio-list .dnb-radio{justify-content:center;overflow:clip;padding:calc((var(--list-height) - 1.5rem)/2) var(--list-padding);position:relative}.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-radio__input{-webkit-appearance:none;appearance:none;height:var(--list-height);left:calc(var(--list-padding)*-1);transform:none;width:100vw;z-index:1}.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label{padding-left:var(--list-padding);z-index:2}.dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type):before{background-color:var(--outline-color);bottom:0;content:"";height:var(--outline-width);left:0;position:absolute;right:0;top:0}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}.dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label{align-items:baseline}@media screen and (max-width:xx-small0){.dnb-forms-field-string .dnb-input__shell{width:90%}}.dnb-forms-field-upload .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-medium));--outset-right:calc(var(--spacing-medium));margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}.dnb-forms-field-upload .dnb-help-button__content .dnb-section:before{z-index:0}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem;--forms-field-label-max-width--large:60ch}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(-webkit-min-content,var(--block-content-width,auto));grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}.dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block:not([class*="--content-width"]){--max-width:var(--forms-field-label-max-width--large)}.dnb-forms-field-block__label,.dnb-forms-field-block__label.dnb-form-label{align-items:center;display:flex;grid-area:label;margin-right:0;max-width:var(--forms-field-label-max-width--large)}.dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.dnb-forms-field-block__label__content:has(+.dnb-help-button),.dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content,.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label__content,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label__content{margin-right:.3em}.dnb-forms-field-block__label .dnb-help-button__word-joiner,.dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.dnb-forms-field-block__label .dnb-help-button__word-joiner:before,.dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner:before{content:"⁠"}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:calc(var(--label-margin) + .5rem)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". help" ". indicator" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,-webkit-min-content),var(--dnb-forms-field-block-layout-width-max,-webkit-max-content)) auto;grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}.dnb-forms-field-block__contents--width-custom{--field-block-content-width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{--field-block-content-width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{--field-block-content-width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{--field-block-content-width:var(--forms-field-width--large)}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom,.dnb-forms-field-block__contents--width-large,.dnb-forms-field-block__contents--width-medium,.dnb-forms-field-block__contents--width-small{max-width:var(--field-block-content-width,none)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__contents--width-custom,.dnb-forms-field-block__contents--width-large,.dnb-forms-field-block__contents--width-medium,.dnb-forms-field-block__contents--width-small{width:var(--field-block-content-width,-webkit-max-content);width:var(--field-block-content-width,max-content)}}.dnb-forms-field-block__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{column-gap:var(--spacing-small);display:flex;flex-flow:row;flex-wrap:wrap;row-gap:var(--spacing-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents>.dnb-forms-field-block--width-stretch{flex:1}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--color-black-8);--block-outline-width:var(--card-outline-width)}.dnb-forms-section-block--error:has(.dnb-form-status--error):not(.dnb-forms-section-block--variant-basic){--block-outline-color:var(--color-fire-red);--block-outline-width:0.0625rem}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent;--block-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-card .dnb-forms-section-block .dnb-card,.dnb-forms-section-block .dnb-card{--card-outline-color:var(--block-outline-color);--card-outline-width:var(--block-outline-width)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}.dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}:root{--forms-value-width--small:30ch;--forms-value-width--medium:40ch;--forms-value-width--large:60ch;--forms-value-label-max-width--large:60ch}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content{display:block}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__label{max-width:var(--forms-value-label-max-width--large)}.dnb-forms-value-block__label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.dnb-forms-value-block__label .dnb-help-button__word-joiner:before{content:"⁠"}.dnb-forms-value-block__label:empty{margin-bottom:0}.dnb-forms-value-block__help{display:flex;flex-flow:column}.dnb-card .dnb-forms-value-block__help{flex-grow:1}.dnb-forms-value-block__help .dnb-section,.dnb-forms-value-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block__content--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block__content--max-width-small{max-width:var(--forms-value-width--small)}.dnb-forms-value-block__content--max-width-medium{max-width:var(--forms-value-width--medium)}.dnb-forms-value-block__content--max-width-large{max-width:var(--forms-value-width--large)}}.dnb-forms-value-block span.dnb-height-animation{display:flex}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{column-gap:var(--column-gap,0);display:flex;flex-flow:row;flex-wrap:wrap;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small);flex-flow:row wrap}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content .dnb-dt:empty~.dnb-dd{margin-top:0}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block{display:flex}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content){margin-right:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(.dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content){flex-direction:row-reverse}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(.dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content)>.dnb-forms-value-block__label{margin-left:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl .dnb-forms-value-block__help .dnb-section,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl .dnb-forms-value-block__help .dnb-section{margin-top:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dt,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dt{display:inline}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{width:100%}.dnb-forms-value-block__help--next-line{display:flex;flex-basis:100%}.dnb-forms-wizard-layout{align-items:stretch;column-gap:var(--spacing-x-large);display:flex;flex-flow:column wrap;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
+@charset "UTF-8";.dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options{column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{--field-block-content-width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{--field-block-content-width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{--field-block-content-width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection__variant--radio-list{--outline-color:var(--color-black-8);--outline-width:0.0625rem;--list-padding:1rem;--list-height:4rem}.dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell{row-gap:0}.dnb-forms-field-selection__variant--radio-list .dnb-toggle-button-group__fieldset{--border-color:var(--outline-color);--border-width:var(--outline-width);background-color:var(--color-white);border-color:transparent;border-radius:.5rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-selection__variant--radio-list .dnb-radio{justify-content:center;overflow:clip;padding:calc((var(--list-height) - 1.5rem)/2) var(--list-padding);position:relative}.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-radio__input{-webkit-appearance:none;appearance:none;height:var(--list-height);left:calc(var(--list-padding)*-1);transform:none;width:100vw}.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label{padding-left:var(--list-padding)}.dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type):before{background-color:var(--outline-color);bottom:0;content:"";height:var(--outline-width);left:0;position:absolute;right:0;top:0}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}.dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label{align-items:baseline}@media screen and (max-width:xx-small0){.dnb-forms-field-string .dnb-input__shell{width:90%}}.dnb-forms-field-upload .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-medium));--outset-right:calc(var(--spacing-medium));margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}.dnb-forms-field-upload .dnb-help-button__content .dnb-section:before{z-index:0}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem;--forms-field-label-max-width--large:var(--text-block-max-width)}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(-webkit-min-content,var(--block-content-width,auto));grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}.dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block:not([class*="--content-width"]){--max-width:var(--forms-field-label-max-width--large)}.dnb-forms-field-block__label,.dnb-forms-field-block__label.dnb-form-label{align-items:center;display:flex;grid-area:label;margin-right:0;max-width:var(--forms-field-label-max-width--large)}.dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.dnb-forms-field-block__label__content:has(+.dnb-help-button),.dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content,.dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label__content,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content,.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label:has(+.dnb-help-button)) .dnb-forms-field-block__label__content{margin-right:.3em}.dnb-forms-field-block__label .dnb-help-button__word-joiner,.dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.dnb-forms-field-block__label .dnb-help-button__word-joiner:before,.dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner:before{content:"⁠"}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:calc(var(--label-margin) + .5rem)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". help" ". indicator" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,-webkit-min-content),var(--dnb-forms-field-block-layout-width-max,-webkit-max-content)) auto;grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:var(--text-block-max-width)}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}.dnb-forms-field-block__contents--width-custom{--field-block-content-width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{--field-block-content-width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{--field-block-content-width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{--field-block-content-width:var(--forms-field-width--large)}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom,.dnb-forms-field-block__contents--width-large,.dnb-forms-field-block__contents--width-medium,.dnb-forms-field-block__contents--width-small{max-width:var(--field-block-content-width,none)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__contents--width-custom,.dnb-forms-field-block__contents--width-large,.dnb-forms-field-block__contents--width-medium,.dnb-forms-field-block__contents--width-small{width:var(--field-block-content-width,-webkit-max-content);width:var(--field-block-content-width,max-content)}}.dnb-forms-field-block__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{column-gap:var(--spacing-small);display:flex;flex-flow:row;flex-wrap:wrap;row-gap:var(--spacing-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents>.dnb-forms-field-block--width-stretch{flex:1}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--color-black-8);--block-outline-width:var(--card-outline-width)}.dnb-forms-section-block--error:has(.dnb-form-status--error):not(.dnb-forms-section-block--variant-basic){--block-outline-color:var(--color-fire-red);--block-outline-width:0.0625rem}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent;--block-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-card .dnb-forms-section-block .dnb-card,.dnb-forms-section-block .dnb-card{--card-outline-color:var(--block-outline-color);--card-outline-width:var(--block-outline-width)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}.dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}:root{--forms-value-width--small:30ch;--forms-value-width--medium:40ch;--forms-value-width--large:var(--text-block-max-width);--forms-value-label-max-width--large:var(--text-block-max-width)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content{display:block}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__label{max-width:var(--forms-value-label-max-width--large)}.dnb-forms-value-block__label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.dnb-forms-value-block__label .dnb-help-button__word-joiner:before{content:"⁠"}.dnb-forms-value-block__label:empty{margin-bottom:0}.dnb-forms-value-block__help{display:flex;flex-flow:column}.dnb-card .dnb-forms-value-block__help{flex-grow:1}.dnb-forms-value-block__help .dnb-section,.dnb-forms-value-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block__content--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block__content--max-width-small{max-width:var(--forms-value-width--small)}.dnb-forms-value-block__content--max-width-medium{max-width:var(--forms-value-width--medium)}.dnb-forms-value-block__content--max-width-large{max-width:var(--forms-value-width--large)}}.dnb-forms-value-block span.dnb-height-animation{display:flex}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{column-gap:var(--column-gap,0);display:flex;flex-flow:row;flex-wrap:wrap;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small);flex-flow:row wrap}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content .dnb-dt:empty~.dnb-dd{margin-top:0}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block{display:flex}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content){margin-right:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(.dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content){flex-direction:row-reverse}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(.dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content)>.dnb-forms-value-block__label{margin-left:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl .dnb-forms-value-block__help .dnb-section,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl .dnb-forms-value-block__help .dnb-section{margin-top:.5rem}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dt,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dt{display:inline}.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{width:100%}.dnb-forms-value-block__help--next-line{display:flex;flex-basis:100%}.dnb-forms-wizard-layout{align-items:stretch;column-gap:var(--spacing-x-large);display:flex;flex-flow:column wrap;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
     --color-mint-green-12
   );--number-control-button-color--hover:var(--color-emerald-green);--number-control-button-background-color--active:var(
     --color-mint-green-50

package/cjs/style/themes/theme-ui/ui-theme-properties.css

@@ -94,4 +94,5 @@
   --shadow-default-blur-radius: 16px;
   --shadow-default-color: rgb(51 51 51 / 8%);
   --easing-default: cubic-bezier(0.42, 0, 0, 1);
+  --text-block-max-width: 60ch;
 }

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

@@ -1 +1 @@
-:root{--font-family-default:"DNB",sans-serif;--font-family-heading:var(--font-family-default);--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-lead:var(--font-size-medium);--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-lead:1.5rem;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--line-height-xx-large:var(--line-height-x-large);--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3d5d5;--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)}
+:root{--font-family-default:"DNB",sans-serif;--font-family-heading:var(--font-family-default);--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-lead:var(--font-size-medium);--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-lead:1.5rem;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--line-height-xx-large:var(--line-height-x-large);--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3d5d5;--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);--text-block-max-width:60ch}

package/cjs/style/themes/theme-ui/ui-theme-tags.css

@@ -820,7 +820,7 @@ sup .dnb-core-style a, sub .dnb-core-style a {
     --dd-max-width: calc(60% - 1rem);
     display: flex;
     flex-wrap: wrap;
-    max-width: 60ch;
+    max-width: var(--text-block-max-width);
     width: 100%;
   }
   .dnb-core-style dl__layout--horizontal dt {

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

@@ -1 +1 @@
-@charset "UTF-8";.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,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.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,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{--anchor-icon-gutter:0.25em;--anchor-icon-separator:"⁠";--anchor-icon-position:translateY(-0.175em);border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-core-style a:hover:not(.dnb-anchor--no-hover),.dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline;vertical-align:middle;white-space:nowrap}.dnb-core-style a .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}.dnb-core-style a--no-icon .dnb-icon{display:none}.dnb-core-style a--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-separator)}.dnb-core-style a--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-separator)}.dnb-core-style a--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a .dnb-icon--default{font-size:.8888888889em}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=space__top]){margin-top:0}.dnb-core-style figure:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style figure:not([class*=space__left]){margin-left:0}.dnb-core-style figure:not([class*=space__right]){margin-right:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=space__top]){margin-top:0}.dnb-core-style blockquote:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style blockquote:not([class*=space__left]){margin-left:0}.dnb-core-style blockquote:not([class*=space__right]){margin-right:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style blockquote .dnb-code{color:var(--color-black-80)}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-core-style hr:not([class*=space__top]){margin-top:0}.dnb-core-style hr:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style hr:not([class*=space__left]){margin-left:0}.dnb-core-style hr:not([class*=space__right]){margin-right:0}.dnb-core-style hr:after{background-color:var(--hr-color,grey);border-radius:calc(var(--thickness)/2);bottom:0;content:"";height:var(--thickness);left:0;position:absolute;right:0;top:0;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--font-family-heading);padding:0}.dnb-core-style h1:not([class*=space__top]),.dnb-core-style h2:not([class*=space__top]),.dnb-core-style h3:not([class*=space__top]),.dnb-core-style h4:not([class*=space__top]),.dnb-core-style h5:not([class*=space__top]),.dnb-core-style h6:not([class*=space__top]){margin-top:0}.dnb-core-style h1:not([class*=space__bottom]),.dnb-core-style h2:not([class*=space__bottom]),.dnb-core-style h3:not([class*=space__bottom]),.dnb-core-style h4:not([class*=space__bottom]),.dnb-core-style h5:not([class*=space__bottom]),.dnb-core-style h6:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style h1:not([class*=space__left]),.dnb-core-style h2:not([class*=space__left]),.dnb-core-style h3:not([class*=space__left]),.dnb-core-style h4:not([class*=space__left]),.dnb-core-style h5:not([class*=space__left]),.dnb-core-style h6:not([class*=space__left]){margin-left:0}.dnb-core-style h1:not([class*=space__right]),.dnb-core-style h2:not([class*=space__right]),.dnb-core-style h3:not([class*=space__right]),.dnb-core-style h4:not([class*=space__right]),.dnb-core-style h5:not([class*=space__right]),.dnb-core-style h6:not([class*=space__right]){margin-right:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=space__top]){margin-top:0}.dnb-core-style ul:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style ul:not([class*=space__left]){margin-left:0}.dnb-core-style ul:not([class*=space__right]){margin-right:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=space__top]){margin-top:0}.dnb-core-style ol:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style ol:not([class*=space__left]){margin-left:0}.dnb-core-style ol:not([class*=space__right]){margin-right:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{--column-gap:1rem;--row-gap:0.5rem;font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);padding:0}.dnb-core-style dl dd~dt{margin-top:var(--row-gap)}.dnb-core-style dl dt:not(:first-of-type){margin-top:calc(var(--row-gap) + 1rem)}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:calc(var(--row-gap) + .5rem)}@media screen and (min-width:40.00625em){.dnb-core-style dl__layout--horizontal{--dt-max-width:40%;--dd-max-width:calc(60% - 1rem);display:flex;flex-wrap:wrap;max-width:60ch;width:100%}.dnb-core-style dl__layout--horizontal dt{margin-right:calc(var(--column-gap) - .5rem);margin-top:0;max-width:var(--dt-max-width)}.dnb-core-style dl__layout--horizontal dd{align-self:end;width:var(--dd-max-width)}.dnb-core-style dl__layout--horizontal dd,.dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type),.dnb-core-style dl__layout--horizontal dt:not(:first-of-type){margin-bottom:0;margin-top:var(--row-gap)}.dnb-core-style dl__layout--horizontal dd:first-of-type,.dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type):first-of-type,.dnb-core-style dl__layout--horizontal dt:not(:first-of-type):first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0;-webkit-user-select:none;user-select:none;visibility:hidden}.dnb-core-style dl:not(.dnb-core-style dl__layout--horizontal) dd.dnb-core-style dl__item{display:none}.dnb-core-style dl__layout--grid{--dt-max-width:15ch;--dd-max-width:40ch;column-gap:var(--column-gap);display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;row-gap:var(--row-gap)}.dnb-core-style dl__layout--grid dt{max-width:var(--dt-max-width)}.dnb-core-style dl__layout--grid dt:not(:first-of-type){margin-top:0}.dnb-core-style dl__layout--grid dd{align-self:end;max-width:var(--dd-max-width)}.dnb-core-style dl__layout--grid dd,.dnb-core-style dl__layout--grid dd~dt,.dnb-core-style dl__layout--grid dt{margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:.875em;line-height:calc(var(--line-height-xx-small--em)/.875);padding:.28571em;text-decoration:inherit}del .dnb-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.28571em 0}.dnb-core-style code .dnb-anchor{font-size:inherit}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-core-style pre:not([class*=space__top]){margin-top:0}.dnb-core-style pre:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style pre:not([class*=space__left]){margin-left:0}.dnb-core-style pre:not([class*=space__right]){margin-right:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.dnb-core-style a:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}
+@charset "UTF-8";.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,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.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,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{--anchor-icon-gutter:0.25em;--anchor-icon-separator:"⁠";--anchor-icon-position:translateY(-0.175em);border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-core-style a:hover:not(.dnb-anchor--no-hover),.dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline;vertical-align:middle;white-space:nowrap}.dnb-core-style a .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}.dnb-core-style a--no-icon .dnb-icon{display:none}.dnb-core-style a--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-separator)}.dnb-core-style a--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-separator)}.dnb-core-style a--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a .dnb-icon--default{font-size:.8888888889em}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=space__top]){margin-top:0}.dnb-core-style figure:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style figure:not([class*=space__left]){margin-left:0}.dnb-core-style figure:not([class*=space__right]){margin-right:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=space__top]){margin-top:0}.dnb-core-style blockquote:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style blockquote:not([class*=space__left]){margin-left:0}.dnb-core-style blockquote:not([class*=space__right]){margin-right:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style blockquote .dnb-code{color:var(--color-black-80)}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-core-style hr:not([class*=space__top]){margin-top:0}.dnb-core-style hr:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style hr:not([class*=space__left]){margin-left:0}.dnb-core-style hr:not([class*=space__right]){margin-right:0}.dnb-core-style hr:after{background-color:var(--hr-color,grey);border-radius:calc(var(--thickness)/2);bottom:0;content:"";height:var(--thickness);left:0;position:absolute;right:0;top:0;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--font-family-heading);padding:0}.dnb-core-style h1:not([class*=space__top]),.dnb-core-style h2:not([class*=space__top]),.dnb-core-style h3:not([class*=space__top]),.dnb-core-style h4:not([class*=space__top]),.dnb-core-style h5:not([class*=space__top]),.dnb-core-style h6:not([class*=space__top]){margin-top:0}.dnb-core-style h1:not([class*=space__bottom]),.dnb-core-style h2:not([class*=space__bottom]),.dnb-core-style h3:not([class*=space__bottom]),.dnb-core-style h4:not([class*=space__bottom]),.dnb-core-style h5:not([class*=space__bottom]),.dnb-core-style h6:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style h1:not([class*=space__left]),.dnb-core-style h2:not([class*=space__left]),.dnb-core-style h3:not([class*=space__left]),.dnb-core-style h4:not([class*=space__left]),.dnb-core-style h5:not([class*=space__left]),.dnb-core-style h6:not([class*=space__left]){margin-left:0}.dnb-core-style h1:not([class*=space__right]),.dnb-core-style h2:not([class*=space__right]),.dnb-core-style h3:not([class*=space__right]),.dnb-core-style h4:not([class*=space__right]),.dnb-core-style h5:not([class*=space__right]),.dnb-core-style h6:not([class*=space__right]){margin-right:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=space__top]){margin-top:0}.dnb-core-style ul:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style ul:not([class*=space__left]){margin-left:0}.dnb-core-style ul:not([class*=space__right]){margin-right:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=space__top]){margin-top:0}.dnb-core-style ol:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style ol:not([class*=space__left]){margin-left:0}.dnb-core-style ol:not([class*=space__right]){margin-right:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{--column-gap:1rem;--row-gap:0.5rem;font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);padding:0}.dnb-core-style dl dd~dt{margin-top:var(--row-gap)}.dnb-core-style dl dt:not(:first-of-type){margin-top:calc(var(--row-gap) + 1rem)}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:calc(var(--row-gap) + .5rem)}@media screen and (min-width:40.00625em){.dnb-core-style dl__layout--horizontal{--dt-max-width:40%;--dd-max-width:calc(60% - 1rem);display:flex;flex-wrap:wrap;max-width:var(--text-block-max-width);width:100%}.dnb-core-style dl__layout--horizontal dt{margin-right:calc(var(--column-gap) - .5rem);margin-top:0;max-width:var(--dt-max-width)}.dnb-core-style dl__layout--horizontal dd{align-self:end;width:var(--dd-max-width)}.dnb-core-style dl__layout--horizontal dd,.dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type),.dnb-core-style dl__layout--horizontal dt:not(:first-of-type){margin-bottom:0;margin-top:var(--row-gap)}.dnb-core-style dl__layout--horizontal dd:first-of-type,.dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type):first-of-type,.dnb-core-style dl__layout--horizontal dt:not(:first-of-type):first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0;-webkit-user-select:none;user-select:none;visibility:hidden}.dnb-core-style dl:not(.dnb-core-style dl__layout--horizontal) dd.dnb-core-style dl__item{display:none}.dnb-core-style dl__layout--grid{--dt-max-width:15ch;--dd-max-width:40ch;column-gap:var(--column-gap);display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;row-gap:var(--row-gap)}.dnb-core-style dl__layout--grid dt{max-width:var(--dt-max-width)}.dnb-core-style dl__layout--grid dt:not(:first-of-type){margin-top:0}.dnb-core-style dl__layout--grid dd{align-self:end;max-width:var(--dd-max-width)}.dnb-core-style dl__layout--grid dd,.dnb-core-style dl__layout--grid dd~dt,.dnb-core-style dl__layout--grid dt{margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:.875em;line-height:calc(var(--line-height-xx-small--em)/.875);padding:.28571em;text-decoration:inherit}del .dnb-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.28571em 0}.dnb-core-style code .dnb-anchor{font-size:inherit}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-core-style pre:not([class*=space__top]){margin-top:0}.dnb-core-style pre:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style pre:not([class*=space__left]){margin-left:0}.dnb-core-style pre:not([class*=space__right]){margin-right:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.dnb-core-style a:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}

package/components/DateFormat.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ATTENTION: This file is auto generated by using "prepareTemplates".
+ * Do not change the content!
+ *
+ */
+/**
+ * Library Index date-format to autogenerate all the components and extensions
+ * Used by "prepareDateFormats"
+ */
+import DateFormat from './date-format/DateFormat';
+export * from './date-format/DateFormat';
+export default DateFormat;

package/components/DateFormat.js

@@ -0,0 +1,4 @@
+import DateFormat from './date-format/DateFormat';
+export * from './date-format/DateFormat';
+export default DateFormat;
+//# sourceMappingURL=DateFormat.js.map

package/components/DateFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFormat.js","names":["DateFormat"],"sources":["../../../src/components/DateFormat.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index date-format to autogenerate all the components and extensions\n * Used by \"prepareDateFormats\"\n */\n\nimport DateFormat from './date-format/DateFormat'\nexport * from './date-format/DateFormat'\nexport default DateFormat\n"],"mappings":"AAWA,OAAOA,UAAU,MAAM,0BAA0B;AACjD,cAAc,0BAA0B;AACxC,eAAeA,UAAU","ignoreList":[]}

package/components/PortalRoot.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ATTENTION: This file is auto generated by using "prepareTemplates".
+ * Do not change the content!
+ *
+ */
+/**
+ * Library Index portal-root to autogenerate all the components and extensions
+ * Used by "preparePortalRoots"
+ */
+import PortalRoot from './portal-root/PortalRoot';
+export * from './portal-root/PortalRoot';
+export default PortalRoot;

package/components/PortalRoot.js

@@ -0,0 +1,4 @@
+import PortalRoot from './portal-root/PortalRoot';
+export * from './portal-root/PortalRoot';
+export default PortalRoot;
+//# sourceMappingURL=PortalRoot.js.map

package/components/PortalRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalRoot.js","names":["PortalRoot"],"sources":["../../../src/components/PortalRoot.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index portal-root to autogenerate all the components and extensions\n * Used by \"preparePortalRoots\"\n */\n\nimport PortalRoot from './portal-root/PortalRoot'\nexport * from './portal-root/PortalRoot'\nexport default PortalRoot\n"],"mappings":"AAWA,OAAOA,UAAU,MAAM,0BAA0B;AACjD,cAAc,0BAA0B;AACxC,eAAeA,UAAU","ignoreList":[]}

package/components/breadcrumb/Breadcrumb.d.ts

@@ -84,6 +84,10 @@ export type BreadcrumbProps = {
      * Default: false
      */
     noAnimation?: boolean;
+    /**
+     * Will be called when breadcrumb expands or collapses.
+     */
+    onToggle?: (isCollapsed: boolean) => void;
 };
 export declare const defaultProps: {
     skeleton: boolean;

package/components/breadcrumb/Breadcrumb.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "skeleton", "children", "variant", "onClick", "navText", "goBackText", "homeText", "backToText", "styleType", "collapsedStyleType", "isCollapsed", "spacing", "noAnimation", "data", "href"];
+const _excluded = ["className", "skeleton", "children", "variant", "onClick", "navText", "goBackText", "homeText", "backToText", "styleType", "collapsedStyleType", "isCollapsed", "spacing", "noAnimation", "data", "href", "onToggle"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
 import classnames from 'classnames';
@@ -48,7 +48,8 @@ const Breadcrumb = localProps => {
       spacing,
       noAnimation,
       data,
-      href
+      href,
+      onToggle
     } = allProps,
     props = _objectWithoutProperties(allProps, _excluded);
   const skeletonClasses = createSkeletonClass('font', skeleton, context);
@@ -66,14 +67,18 @@ const Breadcrumb = localProps => {
   }, [overrideIsCollapsed]);
   useEffect(() => {
     if (isLarge && overrideIsCollapsed !== false) {
+      if (isCollapsedRef.current === false) {
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(true);
+      }
       isCollapsedRef.current = true;
       forceUpdate();
     }
-  }, [isLarge, overrideIsCollapsed]);
+  }, [isLarge, overrideIsCollapsed, onToggle]);
   const onClickHandler = useCallback(() => {
     isCollapsedRef.current = !isCollapsedRef.current;
     forceUpdate();
-  }, []);
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(isCollapsedRef.current);
+  }, [onToggle]);
   const currentVariant = useMemo(() => {
     if (!variant) {
       if (items || data) {

package/components/breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["React","useCallback","useEffect","useMemo","useReducer","useRef","classnames","createSkeletonClass","createSpacingClasses","Section","Button","Context","BreadcrumbItem","convertJsxToString","isTrue","validateDOMAttributes","extendPropsWithContext","BreadcrumbMultiple","useMedia","useTheme","defaultProps","skeleton","navText","goBackText","homeText","backToText","isCollapsed","styleType","collapsedStyleType","spacing","Breadcrumb","localProps","_context$translation","_useTheme","context","useContext","allProps","translation","className","children","items","variant","onClick","overrideIsCollapsed","noAnimation","data","href","props","_objectWithoutProperties","_excluded","skeletonClasses","spacingClasses","forceUpdate","isCollapsedRef","isLarge","current","onClickHandler","currentVariant","innerSpace","overrideSbankenSectionColor","isSbanken","createElement","_extends","style_type","text","icon","icon_position","Fragment","undefined","backgroundColor","Item","_supportsSpacingProps"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section, {\n  SectionSpacing,\n  SectionStyleTypes,\n  SectionVariants,\n} from '../section/Section'\nimport Button from '../button/Button'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\n// Internal\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\nimport {\n  convertJsxToString,\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { BreadcrumbMultiple } from './BreadcrumbMultiple'\nimport { useMedia, useTheme } from '../../shared'\n\nexport type BreadcrumbProps = {\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Pass in a list of your pages as objects of breadcrumbitem to render them as breadcrumbitems.\n   * Default: null\n   */\n  data?: Array<BreadcrumbItemProps>\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n\n  /**\n   * The variant of the component.\n   * Default: When children and data is not defined, it defaults to \"single\". \"responsive\" if they are defined.\n   */\n  variant?: 'responsive' | 'single' | 'multiple' | 'collapse'\n\n  /**\n   * Handle the click event on 'single'/'collapse'\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * For variant 'single', use href (or onClick) to set href when clicking \"Back\"\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Every <nav> on a page needs an unique aria-label text\n   * Default: Page hierarchy\n   */\n  navText?: React.ReactNode\n\n  /**\n   * Add custom 'Back' text for variant 'single'\n   * Default: 'Back' or defined by Context translation\n   */\n  goBackText?: React.ReactNode\n\n  /**\n   * Add custom 'Home' text\n   * Default: 'Home' or defined by Context translation\n   */\n  homeText?: React.ReactNode\n\n  /**\n   * Add custom 'Back to...' text, for variant collapse\n   * Default 'Back to...' or defined by Context translation\n   */\n  backToText?: React.ReactNode\n\n  /**\n   * If variant='collapse', you can override isCollapsed for the collapsed content by updating this value.\n   * Default: null\n   */\n  isCollapsed?: boolean\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: transparent\n   */\n  styleType?: SectionStyleTypes\n\n  /**\n   * Use one of the Section component variants\n   * Default: info\n   */\n  collapsedStyleType?: SectionVariants\n\n  /**\n   * Include spacing properties from the Section component in breadcrumb. If only `true` is given, the spacing will be `small`.\n   * Default: false\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Will disable the height animation\n   * Default: false\n   */\n  noAnimation?: boolean\n}\n\nexport const defaultProps = {\n  skeleton: false,\n  navText: 'Back',\n  goBackText: 'Back',\n  homeText: 'Home',\n  backToText: 'Back to...',\n  isCollapsed: true,\n  styleType: 'transparent',\n  collapsedStyleType: 'info',\n  spacing: false,\n}\n\nconst Breadcrumb = (localProps: BreadcrumbProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.translation?.Breadcrumb,\n    context?.Breadcrumb,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    className,\n    skeleton,\n    children: items,\n    variant,\n    onClick,\n    navText, // has a translation in context\n    goBackText, // has a translation in context\n    homeText, // eslint-disable-line\n    backToText, // has a translation in context\n    styleType,\n    collapsedStyleType,\n    isCollapsed: overrideIsCollapsed,\n    spacing,\n    noAnimation,\n    data,\n    href,\n    ...props\n  } = allProps\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const isCollapsedRef = useRef(overrideIsCollapsed)\n\n  const { isLarge } = useMedia()\n\n  useEffect(() => {\n    if (overrideIsCollapsed !== isCollapsedRef.current) {\n      isCollapsedRef.current = overrideIsCollapsed\n      forceUpdate()\n    }\n  }, [overrideIsCollapsed])\n\n  // Auto-collapse breadcrumbs if going from small screen to large screen.\n  useEffect(() => {\n    if (isLarge && overrideIsCollapsed !== false) {\n      isCollapsedRef.current = true\n      forceUpdate()\n    }\n  }, [isLarge, overrideIsCollapsed])\n\n  const onClickHandler = useCallback(() => {\n    isCollapsedRef.current = !isCollapsedRef.current\n    forceUpdate()\n  }, [])\n\n  const currentVariant = useMemo(() => {\n    if (!variant) {\n      if (items || data) {\n        return 'responsive'\n      } else {\n        return 'single'\n      }\n    }\n\n    return variant\n  }, [data, items, variant])\n\n  validateDOMAttributes(allProps, props)\n\n  const innerSpace = isTrue(spacing) ? 'small' : spacing\n\n  const overrideSbankenSectionColor =\n    useTheme()?.isSbanken && collapsedStyleType === 'info'\n  return (\n    <nav\n      aria-label={convertJsxToString(navText)}\n      className={classnames(\n        'dnb-breadcrumb',\n        `dnb-breadcrumb--variant-${currentVariant}`,\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Section\n        className=\"dnb-breadcrumb__bar\"\n        style_type={styleType || 'transparent'}\n        innerSpace={innerSpace}\n      >\n        {currentVariant === 'single' ? (\n          <Button\n            text={goBackText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={onClick}\n            href={href}\n          />\n        ) : (\n          <>\n            {currentVariant !== 'multiple' && (\n              <Button\n                className=\"dnb-breadcrumb__toggle\"\n                text={backToText}\n                variant=\"tertiary\"\n                icon=\"chevron_left\"\n                icon_position=\"left\"\n                onClick={onClick ?? onClickHandler}\n                aria-expanded={!isCollapsedRef.current}\n              />\n            )}\n\n            {currentVariant !== 'collapse' && (\n              <BreadcrumbMultiple\n                data={data}\n                items={items}\n                isCollapsed={false}\n                noAnimation={noAnimation}\n              />\n            )}\n          </>\n        )}\n      </Section>\n\n      {(currentVariant === 'collapse' ||\n        currentVariant === 'responsive') && (\n        <Section\n          variant={\n            overrideSbankenSectionColor ? undefined : collapsedStyleType\n          }\n          className=\"dnb-breadcrumb__collapse\"\n          backgroundColor={\n            overrideSbankenSectionColor\n              ? 'var(--sb-color-gray-light-2)'\n              : undefined\n          }\n        >\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={isCollapsedRef.current}\n            noAnimation={noAnimation}\n          />\n        </Section>\n      )}\n    </nav>\n  )\n}\n\nBreadcrumb.Item = BreadcrumbItem\nBreadcrumb._supportsSpacingProps = true\n\nexport { BreadcrumbItem }\nexport default Breadcrumb\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Breadcrumb.js","names":["React","useCallback","useEffect","useMemo","useReducer","useRef","classnames","createSkeletonClass","createSpacingClasses","Section","Button","Context","BreadcrumbItem","convertJsxToString","isTrue","validateDOMAttributes","extendPropsWithContext","BreadcrumbMultiple","useMedia","useTheme","defaultProps","skeleton","navText","goBackText","homeText","backToText","isCollapsed","styleType","collapsedStyleType","spacing","Breadcrumb","localProps","_context$translation","_useTheme","context","useContext","allProps","translation","className","children","items","variant","onClick","overrideIsCollapsed","noAnimation","data","href","onToggle","props","_objectWithoutProperties","_excluded","skeletonClasses","spacingClasses","forceUpdate","isCollapsedRef","isLarge","current","onClickHandler","currentVariant","innerSpace","overrideSbankenSectionColor","isSbanken","createElement","_extends","style_type","text","icon","icon_position","Fragment","undefined","backgroundColor","Item","_supportsSpacingProps"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section, {\n  SectionSpacing,\n  SectionStyleTypes,\n  SectionVariants,\n} from '../section/Section'\nimport Button from '../button/Button'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\n// Internal\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\nimport {\n  convertJsxToString,\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { BreadcrumbMultiple } from './BreadcrumbMultiple'\nimport { useMedia, useTheme } from '../../shared'\n\nexport type BreadcrumbProps = {\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Pass in a list of your pages as objects of breadcrumbitem to render them as breadcrumbitems.\n   * Default: null\n   */\n  data?: Array<BreadcrumbItemProps>\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n\n  /**\n   * The variant of the component.\n   * Default: When children and data is not defined, it defaults to \"single\". \"responsive\" if they are defined.\n   */\n  variant?: 'responsive' | 'single' | 'multiple' | 'collapse'\n\n  /**\n   * Handle the click event on 'single'/'collapse'\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * For variant 'single', use href (or onClick) to set href when clicking \"Back\"\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Every <nav> on a page needs an unique aria-label text\n   * Default: Page hierarchy\n   */\n  navText?: React.ReactNode\n\n  /**\n   * Add custom 'Back' text for variant 'single'\n   * Default: 'Back' or defined by Context translation\n   */\n  goBackText?: React.ReactNode\n\n  /**\n   * Add custom 'Home' text\n   * Default: 'Home' or defined by Context translation\n   */\n  homeText?: React.ReactNode\n\n  /**\n   * Add custom 'Back to...' text, for variant collapse\n   * Default 'Back to...' or defined by Context translation\n   */\n  backToText?: React.ReactNode\n\n  /**\n   * If variant='collapse', you can override isCollapsed for the collapsed content by updating this value.\n   * Default: null\n   */\n  isCollapsed?: boolean\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: transparent\n   */\n  styleType?: SectionStyleTypes\n\n  /**\n   * Use one of the Section component variants\n   * Default: info\n   */\n  collapsedStyleType?: SectionVariants\n\n  /**\n   * Include spacing properties from the Section component in breadcrumb. If only `true` is given, the spacing will be `small`.\n   * Default: false\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Will disable the height animation\n   * Default: false\n   */\n  noAnimation?: boolean\n  /**\n   * Will be called when breadcrumb expands or collapses.\n   */\n  onToggle?: (isCollapsed: boolean) => void\n}\n\nexport const defaultProps = {\n  skeleton: false,\n  navText: 'Back',\n  goBackText: 'Back',\n  homeText: 'Home',\n  backToText: 'Back to...',\n  isCollapsed: true,\n  styleType: 'transparent',\n  collapsedStyleType: 'info',\n  spacing: false,\n}\n\nconst Breadcrumb = (localProps: BreadcrumbProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.translation?.Breadcrumb,\n    context?.Breadcrumb,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    className,\n    skeleton,\n    children: items,\n    variant,\n    onClick,\n    navText, // has a translation in context\n    goBackText, // has a translation in context\n    homeText, // eslint-disable-line\n    backToText, // has a translation in context\n    styleType,\n    collapsedStyleType,\n    isCollapsed: overrideIsCollapsed,\n    spacing,\n    noAnimation,\n    data,\n    href,\n    onToggle,\n    ...props\n  } = allProps\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const isCollapsedRef = useRef(overrideIsCollapsed)\n\n  const { isLarge } = useMedia()\n\n  useEffect(() => {\n    if (overrideIsCollapsed !== isCollapsedRef.current) {\n      isCollapsedRef.current = overrideIsCollapsed\n      forceUpdate()\n    }\n  }, [overrideIsCollapsed])\n\n  // Auto-collapse breadcrumbs if going from small screen to large screen.\n  useEffect(() => {\n    if (isLarge && overrideIsCollapsed !== false) {\n      // Call onToggle if breadcrumbs is expanded and is going to collapse due to large screen size.\n      if (isCollapsedRef.current === false) {\n        onToggle?.(true)\n      }\n\n      isCollapsedRef.current = true\n\n      forceUpdate()\n    }\n  }, [isLarge, overrideIsCollapsed, onToggle])\n\n  const onClickHandler = useCallback(() => {\n    isCollapsedRef.current = !isCollapsedRef.current\n    forceUpdate()\n\n    onToggle?.(isCollapsedRef.current)\n  }, [onToggle])\n\n  const currentVariant = useMemo(() => {\n    if (!variant) {\n      if (items || data) {\n        return 'responsive'\n      } else {\n        return 'single'\n      }\n    }\n\n    return variant\n  }, [data, items, variant])\n\n  validateDOMAttributes(allProps, props)\n\n  const innerSpace = isTrue(spacing) ? 'small' : spacing\n\n  const overrideSbankenSectionColor =\n    useTheme()?.isSbanken && collapsedStyleType === 'info'\n\n  return (\n    <nav\n      aria-label={convertJsxToString(navText)}\n      className={classnames(\n        'dnb-breadcrumb',\n        `dnb-breadcrumb--variant-${currentVariant}`,\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Section\n        className=\"dnb-breadcrumb__bar\"\n        style_type={styleType || 'transparent'}\n        innerSpace={innerSpace}\n      >\n        {currentVariant === 'single' ? (\n          <Button\n            text={goBackText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={onClick}\n            href={href}\n          />\n        ) : (\n          <>\n            {currentVariant !== 'multiple' && (\n              <Button\n                className=\"dnb-breadcrumb__toggle\"\n                text={backToText}\n                variant=\"tertiary\"\n                icon=\"chevron_left\"\n                icon_position=\"left\"\n                onClick={onClick ?? onClickHandler}\n                aria-expanded={!isCollapsedRef.current}\n              />\n            )}\n\n            {currentVariant !== 'collapse' && (\n              <BreadcrumbMultiple\n                data={data}\n                items={items}\n                isCollapsed={false}\n                noAnimation={noAnimation}\n              />\n            )}\n          </>\n        )}\n      </Section>\n\n      {(currentVariant === 'collapse' ||\n        currentVariant === 'responsive') && (\n        <Section\n          variant={\n            overrideSbankenSectionColor ? undefined : collapsedStyleType\n          }\n          className=\"dnb-breadcrumb__collapse\"\n          backgroundColor={\n            overrideSbankenSectionColor\n              ? 'var(--sb-color-gray-light-2)'\n              : undefined\n          }\n        >\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={isCollapsedRef.current}\n            noAnimation={noAnimation}\n          />\n        </Section>\n      )}\n    </nav>\n  )\n}\n\nBreadcrumb.Item = BreadcrumbItem\nBreadcrumb._supportsSpacingProps = true\n\nexport { BreadcrumbItem }\nexport default Breadcrumb\n"],"mappings":"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","ignoreList":[]}

package/components/breadcrumb/BreadcrumbDocs.js

@@ -80,6 +80,11 @@ export const BreadcrumbEvents = {
     doc: 'will be called by user click interaction, to handle click event on "Back" for variant `single` and "Back to..." for variant `collapse`.',
     type: 'function',
     status: 'optional'
+  },
+  onToggle: {
+    doc: 'Will be called when breadcrumb expands or collapses.',
+    type: 'function',
+    status: 'optional'
   }
 };
 export const BreadcrumbItemProperties = {

package/components/breadcrumb/BreadcrumbDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbDocs.js","names":["BreadcrumbProperties","data","doc","type","status","children","variant","href","navText","goBackText","homeText","backToText","styleType","collapsedStyleType","className","isCollapsed","spacing","skeleton","BreadcrumbEvents","onClick","BreadcrumbItemProperties","text","icon","BreadcrumbItemEvents"],"sources":["../../../../src/components/breadcrumb/BreadcrumbDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const BreadcrumbProperties: PropertiesTableProps = {\n  data: {\n    doc: 'List of pages to render as breadcrumbitems. Each object in data can include all properties from [BreadcrumbItem properties](/uilib/components/breadcrumb/properties#breadcrumbitem-properties).',\n    type: 'Array<BreadcrumbItemProps>',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Content of the component. Can be used instead of property `data`, by adding Breadcrumbitem children `<Breadcrumb.Item {...props} />`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  variant: {\n    doc: \"Defaults to 'responsive' or 'single' depending on content. Options: `responsive` | `single` | `multiple` | `collapse` .\",\n    type: ['responsive', 'single', 'multiple', 'collapse'],\n    status: 'optional',\n  },\n  href: {\n    doc: 'For variant `single`, set `href` for button click. Can be used instead of event/property `onClick`.',\n    type: 'string',\n    status: 'optional',\n  },\n  navText: {\n    doc: 'Every `<nav>` on a page needs an unique aria-label text.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  goBackText: {\n    doc: \"Override with a custom 'Back' text for variant `single` (Not recommended).\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  homeText: {\n    doc: \"Override with a custom 'Home' text (Not recommended)\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  backToText: {\n    doc: \"Override with a custom 'Back to...' text (Not recommended).\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  styleType: {\n    doc: 'Use one of the Section component style types (style_type). Defaults to `transparent`.',\n    type: 'Various',\n    status: 'optional',\n  },\n  collapsedStyleType: {\n    doc: 'Use one of the Section component variants. Defaults to `info`.',\n    type: ['error', 'info', 'warning', 'success'],\n    status: 'optional',\n  },\n  className: {\n    doc: 'Custom className for the component root.',\n    type: 'string',\n    status: 'optional',\n  },\n  isCollapsed: {\n    doc: 'For variant `collapse`, override isCollapsed for the collapsed content by updating this value using the provided property `onClick`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'Include spacing properties from [Section](/uilib/components/section/properties) in breadcrumb. If only `true` is given, the spacing will be `small`. Defaults to `false`.',\n    type: 'Various',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const BreadcrumbEvents: PropertiesTableProps = {\n  onClick: {\n    doc: 'will be called by user click interaction, to handle click event on \"Back\" for variant `single` and \"Back to...\" for variant `collapse`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const BreadcrumbItemProperties: PropertiesTableProps = {\n  text: {\n    doc: 'Text displaying inside Breadcrumb item.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'The component variant. Options: `home` | `previous` | `current`.',\n    type: ['home', 'previous', 'current'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Override icon displaying on the left side (Not recommended). Default: `chevron_left`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  href: {\n    doc: 'Set what happens when the user clicks on the item. Also see `onClick` event.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n\nexport const BreadcrumbItemEvents: PropertiesTableProps = {\n  onClick: {\n    doc: 'will be called by user click interaction.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BreadcrumbDocs.js","names":["BreadcrumbProperties","data","doc","type","status","children","variant","href","navText","goBackText","homeText","backToText","styleType","collapsedStyleType","className","isCollapsed","spacing","skeleton","BreadcrumbEvents","onClick","onToggle","BreadcrumbItemProperties","text","icon","BreadcrumbItemEvents"],"sources":["../../../../src/components/breadcrumb/BreadcrumbDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const BreadcrumbProperties: PropertiesTableProps = {\n  data: {\n    doc: 'List of pages to render as breadcrumbitems. Each object in data can include all properties from [BreadcrumbItem properties](/uilib/components/breadcrumb/properties#breadcrumbitem-properties).',\n    type: 'Array<BreadcrumbItemProps>',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Content of the component. Can be used instead of property `data`, by adding Breadcrumbitem children `<Breadcrumb.Item {...props} />`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  variant: {\n    doc: \"Defaults to 'responsive' or 'single' depending on content. Options: `responsive` | `single` | `multiple` | `collapse` .\",\n    type: ['responsive', 'single', 'multiple', 'collapse'],\n    status: 'optional',\n  },\n  href: {\n    doc: 'For variant `single`, set `href` for button click. Can be used instead of event/property `onClick`.',\n    type: 'string',\n    status: 'optional',\n  },\n  navText: {\n    doc: 'Every `<nav>` on a page needs an unique aria-label text.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  goBackText: {\n    doc: \"Override with a custom 'Back' text for variant `single` (Not recommended).\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  homeText: {\n    doc: \"Override with a custom 'Home' text (Not recommended)\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  backToText: {\n    doc: \"Override with a custom 'Back to...' text (Not recommended).\",\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  styleType: {\n    doc: 'Use one of the Section component style types (style_type). Defaults to `transparent`.',\n    type: 'Various',\n    status: 'optional',\n  },\n  collapsedStyleType: {\n    doc: 'Use one of the Section component variants. Defaults to `info`.',\n    type: ['error', 'info', 'warning', 'success'],\n    status: 'optional',\n  },\n  className: {\n    doc: 'Custom className for the component root.',\n    type: 'string',\n    status: 'optional',\n  },\n  isCollapsed: {\n    doc: 'For variant `collapse`, override isCollapsed for the collapsed content by updating this value using the provided property `onClick`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'Include spacing properties from [Section](/uilib/components/section/properties) in breadcrumb. If only `true` is given, the spacing will be `small`. Defaults to `false`.',\n    type: 'Various',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const BreadcrumbEvents: PropertiesTableProps = {\n  onClick: {\n    doc: 'will be called by user click interaction, to handle click event on \"Back\" for variant `single` and \"Back to...\" for variant `collapse`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onToggle: {\n    doc: 'Will be called when breadcrumb expands or collapses.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const BreadcrumbItemProperties: PropertiesTableProps = {\n  text: {\n    doc: 'Text displaying inside Breadcrumb item.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'The component variant. Options: `home` | `previous` | `current`.',\n    type: ['home', 'previous', 'current'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Override icon displaying on the left side (Not recommended). Default: `chevron_left`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  href: {\n    doc: 'Set what happens when the user clicks on the item. Also see `onClick` event.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n\nexport const BreadcrumbItemEvents: PropertiesTableProps = {\n  onClick: {\n    doc: 'will be called by user click interaction.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/components/card/Card.d.ts

@@ -22,5 +22,9 @@ export type Props = {
 declare function Card(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Card {
     var _supportsSpacingProps: boolean;
+    var Provider: ({ disableCardBreakout, children, }: {
+        disableCardBreakout?: boolean;
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
 }
 export default Card;

package/components/card/Card.js

@@ -73,10 +73,8 @@ function Card(props) {
   return React.createElement(Flex.Item, _extends({
     alignSelf: alignSelf,
     element: "section"
-  }, params), React.createElement(CardContext.Provider, {
-    value: {
-      isNested: true
-    }
+  }, params), React.createElement(Card.Provider, {
+    disableCardBreakout: true
   }, React.createElement(Flex.Container, {
     direction: direction !== null && direction !== void 0 ? direction : 'vertical',
     divider: divider,
@@ -91,5 +89,16 @@ function Card(props) {
   }, title), children)));
 }
 Card._supportsSpacingProps = true;
+Card.Provider = function CardProvider(_ref2) {
+  let {
+    disableCardBreakout,
+    children
+  } = _ref2;
+  const context = useContext(CardContext) || {};
+  context.isNested = disableCardBreakout !== null && disableCardBreakout !== void 0 ? disableCardBreakout : context === null || context === void 0 ? void 0 : context.isNested;
+  return React.createElement(CardContext.Provider, {
+    value: context
+  }, children);
+};
 export default Card;
 //# sourceMappingURL=Card.js.map