@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
11 lines • 36.3 kB
CSS
@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-date-of-birth__month .dnb-forms-field-block__contents{width:10.75rem}@media screen and (max-width:40em){.dnb-forms-field-date-of-birth__month .dnb-forms-field-block__contents{width:8rem}}.dnb-forms-field-expiry,.dnb-forms-field-expiry .dnb-forms-field-block__contents{width:-webkit-fit-content;width:fit-content}.dnb-forms-field-expiry .dnb-segmented-field__fieldset{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-segmented-field__group>.dnb-segmented-field__section:first-child{padding:0 .25rem 0 .75rem}.dnb-forms-field-multi-selection__container{display:flex;flex-direction:column;gap:1rem;width:100%}.dnb-forms-field-multi-selection__popover{--popover-border-radius:var(--token-radius-lg)}.dnb-forms-field-multi-selection__popover.dnb-popover{min-width:auto}.dnb-forms-field-multi-selection__search{padding:0 0 1rem}.dnb-forms-field-multi-selection__items{display:flex;flex-direction:column}.dnb-forms-field-multi-selection__items:focus-visible{outline:var(--focus-ring-width) solid var(--token-color-stroke-action-focus);outline-offset:var(--focus-ring-offset)}.dnb-forms-field-multi-selection__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.dnb-forms-field-multi-selection__item-details{display:flex;flex-direction:column;gap:0;padding-left:2.35rem}.dnb-forms-field-multi-selection__item-description,.dnb-forms-field-multi-selection__item-text{display:block;word-break:break-word}.dnb-forms-field-multi-selection__item-description{color:var(--token-color-text-neutral-alternative)}.dnb-forms-field-multi-selection__item{--item-outline-width:0.0625rem;--item-outline-width--hover:0.125rem;--item-outline-width--active:0.0625rem;--item-outline-width--focus:var(--focus-ring-width);background-color:var(--item-background-color,transparent);display:flex;flex-direction:column;padding:1rem .5rem 1rem 1rem;position:relative}.dnb-forms-field-multi-selection__item:after{border:var(--item-outline-width) solid var(--item-outline-color,transparent);border-bottom:var(--item-outline-width) solid var(--item-outline-color,var(--item-outline-bottom-color,transparent));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dnb-forms-field-multi-selection__item{cursor:pointer}.dnb-forms-field-multi-selection__item .dnb-checkbox{align-self:center;width:100%}.dnb-forms-field-multi-selection__item .dnb-checkbox .dnb-checkbox__label{font-size:var(--font-size-basis)}.dnb-forms-field-multi-selection__item--parent:not(.dnb-forms-field-multi-selection__item--selected){--item-background-color:var(
--token-color-background-neutral-alternative
)}.dnb-forms-field-multi-selection__item--selected{--item-background-color:var(
--token-color-background-selected-subtle
)}.dnb-forms-field-multi-selection__item--select-all{--item-outline-bottom-color:var(
--token-color-stroke-neutral-subtle
)}.dnb-forms-field-multi-selection__item--disabled{cursor:not-allowed;opacity:.5}.dnb-forms-field-multi-selection__item .dnb-checkbox__input{--checkbox-bounding--medium:100}.dnb-forms-field-multi-selection__item:has(.dnb-checkbox__input){overflow:clip}.dnb-forms-field-multi-selection__item:hover:not(.dnb-forms-field-multi-selection__item--disabled){--item-outline-color:var(--token-color-stroke-action);--item-outline-width:var(--item-outline-width--hover)}.dnb-forms-field-multi-selection__item:hover:not(.dnb-forms-field-multi-selection__item--disabled):after{z-index:2}.dnb-forms-field-multi-selection__item:active:not(.dnb-forms-field-multi-selection__item--disabled){--item-outline-color:var(--token-color-stroke-action-pressed);--item-outline-width:var(--item-outline-width--active)}.dnb-forms-field-multi-selection__item .dnb-checkbox__order .dnb-form-label{padding-left:1rem}html[data-whatinput=keyboard] .dnb-forms-field-multi-selection__item:has(.dnb-checkbox__input:focus){--item-outline-color:var(--token-color-stroke-action-focus);--item-outline-width:var(--item-outline-width--focus);--item-background-color:var(
--token-color-background-action-focus-subtle
)}html[data-whatinput=keyboard] .dnb-forms-field-multi-selection__item:has(.dnb-checkbox__input:focus),html[data-whatinput=keyboard] .dnb-forms-field-multi-selection__item:has(.dnb-checkbox__input:focus) .dnb-form-label,html[data-whatinput=keyboard] .dnb-forms-field-multi-selection__item:has(.dnb-checkbox__input:focus) .dnb-forms-field-multi-selection__item-description{color:var(--token-color-text-action-focus)}.dnb-forms-field-multi-selection__popover-content{--inner-space:2.5rem;display:flex;flex-direction:column;width:calc(var(--forms-field-width--large) - var(--inner-space, 0))}@media screen and (max-width:25em){.dnb-forms-field-multi-selection__popover-content{width:70dvw}}.dnb-forms-field-multi-selection__popover-content{max-height:calc(var(--popover-max-height, 90dvh) - var(--inner-space, 0))}.dnb-popover--no-inner-space .dnb-forms-field-multi-selection__popover-content{--inner-space:-0.5rem}.dnb-forms-field-multi-selection__popover-content:focus{outline:none}.dnb-forms-field-multi-selection__popover-content:focus-visible{outline:var(--focus-ring-width) solid var(--token-color-stroke-action-focus);outline-offset:var(--focus-ring-offset)}.dnb-forms-field-multi-selection__nested-items{background-color:var(--token-color-background-neutral);display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.dnb-forms-field-multi-selection__item--level-1{padding-left:2rem}.dnb-forms-field-multi-selection__item--level-2{padding-left:3rem}.dnb-forms-field-multi-selection__item--level-3{padding-left:4rem}.dnb-forms-field-multi-selection__no-options{align-items:center;display:flex;justify-content:center;padding:1rem}.dnb-forms-field-multi-selection__no-options-text{color:var(--token-color-text-neutral-alternative)}.dnb-forms-field-multi-selection__selected-items__inner{display:flex;flex-wrap:wrap;gap:.5rem;margin:-.125rem 0 0 -.125rem;max-height:10rem;padding:.125rem 0 1rem .125rem}.dnb-forms-field-multi-selection__search~.dnb-forms-field-multi-selection__selected-items .dnb-forms-field-multi-selection__selected-items__inner{padding-top:1rem}.dnb-forms-field-multi-selection__actions{align-items:center;display:flex;gap:1.5rem;padding-top:1rem}.dnb-forms-field-multi-selection__selected-items-header{padding:.5rem 0}.dnb-forms-field-multi-selection--inline .dnb-forms-field-multi-selection__inline-content{display:flex;flex-direction:column}.dnb-forms-field-multi-selection--inline .dnb-forms-field-multi-selection__items{max-height:none}.dnb-forms-field-number{--number-control-button-border-width--focus:0.125rem;--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: }.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before{--button-color-bg--disabled:var(
--token-color-background-neutral-subtle
)}.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,.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:15em){.dnb-forms-field-number .dnb-input__shell{width:90%}}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{--button-color-icon--default:var(--token-color-icon-destructive);--button-color-text--default:var(--token-color-text-destructive);--button-color-icon--hover:var(--token-color-icon-neutral-inverse);--button-color-text--hover:var(--token-color-text-neutral-inverse)}.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 .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:15em){.dnb-forms-field-string .dnb-input__shell{width:90%}}.dnb-forms-field-upload .dnb-help-button__content .dnb-section{--outset:1;--outset-left:calc(var(--spacing-medium));--outset-right:calc(var(--spacing-medium))}@media screen and (max-width:40em){.dnb-forms-field-upload .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-small));--outset-right:calc(var(--spacing-small))}}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem;--forms-field-label-max-width--large:var(--prose-max-width)}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}fieldset.dnb-forms-field-block{border:none;padding:0}.dnb-forms-field-block__label__description{color:var(--token-color-text-neutral-alternative);font-size:var(--font-size-small)}.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-margin:0.25rem}.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}@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--width-stretch .dnb-forms-field-block__label,.dnb-forms-field-block--width-stretch .dnb-forms-field-block__label.dnb-form-label{max-width:none}.dnb-forms-field-block__label.dnb-form-label__description,.dnb-forms-field-block__label__description{vertical-align:top}.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 .dnb-section{--rounded-corner:var(--token-radius-sm);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-bottom:var(--field-block-status-margin-bottom,0);margin-top:var(--field-block-status-margin-top,.5rem);max-width:var(--prose-max-width)}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block--status-position-above .dnb-forms-field-block__grid{grid-template-areas:"label" "help" "status" "contents" "indicator"}.dnb-forms-field-block--status-position-above{--field-block-status-margin-top:0;--field-block-status-margin-bottom:0.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block--status-position-above .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label status" ". contents" ". help" ". indicator"}}.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-field-block__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-field-block__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}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading:has(+.dnb-card,+*+.dnb-card,+*+*+.dnb-card,+.dnb-help-button__content+.dnb-section+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--token-color-stroke-neutral-subtle);--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(--token-color-stroke-error);--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--variant-filled .dnb-forms-section-block__inner{--space:var(--spacing-small);background-color:var(--token-color-background-neutral-alternative)}.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-card .dnb-forms-section-block .dnb-card--filled.dnb-section,.dnb-forms-section-block .dnb-card--filled.dnb-section{--background-color:var(--token-color-background-neutral-subtle)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-card,+*+.dnb-card,+*+*+.dnb-card,+.dnb-help-button__content+.dnb-section+.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);--dots-color:var(--token-color-text-neutral,currentColor)}.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{display:inline}.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{color:var(--dots-color, );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}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;opacity:.2}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator__content b{font-weight:var(--font-weight-bold)}.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}.dnb-button .dnb-forms-submit-indicator__content{cursor:inherit}@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(--prose-max-width);--forms-value-label-max-width--large:var(--prose-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(--token-color-text-neutral-alternative)}.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: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{flex-flow:column}}.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%}