@dnb/eufemia 10.76.1 → 10.77.0

package/cjs/extensions/forms/style/dnb-forms--isolated.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.eufemia-scope--10_77_0 .dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}}.eufemia-scope--10_77_0 .dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.eufemia-scope--10_77_0 .dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.eufemia-scope--10_77_0 .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]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.eufemia-scope--10_77_0 .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]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .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]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .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))}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .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))}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .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))}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .dnb-forms-field-number .dnb-input__shell{width:90%}}.eufemia-scope--10_77_0 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__country-code,.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__number{flex:1}.eufemia-scope--10_77_0 .dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.eufemia-scope--10_77_0 .dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.eufemia-scope--10_77_0 .dnb-forms-field-postal-code-and-city__city{flex:1}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.eufemia-scope--10_77_0 .dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list{--outline-color:var(--color-black-8);--outline-width:0.0625rem;--list-padding:1rem;--list-height:4rem}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell{row-gap:0}.eufemia-scope--10_77_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)}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label{padding-left:var(--list-padding)}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .dnb-forms-field-string .dnb-input__shell{width:90%}}.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-field-upload .dnb-help-button__content .dnb-section:before{z-index:0}.eufemia-scope--10_77_0{--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)}.eufemia-scope--10_77_0 fieldset.dnb-forms-field-block{border:none;padding:0}.eufemia-scope--10_77_0 fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-forms-field-block{--label-margin:0.25rem}.eufemia-scope--10_77_0 .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))}.eufemia-scope--10_77_0 .dnb-forms-field-block--label-height-small{--label-margin:0}.eufemia-scope--10_77_0 .dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.eufemia-scope--10_77_0 .dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.eufemia-scope--10_77_0 .dnb-forms-field-block--width-stretch{flex-grow:1}.eufemia-scope--10_77_0 .dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.eufemia-scope--10_77_0 .dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.eufemia-scope--10_77_0 .dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.eufemia-scope--10_77_0 .dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.eufemia-scope--10_77_0 .dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.eufemia-scope--10_77_0 .dnb-forms-field-block:not([class*="--content-width"]){--max-width:var(--forms-field-label-max-width--large)}.eufemia-scope--10_77_0 .dnb-forms-field-block__label,.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.eufemia-scope--10_77_0 .dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.eufemia-scope--10_77_0 .dnb-forms-field-block__label__content:has(+.dnb-help-button),.eufemia-scope--10_77_0 .dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.eufemia-scope--10_77_0 .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,.eufemia-scope--10_77_0 .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,.eufemia-scope--10_77_0 .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,.eufemia-scope--10_77_0 .dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description,.dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button,.eufemia-scope--10_77_0 .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,.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-field-block__label .dnb-help-button__word-joiner,.eufemia-scope--10_77_0 .dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.eufemia-scope--10_77_0 .dnb-forms-field-block__label .dnb-help-button__word-joiner:before,.eufemia-scope--10_77_0 .dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner:before{content:"⁠"}.eufemia-scope--10_77_0 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.eufemia-scope--10_77_0 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.eufemia-scope--10_77_0 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.eufemia-scope--10_77_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}.eufemia-scope--10_77_0 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.eufemia-scope--10_77_0 .dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.eufemia-scope--10_77_0 .dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.eufemia-scope--10_77_0 .dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.eufemia-scope--10_77_0 .dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.eufemia-scope--10_77_0 .dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.eufemia-scope--10_77_0 .dnb-forms-field-block__status{grid-area:status}.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .dnb-forms-field-block__status{width:90%}}.eufemia-scope--10_77_0 .dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-stretch{width:100%}.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-custom{--field-block-content-width:calc(var(--dnb-forms-field-block-content-width))}.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-small{--field-block-content-width:var(--forms-field-width--small)}.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-medium{--field-block-content-width:var(--forms-field-width--medium)}.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-large{--field-block-content-width:var(--forms-field-width--large)}@media screen and (min-width:25.00625em){.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-custom,.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-large,.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-medium,.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-small{max-width:var(--field-block-content-width,none)}}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-custom,.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-large,.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-medium,.eufemia-scope--10_77_0 .dnb-forms-field-block__contents--width-small{width:var(--field-block-content-width,-webkit-max-content);width:var(--field-block-content-width,max-content)}}.eufemia-scope--10_77_0 .dnb-forms-field-block__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.eufemia-scope--10_77_0 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.eufemia-scope--10_77_0 .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.eufemia-scope--10_77_0 .dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.eufemia-scope--10_77_0 .dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-card+.dnb-button--primary:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.eufemia-scope--10_77_0 .dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.eufemia-scope--10_77_0 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.eufemia-scope--10_77_0 .dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.eufemia-scope--10_77_0 .dnb-forms-section-block{--block-outline-color:var(--color-black-8);--block-outline-width:var(--card-outline-width)}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-forms-section-block--variant-basic{--border-color:transparent;--block-outline-color:transparent}.eufemia-scope--10_77_0 .dnb-forms-section-block--variant-filled .dnb-forms-section-block__inner{--space:var(--spacing-small);background-color:var(--color-lavender)}.eufemia-scope--10_77_0 .dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.eufemia-scope--10_77_0 .dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.eufemia-scope--10_77_0 .dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.eufemia-scope--10_77_0 .dnb-card .dnb-forms-section-block .dnb-card,.eufemia-scope--10_77_0 .dnb-forms-section-block .dnb-card{--card-outline-color:var(--block-outline-color);--card-outline-width:var(--block-outline-width)}.eufemia-scope--10_77_0 .dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.eufemia-scope--10_77_0 .dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.eufemia-scope--10_77_0 .dnb-forms-submit-indicator__label{padding:.5em 0}.eufemia-scope--10_77_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}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.eufemia-scope--10_77_0 .dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.eufemia-scope--10_77_0 .dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-forms-submit-indicator__content b{animation:none}.eufemia-scope--10_77_0 .dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.eufemia-scope--10_77_0 .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}}.eufemia-scope--10_77_0 .dnb-forms-iterate__element{outline:none}.eufemia-scope--10_77_0 .dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.eufemia-scope--10_77_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))}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}.eufemia-scope--10_77_0{--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)}.eufemia-scope--10_77_0 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.eufemia-scope--10_77_0 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.eufemia-scope--10_77_0 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.eufemia-scope--10_77_0 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.eufemia-scope--10_77_0 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.eufemia-scope--10_77_0 .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)}.eufemia-scope--10_77_0 .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),.eufemia-scope--10_77_0 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.eufemia-scope--10_77_0 .dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content{display:block}.eufemia-scope--10_77_0 .dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.eufemia-scope--10_77_0 .dnb-forms-value-block__label,.eufemia-scope--10_77_0 .dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.eufemia-scope--10_77_0 .dnb-forms-value-block__label{max-width:var(--forms-value-label-max-width--large)}.eufemia-scope--10_77_0 .dnb-forms-value-block__label .dnb-help-button__word-joiner{margin-left:.45em;white-space:nowrap}.eufemia-scope--10_77_0 .dnb-forms-value-block__label .dnb-help-button__word-joiner:before{content:"⁠"}.eufemia-scope--10_77_0 .dnb-forms-value-block__label:empty{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-forms-value-block__help{display:flex;flex-flow:column}.eufemia-scope--10_77_0 .dnb-card .dnb-forms-value-block__help{flex-grow:1}.eufemia-scope--10_77_0 .dnb-forms-value-block__help .dnb-section,.eufemia-scope--10_77_0 .dnb-forms-value-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}.eufemia-scope--10_77_0 .dnb-forms-value-block__placeholder{color:var(--color-black-80)}.eufemia-scope--10_77_0 .dnb-forms-value-block__content--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.eufemia-scope--10_77_0 .dnb-forms-value-block__content--max-width-small{max-width:var(--forms-value-width--small)}.eufemia-scope--10_77_0 .dnb-forms-value-block__content--max-width-medium{max-width:var(--forms-value-width--medium)}.eufemia-scope--10_77_0 .dnb-forms-value-block__content--max-width-large{max-width:var(--forms-value-width--large)}}.eufemia-scope--10_77_0 .dnb-forms-value-block span.dnb-height-animation{display:flex}.eufemia-scope--10_77_0 .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))}.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.eufemia-scope--10_77_0 .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}}.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl{margin:0}.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content .dnb-dt:empty~.dnb-dd{margin-top:0}.eufemia-scope--10_77_0 .dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block{display:flex}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .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,.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dt,.eufemia-scope--10_77_0 .dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dt{display:inline}.eufemia-scope--10_77_0 .dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl>.dnb-dd,.eufemia-scope--10_77_0 .dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{width:100%}.eufemia-scope--10_77_0 .dnb-forms-value-block__help--next-line{display:flex;flex-basis:100%}.eufemia-scope--10_77_0 .dnb-forms-wizard-layout{align-items:stretch;column-gap:var(--spacing-x-large);display:flex;flex-flow:column wrap;justify-content:stretch}.eufemia-scope--10_77_0 .dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.eufemia-scope--10_77_0 .dnb-forms-wizard-layout__contents{flex:1}.eufemia-scope--10_77_0 .dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.eufemia-scope--10_77_0 .dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.eufemia-scope--10_77_0 .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){.eufemia-scope--10_77_0 .dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.eufemia-scope--10_77_0 .dnb-forms-wizard-layout__contents{flex-basis:auto}}.eufemia-scope--10_77_0 .dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}

package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element--isolated.css

@@ -0,0 +1,8 @@
+.eufemia-scope--10_77_0 .dnb-forms-test-element {
+  display: flex;
+  width: 100%;
+  border: 1px dashed #808080;
+  border-radius: 0.5rem;
+  color: #909090;
+  padding: 0.5rem 1rem;
+}

package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}

package/cjs/extensions/payment-card/style/dnb-payment-card--isolated.css

@@ -0,0 +1,363 @@
+/*
+ * PaymentCard component styles
+ * This file provides styling for the PaymentCard component, including general design tokens
+ * and variations for different card types (e.g., default, pluss, gold, etc.).
+ */
+/*
+ * Utilities
+ */
+/*
+ * CSS Properties Sbanken
+ *
+ */
+.eufemia-scope--10_77_0 {
+  --sb-font-family-default: "Roboto", "Helvetica", "Arial", sans-serif;
+  --sb-font-family-heading: "MaisonNeueHeadings", "Roboto", "Helvetica",
+    "Arial", sans-serif;
+  --sb-font-weight-default: normal;
+  --sb-font-weight-basis: normal;
+  --sb-font-weight-regular: normal;
+  --sb-font-weight-medium: 500;
+  --sb-font-weight-bold: 700;
+  --sb-font-size-x-small: 0.75rem;
+  --sb-font-size-small: 0.875rem;
+  --sb-font-size-basis: 1rem;
+  --sb-font-size-basis--em: 1em;
+  --sb-font-size-lead: var(--font-size-medium);
+  --sb-font-size-medium: 1.25rem;
+  --sb-font-size-medium--plus: 1.625rem;
+  --sb-font-size-large: 2rem;
+  --sb-font-size-x-large: 2.375rem;
+  --sb-font-size-xx-large: 3rem;
+  --sb-line-height-x-small: 1.125rem;
+  --sb-line-height-small: 1.25rem;
+  --sb-line-height-basis: 1.5rem;
+  --sb-line-height-basis--em: 1.5em;
+  --sb-line-height-lead: 1.75rem;
+  --sb-line-height-medium: 2rem;
+  --sb-line-height-large: 2.375rem;
+  --sb-line-height-x-large: 2.75rem;
+  --sb-line-height-xx-large: 3.375rem;
+  --sb-color-black: #000;
+  --sb-color-text: #18172a;
+  --sb-color-gray-dark-3: #3a3a4a;
+  --sb-color-gray-dark-3-neutral: #3e3e4a;
+  --sb-color-gray-dark-2: #4a4a5b;
+  --sb-color-gray-dark-2-neutral: #656472;
+  --sb-color-gray-dark: #666578;
+  --sb-color-gray-dark-neutral: #9494a3;
+  --sb-color-gray: #bbbbce;
+  --sb-color-gray-neutral: #bdbdc6;
+  --sb-color-gray-light: #d9d9e4;
+  --sb-color-gray-light-2: #ebebf2;
+  --sb-color-gray-light-3: #f9f9fd;
+  --sb-color-purple: #1c1b4e;
+  --sb-color-purple-alternative: #222163;
+  --sb-color-green: #92eecd;
+  --sb-color-white: #fff;
+  --sb-color-red: #d8134b;
+  --sb-color-magenta: #ff3c64;
+  --sb-color-orange: #ff5b44;
+  --sb-color-yellow-dark: #f7bf16;
+  --sb-color-yellow: #ffef57;
+  --sb-color-green-dark-3: #00785b;
+  --sb-color-green-dark-2: #1e9f73;
+  --sb-color-violet: #4e08bc;
+  --sb-color-violet-light: #7129e2;
+  --sb-color-blue-dark-2: #044ccc;
+  --sb-color-blue-dark: #005cff;
+  --sb-color-blue: #008eff;
+  --sb-color-orange-light: #ff817b;
+  --sb-color-orange-light-2: #ffd7d5;
+  --sb-color-orange-light-3: #fff0ef;
+  --sb-color-magenta-light: #ffb6d2;
+  --sb-color-magenta-light-2: #ffdbe9;
+  --sb-color-magenta-light-3: #fff5f9;
+  --sb-color-yellow-light: #fff489;
+  --sb-color-yellow-light-2: #fff9c4;
+  --sb-color-yellow-light-3: #fffce5;
+  --sb-color-green-dark: #64d7b4;
+  --sb-color-green-light: #c8f6e5;
+  --sb-color-green-light-2: #e5fff7;
+  --sb-color-violet-light-2: #be99ff;
+  --sb-color-violet-light-3: #e0d0ff;
+  --sb-color-violet-light-4: #f1ebff;
+  --sb-color-blue-light: #61b9ff;
+  --sb-color-blue-light-2: #bfe3ff;
+  --sb-color-blue-light-3: #ebf6ff;
+  --sb-spacing-x-small: 0.5rem;
+  --sb-spacing-small: 1rem;
+  --sb-spacing-medium: 1.5rem;
+  --sb-spacing-large: 2rem;
+  --sb-spacing-x-large: 3rem;
+  --sb-spacing-xx-large: 3.5rem;
+  --sb-layout-small: 40em;
+  --sb-layout-medium: 60em;
+  --sb-layout-large: 72em;
+  --sb-layout-x-large: 80em;
+  --sb-layout-xx-large: 90em;
+  --sb-shadow-small: 0 2px 4px rgba(38 35 66 / 12%);
+  --sb-shadow-medium: 0 5px 20px rgba(38 35 66 / 10%);
+  --sb-shadow-large: 0 5px 20px rgba(38 35 66 / 20%);
+  --sb-shadow-hover: 0 20px 40px rgba(38 35 66 / 20%);
+  --sb-easing-default: cubic-bezier(0.42, 0, 0, 1);
+  --sb-text-block-max-width: 60ch;
+}
+
+.eufemia-scope--10_77_0 .dnb-payment-card {
+  /*
+   * Define custom CSS variables used throughout the PaymentCard component.
+   * These variables allow for reusable colors, border-radius, and overlay background transitions.
+   */
+  --color-dark-cyan: #003b47;
+  --dnb-payment-bg-default: var(--color-sea-green);
+  --dnb-payment-bg-pluss: var(--color-ocean-green);
+  --dnb-payment-bg-white: var(--color-white);
+  --dnb-payment-bg-gold: #D8C583;
+  --dnb-payment-bg-black-gold: #1F1B10;
+  --dnb-payment-bg-black-grey: #1C1C1E;
+  --dnb-payment-overlay-bg-dark: rgba(0 0 0 / 60%);
+  --dnb-payment-overlay-bg-light: rgba(255 255 255 / 70%);
+  --dnb-payment-border-radius: 12px;
+  margin: 0;
+  border-radius: var(--dnb-payment-border-radius);
+  /*
+   * Base styles for the card element including size, padding, color, and shadow.
+   * This serves as the core design for all PaymentCard variations.
+   */
+  /*
+   * Overlay styling used for additional content or status displayed over the card element.
+   * It centers the content and adapts the overlay design
+   * based on the card's background theme (light or dark).
+   */
+  /* Compact mode styling for PaymentCard component
+   * This defines the styles and visual appearance of the card in its compact variant.
+   * The compact variant is designed to be more concise, with reduced height and adjusted layouts.
+   */
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card {
+  width: 100%;
+  height: 100%;
+  padding: 16px;
+  border-radius: inherit;
+  color: var(--color-white);
+  box-shadow: var(--shadow-default);
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+  -webkit-user-select: none;
+          user-select: none;
+  /*
+   * Design variations for different card types.
+   * Each modifier represents a unique card style and contains
+   * specific background and text color configurations.
+   */
+  /*
+   * Primary container for card content (e.g., numbers, text, holder name).
+   * Ensures content stretches to fit the card while preserving relative positioning.
+   */
+  /* Provider Icons Container
+   * Flex container to house provider logos (e.g., Visa, Mastercard, BankAxept).
+   * Includes a visual separator if two providers are present. */
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__wrapper {
+  position: relative;
+  width: 343px;
+  height: 216px;
+  border-radius: inherit;
+  border: 1px solid var(--color-black-8);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__wrapper::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--blocked {
+  opacity: 0.5;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-default {
+  background-color: var(--dnb-payment-bg-default);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-pluss {
+  background-color: var(--dnb-payment-bg-pluss);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-ung, .eufemia-scope--10_77_0 .dnb-payment-card__card--design-youth, .eufemia-scope--10_77_0 .dnb-payment-card__card--design-my-first {
+  background-color: var(--dnb-payment-bg-white);
+  color: var(--color-black);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-gold {
+  background-color: var(--dnb-payment-bg-gold);
+  color: var(--color-black);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-saga {
+  background-color: var(--dnb-payment-bg-black-gold);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-saga .provider--separator {
+  color: var(--dnb-payment-bg-gold);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-saga-platinum, .eufemia-scope--10_77_0 .dnb-payment-card__card--design-private {
+  background-color: var(--dnb-payment-bg-black-grey);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-black {
+  background-color: var(--color-black);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-business-no-visa {
+  background-color: var(--dnb-payment-bg-business-no-visa);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-business-with-visa {
+  background-color: var(--dnb-payment-bg-business-with-visa);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-sbanken-mastercard {
+  background-color: var(--sb-color-purple);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card--design-sbanken-visa {
+  background-color: var(--color-white);
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__content {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-payment-card__card .dnb-p {
+  margin-bottom: 0 !important;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__numbers.dnb-p {
+  font-size: 1.375rem;
+  line-height: 1.143rem;
+  font-weight: var(--font-weight-regular);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__type-text.dnb-p {
+  font-size: 0.938rem;
+  line-height: 1.188rem;
+  padding-top: 6px;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__providers {
+  display: flex;
+  align-items: center;
+  column-gap: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__providers .provider--separator {
+  width: 1px;
+  height: 26px;
+  background-color: currentcolor;
+  transform: scale(0.5, 1);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__top {
+  /*
+   * Normal mode: Card Type Text (Credit / Debit)
+   * Compact mode: Provider Icons
+   */
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__top__left {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__top__right {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__bottom {
+  /*
+   * Normal mode: Card Number
+   * Compact mode: Hidden
+   */
+  /*
+   * Normal mode: Provider Icons
+   * Compact mode: Hidden
+   */
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__bottom__left {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__card__bottom__right {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__overlay {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__overlay svg {
+  width: 2rem;
+  height: 2rem;
+  shape-rendering: geometricprecision;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__overlay svg.icon--fill path {
+  fill: currentcolor;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__overlay svg.icon--stroke path {
+  stroke: currentcolor;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__overlay__content {
+  min-width: 6rem;
+  height: 6rem;
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.667rem;
+  border-radius: inherit;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-small);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__overlay__content--light {
+  background-color: var(--dnb-payment-overlay-bg-dark);
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card__overlay__content--dark {
+  background-color: var(--dnb-payment-overlay-bg-light);
+  color: var(--color-black);
+}
+.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card {
+  height: 62px;
+  border-radius: var(--dnb-payment-border-radius) var(--dnb-payment-border-radius) 0 0;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__wrapper {
+  height: auto;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers {
+  margin-top: 5px;
+  height: 1.375rem;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers div, .eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers svg {
+  height: 100%;
+  width: auto;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple {
+  margin-top: 7px;
+  height: 1rem;
+  column-gap: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple div, .eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple svg {
+  vertical-align: top;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple .provider--separator {
+  width: 1px;
+}
+.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__overlay__content {
+  display: none;
+}

package/cjs/extensions/payment-card/style/dnb-payment-card--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0{--sb-font-family-default:"Roboto","Helvetica","Arial",sans-serif;--sb-font-family-heading:"MaisonNeueHeadings","Roboto","Helvetica","Arial",sans-serif;--sb-font-weight-default:normal;--sb-font-weight-basis:normal;--sb-font-weight-regular:normal;--sb-font-weight-medium:500;--sb-font-weight-bold:700;--sb-font-size-x-small:0.75rem;--sb-font-size-small:0.875rem;--sb-font-size-basis:1rem;--sb-font-size-basis--em:1em;--sb-font-size-lead:var(--font-size-medium);--sb-font-size-medium:1.25rem;--sb-font-size-medium--plus:1.625rem;--sb-font-size-large:2rem;--sb-font-size-x-large:2.375rem;--sb-font-size-xx-large:3rem;--sb-line-height-x-small:1.125rem;--sb-line-height-small:1.25rem;--sb-line-height-basis:1.5rem;--sb-line-height-basis--em:1.5em;--sb-line-height-lead:1.75rem;--sb-line-height-medium:2rem;--sb-line-height-large:2.375rem;--sb-line-height-x-large:2.75rem;--sb-line-height-xx-large:3.375rem;--sb-color-black:#000;--sb-color-text:#18172a;--sb-color-gray-dark-3:#3a3a4a;--sb-color-gray-dark-3-neutral:#3e3e4a;--sb-color-gray-dark-2:#4a4a5b;--sb-color-gray-dark-2-neutral:#656472;--sb-color-gray-dark:#666578;--sb-color-gray-dark-neutral:#9494a3;--sb-color-gray:#bbbbce;--sb-color-gray-neutral:#bdbdc6;--sb-color-gray-light:#d9d9e4;--sb-color-gray-light-2:#ebebf2;--sb-color-gray-light-3:#f9f9fd;--sb-color-purple:#1c1b4e;--sb-color-purple-alternative:#222163;--sb-color-green:#92eecd;--sb-color-white:#fff;--sb-color-red:#d8134b;--sb-color-magenta:#ff3c64;--sb-color-orange:#ff5b44;--sb-color-yellow-dark:#f7bf16;--sb-color-yellow:#ffef57;--sb-color-green-dark-3:#00785b;--sb-color-green-dark-2:#1e9f73;--sb-color-violet:#4e08bc;--sb-color-violet-light:#7129e2;--sb-color-blue-dark-2:#044ccc;--sb-color-blue-dark:#005cff;--sb-color-blue:#008eff;--sb-color-orange-light:#ff817b;--sb-color-orange-light-2:#ffd7d5;--sb-color-orange-light-3:#fff0ef;--sb-color-magenta-light:#ffb6d2;--sb-color-magenta-light-2:#ffdbe9;--sb-color-magenta-light-3:#fff5f9;--sb-color-yellow-light:#fff489;--sb-color-yellow-light-2:#fff9c4;--sb-color-yellow-light-3:#fffce5;--sb-color-green-dark:#64d7b4;--sb-color-green-light:#c8f6e5;--sb-color-green-light-2:#e5fff7;--sb-color-violet-light-2:#be99ff;--sb-color-violet-light-3:#e0d0ff;--sb-color-violet-light-4:#f1ebff;--sb-color-blue-light:#61b9ff;--sb-color-blue-light-2:#bfe3ff;--sb-color-blue-light-3:#ebf6ff;--sb-spacing-x-small:0.5rem;--sb-spacing-small:1rem;--sb-spacing-medium:1.5rem;--sb-spacing-large:2rem;--sb-spacing-x-large:3rem;--sb-spacing-xx-large:3.5rem;--sb-layout-small:40em;--sb-layout-medium:60em;--sb-layout-large:72em;--sb-layout-x-large:80em;--sb-layout-xx-large:90em;--sb-shadow-small:0 2px 4px rgba(38,35,66,.12);--sb-shadow-medium:0 5px 20px rgba(38,35,66,.1);--sb-shadow-large:0 5px 20px rgba(38,35,66,.2);--sb-shadow-hover:0 20px 40px rgba(38,35,66,.2);--sb-easing-default:cubic-bezier(0.42,0,0,1);--sb-text-block-max-width:60ch}.eufemia-scope--10_77_0 .dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:var(--color-sea-green);--dnb-payment-bg-pluss:var(--color-ocean-green);--dnb-payment-bg-white:var(--color-white);--dnb-payment-bg-gold:#d8c583;--dnb-payment-bg-black-gold:#1f1b10;--dnb-payment-bg-black-grey:#1c1c1e;--dnb-payment-overlay-bg-dark:rgba(0,0,0,.6);--dnb-payment-overlay-bg-light:hsla(0,0%,100%,.7);--dnb-payment-border-radius:12px;border-radius:var(--dnb-payment-border-radius);margin:0}.eufemia-scope--10_77_0 .dnb-payment-card__card{border-radius:inherit;box-shadow:var(--shadow-default);color:var(--color-white);height:100%;padding:16px;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;-webkit-user-select:none;user-select:none;width:100%}.eufemia-scope--10_77_0 .dnb-payment-card__card__wrapper{border:1px solid var(--color-black-8);border-radius:inherit;height:216px;position:relative;width:343px}.eufemia-scope--10_77_0 .dnb-payment-card__card__wrapper:after{border-radius:inherit;content:"";height:100%;position:absolute;top:0;width:100%}.eufemia-scope--10_77_0 .dnb-payment-card__card--blocked{opacity:.5}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-default{background-color:var(--dnb-payment-bg-default);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-pluss{background-color:var(--dnb-payment-bg-pluss);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-my-first,.eufemia-scope--10_77_0 .dnb-payment-card__card--design-ung,.eufemia-scope--10_77_0 .dnb-payment-card__card--design-youth{background-color:var(--dnb-payment-bg-white);color:var(--color-black)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-gold{background-color:var(--dnb-payment-bg-gold);color:var(--color-black)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-saga{background-color:var(--dnb-payment-bg-black-gold);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-saga .provider--separator{color:var(--dnb-payment-bg-gold)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-private,.eufemia-scope--10_77_0 .dnb-payment-card__card--design-saga-platinum{background-color:var(--dnb-payment-bg-black-grey);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-black{background-color:var(--color-black);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-business-no-visa{background-color:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-business-with-visa{background-color:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-sbanken-mastercard{background-color:var(--sb-color-purple);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__card--design-sbanken-visa{background-color:var(--color-white);color:var(--sb-color-text)}.eufemia-scope--10_77_0 .dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.eufemia-scope--10_77_0 .dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.eufemia-scope--10_77_0 .dnb-payment-card__card__numbers.dnb-p{font-size:1.375rem;font-weight:var(--font-weight-regular);line-height:1.143rem}.eufemia-scope--10_77_0 .dnb-payment-card__card__type-text.dnb-p{font-size:.938rem;line-height:1.188rem;padding-top:6px}.eufemia-scope--10_77_0 .dnb-payment-card__card__providers{align-items:center;column-gap:1rem;display:flex}.eufemia-scope--10_77_0 .dnb-payment-card__card__providers .provider--separator{background-color:currentcolor;height:26px;transform:scaleX(.5);width:1px}.eufemia-scope--10_77_0 .dnb-payment-card__card__top__left{align-items:center;display:flex;left:0;position:absolute;top:0}.eufemia-scope--10_77_0 .dnb-payment-card__card__top__right{position:absolute;right:0;top:0}.eufemia-scope--10_77_0 .dnb-payment-card__card__bottom__left{bottom:0;left:0;position:absolute}.eufemia-scope--10_77_0 .dnb-payment-card__card__bottom__right{bottom:0;position:absolute;right:0}.eufemia-scope--10_77_0 .dnb-payment-card__overlay{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.eufemia-scope--10_77_0 .dnb-payment-card__overlay svg{shape-rendering:geometricprecision;height:2rem;width:2rem}.eufemia-scope--10_77_0 .dnb-payment-card__overlay svg.icon--fill path{fill:currentcolor}.eufemia-scope--10_77_0 .dnb-payment-card__overlay svg.icon--stroke path{stroke:currentcolor}.eufemia-scope--10_77_0 .dnb-payment-card__overlay__content{align-items:center;border-radius:inherit;display:flex;flex-direction:column;font-size:var(--font-size-basis);gap:.667rem;height:6rem;line-height:var(--line-height-small);min-width:6rem;padding:1rem}.eufemia-scope--10_77_0 .dnb-payment-card__overlay__content--light{background-color:var(--dnb-payment-overlay-bg-dark);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-payment-card__overlay__content--dark{background-color:var(--dnb-payment-overlay-bg-light);color:var(--color-black)}.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card{border-radius:var(--dnb-payment-border-radius) var(--dnb-payment-border-radius) 0 0;height:62px}.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__wrapper{height:auto}.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers{height:1.375rem;margin-top:5px}.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers div,.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers svg{height:100%;width:auto}.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple{column-gap:.5rem;height:1rem;margin-top:7px}.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple div,.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple svg{vertical-align:top}.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple .provider--separator{width:1px}.eufemia-scope--10_77_0 .dnb-payment-card--compact .dnb-payment-card__overlay__content{display:none}

package/cjs/extensions/payment-card/style/themes/dnb-payment-card-theme-ui--isolated.css

@@ -0,0 +1,4 @@
+/*
+* PaymentCard theme
+*
+*/

package/cjs/plugins/postcss-font-url-rewrite/config/font-url-rewrite.config.d.ts

@@ -0,0 +1 @@
+export function getFontBasePath(): string;

package/cjs/plugins/postcss-font-url-rewrite/config/font-url-rewrite.config.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export function getFontBasePath() {
+  return 'https://eufemia.dnb.no/fonts/';
+}
+//# sourceMappingURL=font-url-rewrite.config.js.map

package/cjs/plugins/postcss-font-url-rewrite/config/font-url-rewrite.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-url-rewrite.config.js","names":["exports","getFontBasePath"],"sources":["../../../../../src/plugins/postcss-font-url-rewrite/config/font-url-rewrite.config.js"],"sourcesContent":["exports.getFontBasePath = () => 'https://eufemia.dnb.no/fonts/'\n"],"mappings":";;AAAAA,OAAO,CAACC,eAAe,GAAG,MAAM,+BAA+B","ignoreList":[]}

package/cjs/plugins/postcss-font-url-rewrite/config/index.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: typeof import("./font-url-rewrite.config.js");
+export = _exports;

package/cjs/plugins/postcss-font-url-rewrite/config/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export default require('./font-url-rewrite.config.js');
+//# sourceMappingURL=index.js.map

package/cjs/plugins/postcss-font-url-rewrite/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["module","exports","require"],"sources":["../../../../../src/plugins/postcss-font-url-rewrite/config/index.js"],"sourcesContent":["module.exports = require('./font-url-rewrite.config.js')\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,CAAC,8BAA8B,CAAC","ignoreList":[]}

package/cjs/plugins/postcss-font-url-rewrite/font-url-rewrite-plugin.d.ts

@@ -0,0 +1,10 @@
+export = postcssFontUrlRewrite;
+declare function postcssFontUrlRewrite(opts?: {}): {
+    postcssPlugin: string;
+    AtRule: {
+        'font-face'(atRule: any): void;
+    };
+};
+declare namespace postcssFontUrlRewrite {
+    let postcss: boolean;
+}

package/cjs/plugins/postcss-font-url-rewrite/font-url-rewrite-plugin.js

@@ -0,0 +1,59 @@
+"use strict";
+
+require("core-js/modules/es.string.replace.js");
+import path from 'path';
+const postcssFontUrlRewrite = function () {
+  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    basePath = '/new-path/',
+    pathPrefixToKeep = 'assets/fonts/',
+    verbose = false
+  } = opts;
+  return {
+    postcssPlugin: 'font-url-rewrite-plugin',
+    AtRule: {
+      'font-face'(atRule) {
+        atRule.walkDecls('src', decl => {
+          decl.value = decl.value.replace(/url\(([^)]+)\)/g, (match, rawUrl) => {
+            const url = rawUrl.replace(/^['"]|['"]$/g, '');
+            const normalizedUrl = url.replace(/\\/g, '/');
+            const index = normalizedUrl.lastIndexOf(pathPrefixToKeep);
+            if (index === -1) {
+              if (verbose) {
+                console.warn(`Skipped (no match for "${pathPrefixToKeep}"): ${url}`);
+              }
+              return match;
+            }
+            const subPath = normalizedUrl.substring(index + pathPrefixToKeep.length);
+            const filename = path.basename(subPath);
+            const cleanedFile = filename.replace(/-[a-f0-9]{6,}(?=\.[^.]+$)/, '');
+            const dir = path.dirname(subPath);
+            let finalUrl;
+            if (basePath.startsWith('http://') || basePath.startsWith('https://')) {
+              const basePathWithoutTrailingSlash = basePath.replace(/\/$/, '');
+              if (dir === '.') {
+                finalUrl = `${basePathWithoutTrailingSlash}/${cleanedFile}`;
+              } else {
+                const dirWithoutLeadingSlash = dir.replace(/^\//, '');
+                finalUrl = `${basePathWithoutTrailingSlash}/${dirWithoutLeadingSlash}/${cleanedFile}`;
+              }
+            } else {
+              finalUrl = path.posix.join(basePath, dir, cleanedFile);
+            }
+            if (verbose) {
+              console.log(`
+✨ @dnb/eufemia/plugins/postcss-font-url-rewrite
+Rewriting: ${url} → ${finalUrl}
+          `);
+            }
+            return `url("${finalUrl}")`;
+          });
+        });
+      }
+    }
+  };
+};
+postcssFontUrlRewrite.postcss = true;
+
+export default postcssFontUrlRewrite;
+//# sourceMappingURL=font-url-rewrite-plugin.js.map

package/cjs/plugins/postcss-font-url-rewrite/font-url-rewrite-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-url-rewrite-plugin.js","names":["path","require","postcssFontUrlRewrite","opts","arguments","length","undefined","basePath","pathPrefixToKeep","verbose","postcssPlugin","AtRule","font-face","atRule","walkDecls","decl","value","replace","match","rawUrl","url","normalizedUrl","index","lastIndexOf","console","warn","subPath","substring","filename","basename","cleanedFile","dir","dirname","finalUrl","startsWith","basePathWithoutTrailingSlash","dirWithoutLeadingSlash","posix","join","log","postcss","module","exports"],"sources":["../../../../src/plugins/postcss-font-url-rewrite/font-url-rewrite-plugin.js"],"sourcesContent":["const path = require('path')\n\nconst postcssFontUrlRewrite = (opts = {}) => {\n  const {\n    basePath = '/new-path/',\n    pathPrefixToKeep = 'assets/fonts/',\n    verbose = false,\n  } = opts\n\n  return {\n    postcssPlugin: 'font-url-rewrite-plugin',\n\n    AtRule: {\n      'font-face'(atRule) {\n        atRule.walkDecls('src', (decl) => {\n          decl.value = decl.value.replace(\n            /url\\(([^)]+)\\)/g,\n            (match, rawUrl) => {\n              const url = rawUrl.replace(/^['\"]|['\"]$/g, '') // strip quotes\n              const normalizedUrl = url.replace(/\\\\/g, '/') // handle Windows paths\n\n              const index = normalizedUrl.lastIndexOf(pathPrefixToKeep)\n              if (index === -1) {\n                if (verbose) {\n                  console.warn(\n                    `Skipped (no match for \"${pathPrefixToKeep}\"): ${url}`\n                  )\n                }\n                return match\n              }\n\n              const subPath = normalizedUrl.substring(\n                index + pathPrefixToKeep.length\n              )\n              const filename = path.basename(subPath)\n\n              // Remove hash if any: FontName-123abc.woff → FontName.woff\n              const cleanedFile = filename.replace(\n                /-[a-f0-9]{6,}(?=\\.[^.]+$)/,\n                ''\n              )\n              const dir = path.dirname(subPath)\n\n              // Handle URL joining differently based on whether basePath is a URL\n              let finalUrl\n              if (\n                basePath.startsWith('http://') ||\n                basePath.startsWith('https://')\n              ) {\n                // For URLs, manually join the parts to preserve protocol\n                const basePathWithoutTrailingSlash = basePath.replace(\n                  /\\/$/,\n                  ''\n                )\n                if (dir === '.') {\n                  // If there's no directory, just join base path and filename\n                  finalUrl = `${basePathWithoutTrailingSlash}/${cleanedFile}`\n                } else {\n                  // If there is a directory, handle it normally\n                  const dirWithoutLeadingSlash = dir.replace(/^\\//, '')\n                  finalUrl = `${basePathWithoutTrailingSlash}/${dirWithoutLeadingSlash}/${cleanedFile}`\n                }\n              } else {\n                // For regular paths, use path.posix.join\n                finalUrl = path.posix.join(basePath, dir, cleanedFile)\n              }\n\n              if (verbose) {\n                console.log(`\n✨ @dnb/eufemia/plugins/postcss-font-url-rewrite\nRewriting: ${url} → ${finalUrl}\n          `)\n              }\n\n              return `url(\"${finalUrl}\")`\n            }\n          )\n        })\n      },\n    },\n  }\n}\n\npostcssFontUrlRewrite.postcss = true\nmodule.exports = postcssFontUrlRewrite\n"],"mappings":";;;AAAA,MAAMA,IAAI,GAAGC,OAAO,CAAC,MAAM,CAAC;AAE5B,MAAMC,qBAAqB,GAAG,SAAAA,CAAA,EAAe;EAAA,IAAdC,IAAI,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACtC,MAAM;IACJG,QAAQ,GAAG,YAAY;IACvBC,gBAAgB,GAAG,eAAe;IAClCC,OAAO,GAAG;EACZ,CAAC,GAAGN,IAAI;EAER,OAAO;IACLO,aAAa,EAAE,yBAAyB;IAExCC,MAAM,EAAE;MACN,WAAWC,CAACC,MAAM,EAAE;QAClBA,MAAM,CAACC,SAAS,CAAC,KAAK,EAAGC,IAAI,IAAK;UAChCA,IAAI,CAACC,KAAK,GAAGD,IAAI,CAACC,KAAK,CAACC,OAAO,CAC7B,iBAAiB,EACjB,CAACC,KAAK,EAAEC,MAAM,KAAK;YACjB,MAAMC,GAAG,GAAGD,MAAM,CAACF,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;YAC9C,MAAMI,aAAa,GAAGD,GAAG,CAACH,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;YAE7C,MAAMK,KAAK,GAAGD,aAAa,CAACE,WAAW,CAACf,gBAAgB,CAAC;YACzD,IAAIc,KAAK,KAAK,CAAC,CAAC,EAAE;cAChB,IAAIb,OAAO,EAAE;gBACXe,OAAO,CAACC,IAAI,CACV,0BAA0BjB,gBAAgB,OAAOY,GAAG,EACtD,CAAC;cACH;cACA,OAAOF,KAAK;YACd;YAEA,MAAMQ,OAAO,GAAGL,aAAa,CAACM,SAAS,CACrCL,KAAK,GAAGd,gBAAgB,CAACH,MAC3B,CAAC;YACD,MAAMuB,QAAQ,GAAG5B,IAAI,CAAC6B,QAAQ,CAACH,OAAO,CAAC;YAGvC,MAAMI,WAAW,GAAGF,QAAQ,CAACX,OAAO,CAClC,2BAA2B,EAC3B,EACF,CAAC;YACD,MAAMc,GAAG,GAAG/B,IAAI,CAACgC,OAAO,CAACN,OAAO,CAAC;YAGjC,IAAIO,QAAQ;YACZ,IACE1B,QAAQ,CAAC2B,UAAU,CAAC,SAAS,CAAC,IAC9B3B,QAAQ,CAAC2B,UAAU,CAAC,UAAU,CAAC,EAC/B;cAEA,MAAMC,4BAA4B,GAAG5B,QAAQ,CAACU,OAAO,CACnD,KAAK,EACL,EACF,CAAC;cACD,IAAIc,GAAG,KAAK,GAAG,EAAE;gBAEfE,QAAQ,GAAG,GAAGE,4BAA4B,IAAIL,WAAW,EAAE;cAC7D,CAAC,MAAM;gBAEL,MAAMM,sBAAsB,GAAGL,GAAG,CAACd,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;gBACrDgB,QAAQ,GAAG,GAAGE,4BAA4B,IAAIC,sBAAsB,IAAIN,WAAW,EAAE;cACvF;YACF,CAAC,MAAM;cAELG,QAAQ,GAAGjC,IAAI,CAACqC,KAAK,CAACC,IAAI,CAAC/B,QAAQ,EAAEwB,GAAG,EAAED,WAAW,CAAC;YACxD;YAEA,IAAIrB,OAAO,EAAE;cACXe,OAAO,CAACe,GAAG,CAAC;AAC5B;AACA,aAAanB,GAAG,MAAMa,QAAQ;AAC9B,WAAW,CAAC;YACE;YAEA,OAAO,QAAQA,QAAQ,IAAI;UAC7B,CACF,CAAC;QACH,CAAC,CAAC;MACJ;IACF;EACF,CAAC;AACH,CAAC;AAED/B,qBAAqB,CAACsC,OAAO,GAAG,IAAI;AACpCC,MAAM,CAACC,OAAO,GAAGxC,qBAAqB","ignoreList":[]}

package/cjs/plugins/postcss-font-url-rewrite/index.d.ts

@@ -0,0 +1,2 @@
+export = fontUrlRewritePlugin;
+import fontUrlRewritePlugin = require("./font-url-rewrite-plugin.js");

package/cjs/plugins/postcss-font-url-rewrite/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import fontUrlRewritePlugin from './font-url-rewrite-plugin.js';
+
+export default fontUrlRewritePlugin;
+//# sourceMappingURL=index.js.map

package/cjs/plugins/postcss-font-url-rewrite/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["fontUrlRewritePlugin","require","module","exports"],"sources":["../../../../src/plugins/postcss-font-url-rewrite/index.js"],"sourcesContent":["// Because of the usage of \"lebab\" in the build, we need to export the plugin by using a const first.\n// Also, a \".js\" extension is needed to make ESM import work.\nconst fontUrlRewritePlugin = require('./font-url-rewrite-plugin.js')\nmodule.exports = fontUrlRewritePlugin\n"],"mappings":";;AAEA,MAAMA,oBAAoB,GAAGC,OAAO,CAAC,8BAA8B,CAAC;AACpEC,MAAM,CAACC,OAAO,GAAGH,oBAAoB","ignoreList":[]}

package/cjs/plugins/postcss-font-url-rewrite.d.ts

@@ -0,0 +1,2 @@
+export = fontUrlRewritePlugin;
+import fontUrlRewritePlugin = require("./postcss-font-url-rewrite/font-url-rewrite-plugin.js");

package/cjs/plugins/postcss-font-url-rewrite.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import fontUrlRewritePlugin from './postcss-font-url-rewrite/font-url-rewrite-plugin.js';
+
+export default fontUrlRewritePlugin;
+//# sourceMappingURL=postcss-font-url-rewrite.js.map

package/cjs/plugins/postcss-font-url-rewrite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"postcss-font-url-rewrite.js","names":["fontUrlRewritePlugin","require","module","exports"],"sources":["../../../src/plugins/postcss-font-url-rewrite.js"],"sourcesContent":["// Because of the usage of \"lebab\" in the build, we need to export the plugin by using a const first.\n// Also, a \".js\" extension is needed to make ESM import work.\nconst fontUrlRewritePlugin = require('./postcss-font-url-rewrite/font-url-rewrite-plugin.js')\nmodule.exports = fontUrlRewritePlugin\n"],"mappings":";;AAEA,MAAMA,oBAAoB,GAAGC,OAAO,CAAC,uDAAuD,CAAC;AAC7FC,MAAM,CAACC,OAAO,GAAGH,oBAAoB","ignoreList":[]}

package/cjs/plugins/postcss-isolated-style-scope/config/index.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: typeof import("./style-scope.config.js");
+export = _exports;