@dnb/eufemia 10.74.0 → 10.75.0

package/style/themes/theme-eiendom/eiendom-theme-components.min.css

@@ -52,7 +52,7 @@
     --color-mint-green-50
   );--checkbox-color-background--active:var(--color-mint-green-50);--checkbox-color-border--active:transparent;--checkbox-color-gfx--hover:var(--color-sea-green);--checkbox-color-background--hover:var(--color-mint-green-50);--checkbox-color-border-on--hover:transparent;--checkbox-color-border-off--hover:var(--color-sea-green);--checkbox-color-gfx--focus:var(--color-emerald-green);--checkbox-color-background--focus:var(--color-mint-green-50);--checkbox-color-gfx--error:var(--color-fire-red-8);--checkbox-color-gfx--error-contrast:var(--color-fire-red);--checkbox-color-background-on--error:var(--color-fire-red);--checkbox-color-background--error-contrast:var(--color-fire-red-8);--checkbox-color-border--error:var(--color-fire-red);--checkbox-color-gfx--error--hover:var(--color-fire-red);--checkbox-color-background--error--hover:var(--color-fire-red-8);--checkbox-color-border--error--hover:var(--color-fire-red);--checkbox-color-background-indeterminate:var(--color-white);--checkbox-color-gfx-indeterminate:var(--color-sea-green);--checkbox-color-background-indeterminate--active:var(--color-white);--checkbox-color-border-indeterminate--active:var(
     --color-mint-green-50
-  );--checkbox-color-gfx-indeterminate--active:var(--color-mint-green-50);--checkbox-color-gfx-indeterminate--error:var(--color-fire-red);--checkbox-gfx-height__indeterminate:0.625rem;--checkbox-gfx-width__indeterminate:0.625rem;--checkbox-gfx-height__indeterminate--large:0.875rem;--checkbox-gfx-width__indeterminate--large:0.875rem}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after{background-color:var(--color-black-8)}.dnb-date-picker__header{--gap:0.25rem;display:flex;flex-flow:row wrap;gap:var(--gap);justify-content:space-between}.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header__row{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between;min-width:60%}.dnb-date-picker__header__row--year{min-width:calc(40% - var(--gap))}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-dialog{--dialog-background:var(--color-white);--dialog-icon-positioning:-50%;--dialog-icon-color--info:var(--color-emerald-green);--dialog-icon-color--warning:var(--color-fire-red);--dialog-icon-background--info:var(--color-pistachio);--dialog-icon-background--warning:var(--color-fire-red-8)}.dnb-drawer{background:var(--color-white)}.dnb-dropdown{--dropdown-error-border-width:0.125rem;--dropdown-button-padding:0 1rem;--dropdown-foreground-color-primary:var(--color-black-55);--dropdown-foreground-color-error:var(--color-fire-red);--dropdown-background-color-disabled:var(--color-black-3);--dropdown-background-color-error-active:var(--color-fire-red-8)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:var(--dropdown-background-color-disabled);color:var(--dropdown-foreground-color-primary)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-label,.dnb-form-status__shell{color:var(--color-black-80)}.dnb-form-status__shell{font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:var(--color-pistachio)}.dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--color-lavender)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{animation:attention-focus 2s ease-in-out .2s 1}@keyframes attention-focus{0%,to{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red);color:var(--color-fire-red)}35%{background-color:var(--color-fire-red);border-color:var(--color-fire-red);color:var(--color-white)}}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message.dnb-section--white ::selection{background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{--hr-color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{--hr-color:var(--color-sea-green)}.dnb-global-status--warning .dnb-global-status__content .dnb-hr{--hr-color:var(--color-accent-yellow)}.dnb-global-status--success .dnb-global-status__content .dnb-hr{--hr-color:var(--color-ocean-green)}.dnb-help-button__content{--help-button-content-background:var(--color-lavender)}.dnb-icon{--icon-border-positioning:var(--icon-border-positioning--default,-25%)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:var(--icon-border-positioning);content:"";left:var(--icon-border-positioning);margin:auto;position:absolute;right:var(--icon-border-positioning);top:var(--icon-border-positioning)}.dnb-input__border--tokens{--input-border-color:var(--color-sea-green);--input-border-color--hover:var(--color-emerald-green);--input-border-color--active:var(--color-emerald-green);--input-border-color--focus:var(--color-emerald-green);--input-border-color--disabled:var(--color-black-55);--input-border-color__error:var(--color-fire-red);--input-border-color__error--focus:var(--color-fire-red);--input-border-width:0.0625rem;--input-border-width--hover:0.125rem;--input-border-width--active:0.125rem;--input-border-width--focus:0.125rem;--input-border-width--disabled:0.0625rem;--input-border-width__error:0.0625rem;--input-border-width__error--hover:0.125rem;--input-border-width__error--active:0.125rem;--input-border-inset:inset;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled:inset;--input-border-radius:0.25rem;--input-border-radius--active:0.25rem;--input-border-radius--focus:0.25rem}.dnb-input{color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{background-color:var(--input-background-color);border:none;color:inherit}.dnb-input__status--error.dnb-input .dnb-input__shell:not(:focus-within){color:var(--color-fire-red)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--color-black-3)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:var(--color-black-55)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible:after,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover:after{background-color:var(--color-fire-red)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible:active,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover:active{color:var(--color-white)}.dnb-input__icon{color:var(--color-sea-green)}.dnb-input__status--error .dnb-input__icon{color:var(--color-fire-red)}.dnb-input__input::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}.dnb-input__placeholder{color:var(--color-black-55)}.dnb-logo{color:var(--color-sea-green)}.dnb-logo--inherit-color{color:currentcolor}.dnb-modal__overlay{--modal-overlay-bg:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}.dnb-core-style .dnb-pagination__button.dnb-button--primary,.dnb-core-style .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]),.dnb-pagination__button.dnb-button--primary,.dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green)}html[data-whatinput=keyboard] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green)}.dnb-pagination__dots{color:var(--color-black-55)}.dnb-progress-indicator{--progress-indicator-circular-background-color:var(--color-mint-green);--progress-indicator-circular-bar-color:var(--color-emerald-green);--progress-indicator-linear-background-color:var(--color-black-8);--progress-indicator-linear-bar-color:var(--color-sea-green)}.dnb-radio{--radio-color-dot-on:var(--color-sea-green);--radio-color-background-on:var(--color-white);--radio-color-border-on:var(--color-sea-green);--radio-color-background-off:var(--color-white);--radio-color-border-off:var(--color-sea-green);--radio-color-dot-on--disabled:var(--color-sea-green-30);--radio-color-background--disabled:var(--color-white);--radio-color-border-on--disabled:var(--color-sea-green-30);--radio-color-border-off--disabled:var(--color-mint-green-50);--radio-color-dot-on--active:var(--color-mint-green-50);--radio-color-border-on--active:var(--color-mint-green-50);--radio-color-background-off--active:var(--color-mint-green-50);--radio-color-border-off--active:transparent;--radio-color-dot-on--hover:var(--color-mint-green-50);--radio-color-background-on--hover:var(--color-white);--radio-color-background-off--hover:var(--color-mint-green-50);--radio-color-dot-on--focus:var(--color-sea-green);--radio-color-background-on--focus:var(--color-white);--radio-color-background-off--focus:var(--color-mint-green-50);--radio-color-dot-on--error:var(--color-fire-red);--radio-color-border-on--error:var(--color-fire-red);--radio-color-border--error-hover:var(--radio-color-border-on--error);--radio-color-background-off--error-hover:var(--color-fire-red-8);--radio-color-background-on--error-hover:var(--color-white);--radio-color-dot-on--error-hover:var(--color-fire-red-8)}.dnb-section{--background-color:var(--color-white);--outline-color--value:var(--color-black-8)}.dnb-section--divider{--text-color:var(--color-black-80);--background-color:var(--color-white);--sc:var(--color-mint-green-50);z-index:0}.dnb-section--divider:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 0.0625rem 0 0 var(--sc),99vw 0.0625rem 0 0 var(--sc),0 -0.0625rem 0 0 var(--sc),99vw -0.0625rem 0 0 var(--sc),198vw 0.0625rem 0 0 var(--sc),198vw -0.0625rem 0 0 var(--sc)}.dnb-section--transparent{--background-color:transparent}.dnb-section--default,.dnb-section--mint-green-12{--text-color:var(--text-color--value,var(--color-black-80));--background-color:var(
+  );--checkbox-color-gfx-indeterminate--active:var(--color-mint-green-50);--checkbox-color-gfx-indeterminate--error:var(--color-fire-red);--checkbox-gfx-height__indeterminate:0.625rem;--checkbox-gfx-width__indeterminate:0.625rem;--checkbox-gfx-height__indeterminate--large:0.875rem;--checkbox-gfx-width__indeterminate--large:0.875rem}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after{background-color:var(--color-black-8)}.dnb-date-picker__header{--gap:0.25rem;display:flex;flex-flow:row wrap;gap:var(--gap);justify-content:space-between}.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header--only-month-label{justify-content:center;margin-bottom:1rem}.dnb-date-picker__header__row{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between;min-width:60%}.dnb-date-picker__header__row--year{min-width:calc(40% - var(--gap))}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-dialog{--dialog-background:var(--color-white);--dialog-icon-positioning:-50%;--dialog-icon-color--info:var(--color-emerald-green);--dialog-icon-color--warning:var(--color-fire-red);--dialog-icon-background--info:var(--color-pistachio);--dialog-icon-background--warning:var(--color-fire-red-8)}.dnb-drawer{background:var(--color-white)}.dnb-dropdown{--dropdown-error-border-width:0.125rem;--dropdown-button-padding:0 1rem;--dropdown-foreground-color-primary:var(--color-black-55);--dropdown-foreground-color-error:var(--color-fire-red);--dropdown-background-color-disabled:var(--color-black-3);--dropdown-background-color-error-active:var(--color-fire-red-8)}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]){color:var(--color-emerald-green)}.dnb-dropdown__trigger[disabled]{background-color:var(--dropdown-background-color-disabled);color:var(--dropdown-foreground-color-primary)}.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-label,.dnb-form-status__shell{color:var(--color-black-80)}.dnb-form-status__shell{font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:var(--color-pistachio)}.dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--color-lavender)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{animation:attention-focus 2s ease-in-out .2s 1}@keyframes attention-focus{0%,to{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red);color:var(--color-fire-red)}35%{background-color:var(--color-fire-red);border-color:var(--color-fire-red);color:var(--color-white)}}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message.dnb-section--white ::selection{background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{--hr-color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{--hr-color:var(--color-sea-green)}.dnb-global-status--warning .dnb-global-status__content .dnb-hr{--hr-color:var(--color-accent-yellow)}.dnb-global-status--success .dnb-global-status__content .dnb-hr{--hr-color:var(--color-ocean-green)}.dnb-help-button__content{--help-button-content-background:var(--color-lavender)}.dnb-icon{--icon-border-positioning:var(--icon-border-positioning--default,-25%)}.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:var(--icon-border-positioning);content:"";left:var(--icon-border-positioning);margin:auto;position:absolute;right:var(--icon-border-positioning);top:var(--icon-border-positioning)}.dnb-input__border--tokens{--input-border-color:var(--color-sea-green);--input-border-color--hover:var(--color-emerald-green);--input-border-color--active:var(--color-emerald-green);--input-border-color--focus:var(--color-emerald-green);--input-border-color--disabled:var(--color-black-55);--input-border-color__error:var(--color-fire-red);--input-border-color__error--focus:var(--color-fire-red);--input-border-width:0.0625rem;--input-border-width--hover:0.125rem;--input-border-width--active:0.125rem;--input-border-width--focus:0.125rem;--input-border-width--disabled:0.0625rem;--input-border-width__error:0.0625rem;--input-border-width__error--hover:0.125rem;--input-border-width__error--active:0.125rem;--input-border-inset:inset;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled:inset;--input-border-radius:0.25rem;--input-border-radius--active:0.25rem;--input-border-radius--focus:0.25rem}.dnb-input{color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{background-color:var(--input-background-color);border:none;color:inherit}.dnb-input__status--error.dnb-input .dnb-input__shell:not(:focus-within){color:var(--color-fire-red)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--color-black-3)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:var(--color-black-55)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible:after,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover:after{background-color:var(--color-fire-red)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible:active,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover:active{color:var(--color-white)}.dnb-input__icon{color:var(--color-sea-green)}.dnb-input__status--error .dnb-input__icon{color:var(--color-fire-red)}.dnb-input__input::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}.dnb-input__placeholder{color:var(--color-black-55)}.dnb-logo{color:var(--color-sea-green)}.dnb-logo--inherit-color{color:currentcolor}.dnb-modal__overlay{--modal-overlay-bg:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}.dnb-core-style .dnb-pagination__button.dnb-button--primary,.dnb-core-style .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]),.dnb-pagination__button.dnb-button--primary,.dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green)}html[data-whatinput=keyboard] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green)}.dnb-pagination__dots{color:var(--color-black-55)}.dnb-progress-indicator{--progress-indicator-circular-background-color:var(--color-mint-green);--progress-indicator-circular-bar-color:var(--color-emerald-green);--progress-indicator-linear-background-color:var(--color-black-8);--progress-indicator-linear-bar-color:var(--color-sea-green)}.dnb-radio{--radio-color-dot-on:var(--color-sea-green);--radio-color-background-on:var(--color-white);--radio-color-border-on:var(--color-sea-green);--radio-color-background-off:var(--color-white);--radio-color-border-off:var(--color-sea-green);--radio-color-dot-on--disabled:var(--color-sea-green-30);--radio-color-background--disabled:var(--color-white);--radio-color-border-on--disabled:var(--color-sea-green-30);--radio-color-border-off--disabled:var(--color-mint-green-50);--radio-color-dot-on--active:var(--color-mint-green-50);--radio-color-border-on--active:var(--color-mint-green-50);--radio-color-background-off--active:var(--color-mint-green-50);--radio-color-border-off--active:transparent;--radio-color-dot-on--hover:var(--color-mint-green-50);--radio-color-background-on--hover:var(--color-white);--radio-color-background-off--hover:var(--color-mint-green-50);--radio-color-dot-on--focus:var(--color-sea-green);--radio-color-background-on--focus:var(--color-white);--radio-color-background-off--focus:var(--color-mint-green-50);--radio-color-dot-on--error:var(--color-fire-red);--radio-color-border-on--error:var(--color-fire-red);--radio-color-border--error-hover:var(--radio-color-border-on--error);--radio-color-background-off--error-hover:var(--color-fire-red-8);--radio-color-background-on--error-hover:var(--color-white);--radio-color-dot-on--error-hover:var(--color-fire-red-8)}.dnb-section{--background-color:var(--color-white);--outline-color--value:var(--color-black-8)}.dnb-section--divider{--text-color:var(--color-black-80);--background-color:var(--color-white);--sc:var(--color-mint-green-50);z-index:0}.dnb-section--divider:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 0.0625rem 0 0 var(--sc),99vw 0.0625rem 0 0 var(--sc),0 -0.0625rem 0 0 var(--sc),99vw -0.0625rem 0 0 var(--sc),198vw 0.0625rem 0 0 var(--sc),198vw -0.0625rem 0 0 var(--sc)}.dnb-section--transparent{--background-color:transparent}.dnb-section--default,.dnb-section--mint-green-12{--text-color:var(--text-color--value,var(--color-black-80));--background-color:var(
     --background-color--value,var(--color-mint-green-12)
   )}.dnb-section--white{--text-color:var(--color-black-80);--background-color:var(--color-white)}.dnb-section--mint-green{--text-color:var(--color-black-80);--background-color:var(--color-mint-green)}.dnb-section--lavender{--text-color:var(--color-black-80);--background-color:var(--color-lavender)}.dnb-section--sand-yellow,.dnb-section--warning{--text-color:var(--color-black-80);--background-color:var(--color-sand-yellow)}.dnb-section--info,.dnb-section--pistachio{--text-color:var(--color-black-80);--background-color:var(--color-pistachio)}.dnb-section--black-3{--text-color:var(--color-black-80);--background-color:var(--color-black-3)}.dnb-section--emerald-green{--text-color:var(--color-mint-green);--background-color:var(--color-emerald-green)}.dnb-section--sea-green{--text-color:var(--color-white);--background-color:var(--color-sea-green)}.dnb-section--fire-red{--text-color:var(--color-white);--background-color:var(--color-fire-red)}.dnb-section--error,.dnb-section--fire-red-8{--text-color:var(--color-black-80);--background-color:var(--color-fire-red-8)}.dnb-section--success{--text-color:var(--color-white);--background-color:var(--color-success-green)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor,.dnb-section--success .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--success .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 transparent,var(--anchor-background-gutter-right,.125rem) 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible,.dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{--text-color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{--text-color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}.dnb-skeleton{--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}.dnb-slider{--slider-line-before:var(--color-sea-green);--slider-line-after:var(--color-mint-green-50);--slider-line-before--disabled:var(--color-sea-green-30);--slider-line-after--disabled:var(--color-mint-green-25)}.dnb-slider__marker:focus-within,.dnb-slider__marker:hover{background-color:var(--color-emerald-green)}.dnb-switch__background{background-color:var(--color-sea-green-30)}.dnb-switch__focus{clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);transform:rotate(0deg);transition:transform .15s ease-out}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:var(--color-white);border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);background-color:var(--color-fire-red-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch>.dnb-form-status{transform:translateY(.1875rem)}.dnb-table{--table-th-background-color:var(--color-white);text-align:left}.dnb-table thead th,.dnb-table__th{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table__size--medium .dnb-table thead th,.dnb-table__size--medium .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table thead th .dnb-button__text,.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table thead th,.dnb-table__size--small .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}.dnb-table tbody .dnb-table__th,.dnb-table tbody td,.dnb-table tbody th,.dnb-table__td{color:var(--theme-color-black-80,currentColor);font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:1rem;vertical-align:baseline}.dnb-table tbody .dnb-table__th,.dnb-table tbody th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table tbody td,.dnb-table__size--medium .dnb-table tbody th,.dnb-table__size--medium tbody .dnb-table__td,.dnb-table__size--medium tbody .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:.875rem 1rem}.dnb-table__size--small .dnb-table tbody td,.dnb-table__size--small .dnb-table tbody th,.dnb-table__size--small tbody .dnb-table__td,.dnb-table__size--small tbody .dnb-table__th{font-size:var(--font-size-small);line-height:var(--line-height-small);padding:.625rem 1rem}.dnb-table:not(.dnb-table--outline)>tbody{position:relative}.dnb-table:not(.dnb-table--outline)>tbody:after{border-bottom:var(--table-border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:-.0625rem;top:0;z-index:1}.dnb-table:not(.dnb-table--outline)>tbody:last-child:after{right:0}.dnb-table__container{background-color:var(--color-white)}.dnb-table,.dnb-table__container{--table-border-color:var(--color-black-8);--table-outline-color:var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--table-border-color:blue;--table-outline-color:red;--table-accordion-border-color:green}.dnb-textarea{--textarea-border-color:var(--color-sea-green);--textarea-border-color--hover:var(--color-emerald-green);--textarea-border-color--disabled:var(--color-black-55);--textarea-border-width:0.0625rem;--textarea-border-width--hover:0.125rem;--textarea-color:var(--color-black);--textarea-background-color:var(--color-white);--textarea-placeholder-color:var(--color-black-55);--textarea-placeholder-color--focus:var(--color-black-20)}.dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);text-shadow:none}.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):not(.no-hover):hover~.dnb-textarea__state{--textarea-border-color:var(--textarea-border-color--hover);--textarea-border-width:var(--textarea-border-width--hover);--textarea-border-inset: }.dnb-textarea--disabled{--textarea-color:var(--color-black-55);--textarea-background-color:var(--color-black-3);--textarea-border-color:var(--textarea-border-color--disabled)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-timeline{--timeline-icon-height--small:1.5rem;--timeline-icon-width--small:1.5rem;--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:2rem;--timeline-icon-width--medium:2rem;--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc((var(--timeline-icon-width--medium) - var(
             --timeline-icon-width--small

package/style/themes/theme-eiendom/eiendom-theme-extensions.css

@@ -1002,8 +1002,9 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 }
 
 /*
- * PaymentCard component
- *
+ * 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
@@ -1106,252 +1107,261 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 }
 
 .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: linear-gradient(
-    187.2deg,
-    #008484 6.31%,
-    var(--color-sea-green) 82.66%
-  );
-  --dnb-payment-bg-pluss: linear-gradient(
-      187.2deg,
-      var(--color-dark-cyan) 6.31%,
-      var(--color-ocean-green) 82.66%
-    ),
-    var(--color-emerald-green);
-  --dnb-payment-bg-white: linear-gradient(
-    184.55deg,
-    var(--color-black-background) 4.63%,
-    var(--color-white) 92.04%
-  );
-  --dnb-payment-bg-gold: linear-gradient(
-    184.55deg,
-    #bfa970 4.63%,
-    #d3bd83 84.57%
-  );
-  --dnb-payment-bg-saga: linear-gradient(
-    187.2deg,
-    #1c1c1c 6.31%,
-    #000 82.66%
-  );
-  --dnb-payment-bg-private: linear-gradient(
-    187.2deg,
-    #1c1c1c 6.31%,
-    #000 82.66%
-  );
-  --dnb-payment-bg-business-no-visa: linear-gradient(
-      187.2deg,
-      var(--color-dark-cyan) 6.31%,
-      var(--color-ocean-green) 82.66%
-    ),
-    var(--color-emerald-green);
-  --dnb-payment-bg-business-with-visa: linear-gradient(
-      187.2deg,
-      var(--color-dark-cyan) 6.31%,
-      var(--color-ocean-green) 82.66%
-    ),
-    var(--color-emerald-green);
+  --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.
+   */
 }
 .dnb-payment-card__card {
-  position: relative;
-  width: 343px;
-  height: 216px;
+  width: 100%;
+  height: 100%;
   padding: 16px;
-  border-radius: 12px;
-  border: 1px solid;
-  border-color: rgba(255, 255, 255, 0.1) transparent rgba(255, 255, 255, 0.1) transparent;
+  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. */
+}
+.dnb-payment-card__card__wrapper {
+  position: relative;
+  width: 343px;
+  height: 216px;
+  border-radius: inherit;
+  border: 1px solid var(--color-black-8);
+}
+.dnb-payment-card__card__wrapper::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+}
+.dnb-payment-card__card--blocked {
+  opacity: 0.5;
 }
 .dnb-payment-card__card--design-default {
-  background: var(--dnb-payment-bg-default);
+  background-color: var(--dnb-payment-bg-default);
   color: var(--color-white);
 }
 .dnb-payment-card__card--design-pluss {
-  background: var(--dnb-payment-bg-pluss);
+  background-color: var(--dnb-payment-bg-pluss);
   color: var(--color-white);
 }
-.dnb-payment-card__card--design-ung {
-  color: var(--color-black-80);
-}
-.dnb-payment-card__card--design-youth {
-  color: var(--color-black-80);
-}
-.dnb-payment-card__card--design-my-first {
-  color: var(--color-black-80);
+.dnb-payment-card__card--design-ung, .dnb-payment-card__card--design-youth, .dnb-payment-card__card--design-my-first {
+  background-color: var(--dnb-payment-bg-white);
+  color: var(--color-black);
 }
 .dnb-payment-card__card--design-gold {
-  background: var(--dnb-payment-bg-gold);
-  color: var(--color-white);
+  background-color: var(--dnb-payment-bg-gold);
+  color: var(--color-black);
 }
 .dnb-payment-card__card--design-saga {
-  background: var(--dnb-payment-bg-saga);
+  background-color: var(--dnb-payment-bg-black-gold);
   color: var(--color-white);
 }
-.dnb-payment-card__card--design-private {
-  background: var(--dnb-payment-bg-private);
+.dnb-payment-card__card--design-saga .provider--separator {
+  color: var(--dnb-payment-bg-gold);
+}
+.dnb-payment-card__card--design-saga-platinum, .dnb-payment-card__card--design-private {
+  background-color: var(--dnb-payment-bg-black-grey);
   color: var(--color-white);
 }
 .dnb-payment-card__card--design-black {
-  background: var(--color-black);
+  background-color: var(--color-black);
   color: var(--color-white);
 }
 .dnb-payment-card__card--design-business-no-visa {
-  background: var(--dnb-payment-bg-business-no-visa);
+  background-color: var(--dnb-payment-bg-business-no-visa);
   color: var(--color-white);
 }
 .dnb-payment-card__card--design-business-with-visa {
-  background: var(--dnb-payment-bg-business-with-visa);
+  background-color: var(--dnb-payment-bg-business-with-visa);
   color: var(--color-white);
 }
 .dnb-payment-card__card--design-sbanken-mastercard {
-  background: var(--sb-color-purple);
+  background-color: var(--sb-color-purple);
   color: var(--color-white);
 }
 .dnb-payment-card__card--design-sbanken-visa {
-  background: var(--color-white);
+  background-color: var(--color-white);
   color: var(--sb-color-text);
 }
-.dnb-payment-card__card::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: radial-gradient(52.39% 52.39% at 50% 50%, rgba(247, 246, 230, 0.1215686275) 0%, rgba(6, 6, 6, 0) 100%);
-  border-radius: inherit;
-}
-.dnb-payment-card__card--design-sbanken-mastercard::after {
-  background: none;
-}
 .dnb-payment-card__card__content {
   display: flex;
   height: 100%;
   width: 100%;
   position: relative;
 }
-.dnb-payment-card__card__wrapper {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-}
 .dnb-spacing .dnb-payment-card__card .dnb-p {
   margin-bottom: 0 !important;
 }
-.dnb-payment-card__card__holder {
-  font-weight: var(--font-weight-medium);
-  text-transform: uppercase;
-  text-align: left;
+.dnb-payment-card__card__numbers.dnb-p {
+  font-size: 1.375rem;
+  line-height: 1.143rem;
+  font-weight: var(--font-weight-regular);
 }
-.dnb-payment-card__card__holder.dnb-p {
-  font-size: 0.625rem;
+.dnb-payment-card__card__type-text.dnb-p {
+  font-size: 0.938rem;
+  line-height: 1.188rem;
+  padding-top: 6px;
 }
-.dnb-payment-card__card__numbers {
-  font-size: 1.5rem !important;
-  font-weight: var(--font-weight-medium);
+.dnb-payment-card__card__providers {
+  display: flex;
+  align-items: center;
+  column-gap: 1rem;
 }
-.dnb-payment-card__card__credit-type {
-  position: absolute;
-  bottom: 0;
-  right: 0;
+.dnb-payment-card__card__providers .provider--separator {
+  width: 1px;
+  height: 26px;
+  background-color: currentcolor;
+  transform: scale(0.5, 1);
 }
-.dnb-payment-card__card__bank-logo {
+.dnb-payment-card__card__top {
+  /*
+   * Normal mode: Card Type Text (Credit / Debit)
+   * Compact mode: Provider Icons
+   */
+}
+.dnb-payment-card__card__top__left {
   position: absolute;
   top: 0;
   left: 0;
+  display: flex;
+  align-items: center;
 }
-.dnb-payment-card__card__product-type {
-  height: 38px;
+.dnb-payment-card__card__top__right {
   position: absolute;
   top: 0;
-  left: 70px;
+  right: 0;
 }
-.dnb-payment-card__card__bank-axept {
-  height: 45px;
+.dnb-payment-card__card__bottom {
+  /*
+   * Normal mode: Card Number
+   * Compact mode: Hidden
+   */
+  /*
+   * Normal mode: Provider Icons
+   * Compact mode: Hidden
+   */
+}
+.dnb-payment-card__card__bottom__left {
   position: absolute;
-  top: 0;
-  right: 0;
+  bottom: 0;
+  left: 0;
 }
-.dnb-payment-card__card__credit {
+.dnb-payment-card__card__bottom__right {
   position: absolute;
-  top: 6px;
+  bottom: 0;
   right: 0;
 }
-.dnb-payment-card__blocking__overlay {
+.dnb-payment-card__overlay {
   position: absolute;
-  left: 0;
   top: 0;
-  right: 0;
-  bottom: 0;
+  width: 100%;
+  height: 100%;
   border-radius: inherit;
   display: flex;
   justify-content: center;
   align-items: center;
-  background: linear-gradient(184.55deg, rgba(204, 204, 204, 0.5) 4.63%, rgba(232, 232, 232, 0.5) 84.83%);
 }
-.dnb-payment-card__blocking__overlay svg path {
+.dnb-payment-card__overlay svg {
+  width: 2rem;
+  height: 2rem;
+  shape-rendering: geometricprecision;
+}
+.dnb-payment-card__overlay svg.icon--fill path {
+  fill: currentcolor;
+}
+.dnb-payment-card__overlay svg.icon--stroke path {
   stroke: currentcolor;
 }
-.dnb-payment-card__blocking__center {
+.dnb-payment-card__overlay__content {
+  min-width: 6rem;
+  height: 6rem;
   padding: 1rem;
   display: flex;
-  align-items: center;
-  justify-content: center;
   flex-direction: column;
-  background: var(--color-black-80);
-  color: var(--color-sand-yellow);
-  border-radius: 4px;
+  align-items: center;
+  gap: 0.667rem;
+  border-radius: inherit;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-small);
 }
-.dnb-payment-card__blocking svg {
-  shape-rendering: geometricprecision;
+.dnb-payment-card__overlay__content--light {
+  background-color: var(--dnb-payment-overlay-bg-dark);
+  color: var(--color-white);
 }
-.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder {
-  opacity: 1;
+.dnb-payment-card__overlay__content--dark {
+  background-color: var(--dnb-payment-overlay-bg-light);
+  color: var(--color-black);
 }
 .dnb-payment-card--compact .dnb-payment-card__card {
-  padding: 0;
-  height: 32.8mm;
-  border-radius: 12px 12px 0 0;
-  box-shadow: var(--shadow-default);
+  height: 62px;
+  border-radius: var(--dnb-payment-border-radius) var(--dnb-payment-border-radius) 0 0;
 }
-.dnb-payment-card--compact .dnb-payment-card__card__top {
-  position: absolute;
-  top: 4mm;
-  left: 6mm;
-  right: 6mm;
+.dnb-payment-card--compact .dnb-payment-card__card__wrapper {
+  height: auto;
 }
-.dnb-payment-card--compact .dnb-payment-card__card__bottom {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 14mm;
-  background-color: var(--color-white);
+.dnb-payment-card--compact .dnb-payment-card__card__providers {
+  margin-top: 5px;
+  height: 1.375rem;
 }
-.dnb-payment-card--compact .dnb-payment-card__card__wrapper {
-  padding: 6px 22px;
-  color: var(--color-black-80);
+.dnb-payment-card--compact .dnb-payment-card__card__providers div, .dnb-payment-card--compact .dnb-payment-card__card__providers svg {
+  height: 100%;
+  width: auto;
 }
-.dnb-payment-card--compact .dnb-payment-card__card__numbers {
-  font-size: var(--font-size-basis);
+.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple {
+  margin-top: 7px;
+  height: 1rem;
+  column-gap: 0.5rem;
 }
-.dnb-payment-card--compact .dnb-payment-card__card__credit-type {
-  top: 10px;
-  right: 4px;
-  bottom: auto;
+.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple div, .dnb-payment-card--compact .dnb-payment-card__card__providers--multiple svg {
+  vertical-align: top;
 }
-.dnb-payment-card--compact .dnb-payment-card__blocking__center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: row;
-  height: 100%;
-  width: 100%;
-  gap: var(--spacing-x-small);
-  background: rgba(0, 0, 0, 0.739);
-  border-radius: inherit;
+.dnb-payment-card--compact .dnb-payment-card__card__providers--multiple .provider--separator {
+  width: 1px;
+}
+.dnb-payment-card--compact .dnb-payment-card__overlay__content {
+  display: none;
 }
 
 /**