@dnb/eufemia 10.76.1 → 10.77.0

package/cjs/style/dnb-ui-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/style/dnb-ui-fragments--isolated.css

@@ -0,0 +1,462 @@
+/**
+ * ATTENTION: This file is auto generated by using "styleFactory".
+ * Do not change the content!
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+* DrawerList component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-drawer-list {
+  --drawer-list-height: 2rem;
+  --drawer-list-padding-horizontal: 1rem;
+  --drawer-list-focus-border-width: 0.125rem;
+  --drawer-list-text-padding: 0.5rem;
+  --drawer-list-height--small: 1.5rem;
+  --drawer-list-height--medium: 2.5rem;
+  --drawer-list-height--large: 3rem;
+  --drawer-list-option-inner-background: var(--color-white);
+  --drawer-list-list-background: var(--color-white);
+  --drawer-list-list-line-height: var(--line-height-basis);
+  --drawer-list-option-disabled-background: var(--color-white);
+  --drawer-list-option-disabled-color: var(--color-black-20);
+  display: block;
+  position: relative;
+  width: inherit;
+  min-width: inherit;
+  font-size: var(--font-size-small);
+  /* stylelint-disable-next-line  */
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal {
+  --drawer-list-width: 16rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal__style {
+  position: absolute;
+  transition: all 300ms var(--easing-default);
+  z-index: calc(var(--modal-z-index, 3200) + 300);
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-drawer-list__portal__style {
+  transition: none !important;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal__style--fixed {
+  position: fixed;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__root {
+  width: inherit;
+  min-width: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__root--portal {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__content {
+  width: 100%;
+  padding: 0;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__list {
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  bottom: auto;
+  left: 0;
+  right: 0;
+  width: inherit;
+  min-width: inherit;
+  margin: 0;
+  padding: 0;
+  font-size: var(--font-size-basis);
+  line-height: var(--drawer-list-list-line-height);
+  background-color: var(--drawer-list-list-background);
+  transform: translateY(0);
+  transition: transform 200ms, opacity 160ms ease-out;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__options {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: 0;
+  max-height: 90vh;
+  padding: 0;
+  list-style: none;
+  background-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-drawer-list__options li.dnb-drawer-list__option {
+  margin: 0;
+}
+
+.eufemia-scope--10_77_0 .dnb-drawer-list--scroll .dnb-drawer-list__options {
+  min-height: 2rem;
+  max-height: 70vh;
+  transition: max-height 300ms var(--easing-default);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: auto;
+  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
+}
+html:not([data-visual-test]) .eufemia-scope--10_77_0 .dnb-drawer-list--scroll .dnb-drawer-list__options {
+  scroll-behavior: smooth;
+}
+@supports not (scrollbar-color: auto) {
+  .eufemia-scope--10_77_0 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar {
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+    background-color: var(--scrollbar-track-color, #eee);
+  }
+  .eufemia-scope--10_77_0 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:vertical {
+    width: var(--scrollbar-track-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:horizontal {
+    height: var(--scrollbar-track-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-thumb-color, #888);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb:hover {
+    background-color: var(--scrollbar-thumb-hover-color, #666);
+  }
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-drawer-list--scroll .dnb-drawer-list__options, .eufemia-scope--10_77_0 .dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options {
+  transition: none !important;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--opened .dnb-drawer-list__options {
+  scroll-behavior: smooth;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options {
+  scroll-behavior: auto;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option {
+  position: relative;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  color: inherit;
+  outline: none;
+  background-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option__inner {
+  position: relative;
+  z-index: 1;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: repeat(10, -webkit-min-content);
+  grid-template-rows: repeat(10, min-content);
+  outline: none;
+  margin: 0;
+  padding: 1rem;
+  color: inherit;
+  background-color: var(--drawer-list-option-inner-background);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option__inner > * {
+  align-self: self-start;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option__item {
+  display: block;
+  text-overflow: ellipsis;
+  grid-column: 1;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option__item--horizontal {
+  display: flex;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option__item > .dnb-icon {
+  vertical-align: initial;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option__item .dnb-anchor {
+  display: inline-block;
+  margin-right: 0.5rem;
+  word-break: break-word;
+  font-size: inherit;
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-drawer-list__option__suffix {
+    grid-column: 2;
+    grid-row: 1/-1;
+    justify-self: end;
+    align-self: center;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option--ignore {
+  cursor: default;
+  pointer-events: none;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__option[disabled] {
+  --drawer-list-option-inner-background: var(
+    --drawer-list-option-disabled-background
+  );
+  color: var(--drawer-list-option-disabled-color);
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__triangle {
+  position: absolute;
+  top: calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height) / 2);
+  left: auto;
+  right: 0;
+  pointer-events: none;
+  margin: 0 var(--drawer-list-padding-horizontal);
+  width: calc(var(--drawer-list-height) / 2);
+  height: calc(var(--drawer-list-height) / 2);
+  overflow: hidden;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__triangle::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: calc(var(--drawer-list-height) / 2);
+  height: calc(var(--drawer-list-height) / 2);
+  transform: translateY(60%) rotate(45deg);
+  border: 1px solid var(--color-black-border);
+  background-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--triangle-position-left .dnb-drawer-list__triangle {
+  left: 0;
+  right: auto;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--top .dnb-drawer-list__triangle {
+  top: auto;
+  bottom: calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height) / 2 - 2px);
+  transform: rotate(180deg);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--top .dnb-drawer-list__triangle::before {
+  transform: translateY(65%) rotate(45deg);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--is-popup.dnb-drawer-list--right {
+  position: absolute;
+  left: auto;
+  right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
+  left: -0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
+  right: -0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--opened .dnb-drawer-list__list {
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--opened .dnb-drawer-list__list:not(.dnb-drawer-list--opened .dnb-drawer-list__list--no-animation) {
+  animation: drawer-list-slide-top-down 200ms ease-out 1 forwards;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-drawer-list--opened .dnb-drawer-list__list, .eufemia-scope--10_77_0 .dnb-drawer-list--opened .dnb-drawer-list__list--no-animation {
+  animation-duration: 1ms !important;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--hidden .dnb-drawer-list__list {
+  display: none;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--bottom .dnb-drawer-list__list {
+  top: 0;
+  bottom: auto;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--top .dnb-drawer-list__list {
+  top: auto;
+  bottom: var(--drawer-list-height);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal .dnb-drawer-list--bottom .dnb-drawer-list__list {
+  top: var(--drawer-list-height);
+  bottom: auto;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal .dnb-drawer-list--small .dnb-drawer-list__list {
+  top: var(--drawer-list-height--small);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--small.dnb-drawer-list--top .dnb-drawer-list__list {
+  bottom: var(--drawer-list-height--small);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
+  left: -0.75rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
+  right: -0.75rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal .dnb-drawer-list--medium .dnb-drawer-list__list {
+  top: var(--drawer-list-height--medium);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--medium.dnb-drawer-list--top .dnb-drawer-list__list {
+  bottom: var(--drawer-list-height--medium);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
+  left: -0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
+  right: -0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal .dnb-drawer-list--large .dnb-drawer-list__list {
+  top: var(--drawer-list-height--large);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--large.dnb-drawer-list--top .dnb-drawer-list__list {
+  bottom: var(--drawer-list-height--large);
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--large .dnb-drawer-list__triangle {
+  margin: 0 1.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
+  left: -0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
+  right: -0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
+  left: auto;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__root > .dnb-drawer-list--right {
+  position: absolute;
+  right: 0;
+  left: auto;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal .dnb-drawer-list--right {
+  right: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list__portal .dnb-drawer-list--top .dnb-drawer-list__list {
+  top: auto;
+  bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list:not(.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation) {
+  animation: drawer-list-slide-top-up 150ms ease-out 1 forwards;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list, .eufemia-scope--10_77_0 .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation {
+  animation-duration: 1ms !important;
+}
+.eufemia-scope--10_77_0 .dnb-drawer-list--action-menu .dnb-drawer-list__option__inner {
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
+    left: 0;
+  }
+  .eufemia-scope--10_77_0 .dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
+    right: 0;
+  }
+}
+
+@keyframes drawer-list-scale-in {
+  from {
+    opacity: 0;
+    transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width)));
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateX(0);
+  }
+}
+@keyframes drawer-list-scale-out {
+  from {
+    opacity: 1;
+    transform: scale(1) translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width)));
+  }
+}
+@keyframes drawer-list-slide-top-down {
+  from {
+    opacity: 0;
+    transform: translateY(calc(1px - var(--drawer-list-height)));
+    pointer-events: none;
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+    pointer-events: auto;
+  }
+}
+@keyframes drawer-list-slide-top-up {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(calc(1px - var(--drawer-list-height)));
+  }
+}
+@keyframes drawer-list-slide-bottom-down {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(calc(1px + var(--drawer-list-height)));
+  }
+}
+@keyframes drawer-list-slide-bottom-up {
+  from {
+    opacity: 0;
+    transform: translateY(calc(1px + var(--drawer-list-height)));
+    pointer-events: none;
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+    pointer-events: auto;
+  }
+}
+/*
+* ScrollView component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-scroll-view {
+  overflow-x: auto;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: auto;
+  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
+  overscroll-behavior: auto;
+}
+html:not([data-visual-test]) .eufemia-scope--10_77_0 .dnb-scroll-view {
+  scroll-behavior: smooth;
+}
+@supports not (scrollbar-color: auto) {
+  .eufemia-scope--10_77_0 .dnb-scroll-view::-webkit-scrollbar {
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+    background-color: var(--scrollbar-track-color, #eee);
+  }
+  .eufemia-scope--10_77_0 .dnb-scroll-view::-webkit-scrollbar:vertical {
+    width: var(--scrollbar-track-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-scroll-view::-webkit-scrollbar:horizontal {
+    height: var(--scrollbar-track-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-scroll-view::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-thumb-color, #888);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-scroll-view::-webkit-scrollbar-thumb:hover {
+    background-color: var(--scrollbar-thumb-hover-color, #666);
+  }
+}
+.eufemia-scope--10_77_0 .dnb-scroll-view[tabindex="0"]:focus {
+  outline: none;
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-scroll-view[tabindex="0"]:focus {
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+
+.eufemia-scope--10_77_0 .dnb-text-counter .dnb-icon {
+  margin-right: 0;
+  font-size: 0;
+  transition: margin 200ms var(--easing-default), font-size 400ms var(--easing-default);
+}
+.eufemia-scope--10_77_0 .dnb-text-counter--exceeded .dnb-icon {
+  margin-right: 0.5rem;
+  font-size: var(--font-size-basis--em);
+}

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

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

package/cjs/style/isolated.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/style/isolated.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("./dnb-ui-basis--isolated.min.css");
+require("./themes/theme-ui/ui-theme-components--isolated.min.css");
+require("./themes/theme-ui/ui-theme-basis--isolated.min.css");
+//# sourceMappingURL=isolated.js.map

package/cjs/style/isolated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isolated.js","names":["require"],"sources":["../../../src/style/isolated.js"],"sourcesContent":["/**\n * Imports both the basis and the component styles as well as the default theme\n * Remember to provide a wrapper element with the scope class and \"dnb-core-style\".\n * You can do that by using the shared Provider with the `scopeHash=\"auto\"` property.\n */\n\nimport './dnb-ui-basis--isolated.min.css'\nimport './themes/theme-ui/ui-theme-components--isolated.min.css'\nimport './themes/theme-ui/ui-theme-basis--isolated.min.css'\n"],"mappings":";;AAMAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}