UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

153 lines 416 kB
.dnb-drawer-list{--drawer-list-distance:0.5rem;--drawer-list-padding:0.5rem;--drawer-list-list-border-radius:var(--token-radius-md);--drawer-list-option-border-radius:var(--token-radius-sm);--drawer-list-option-border-width:0.25rem;--drawer-list-option-gap:0.5rem;--drawer-list-option-divider:0.0625rem;--drawer-list-padding-horizontal--large:1.25rem;--drawer-list-height--small:1.5rem;--drawer-list-height--default:2rem;--drawer-list-height--medium:2.5rem;--drawer-list-height--large:3rem;--drawer-list-option-inner-background:var( --token-color-background-neutral );--drawer-list-list-background:var(--token-color-background-neutral);--drawer-list-list-line-height:var(--line-height-basis);--drawer-list-group-title-color:var(--token-color-text-neutral);--drawer-list-group-title-bg:var( --token-color-background-neutral-alternative );display:block;font-size:var(--font-size-small);min-width:inherit;position:relative;width:inherit}.dnb-drawer-list__portal{--drawer-list-width:16rem}.dnb-drawer-list__portal__style{position:absolute;transition:top .3s var(--easing-default),left .3s var(--easing-default),width .3s var(--easing-default);z-index:calc(var(--modal-z-index, 3200) + 300)}.dnb-drawer-list__portal__style--fixed{position:fixed}.dnb-drawer-list__root{min-width:inherit;width:inherit}.dnb-drawer-list__root--portal{left:0;position:absolute;top:0}.dnb-drawer-list__content{padding:0;width:100%}.dnb-drawer-list__list{--drawer-list-list-border-width:0.0625rem;background-color:var(--drawer-list-list-background);border-radius:var(--drawer-list-list-border-radius);bottom:var(--drawer-list-bottom,auto);box-shadow:var(--shadow-sharp);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:var(--drawer-list-top,auto);transform:translateY(0);transition:transform .2s,opacity .16s ease-out;width:inherit;z-index:3}.dnb-drawer-list__options{--drawer-list-option-extra-border--default:0 0 transparent;--drawer-list-option-color-text--default:var( --token-color-text-neutral );--drawer-list-option-color-text--disabled:var( --token-color-text-action-disabled );--drawer-list-option-color-bg--default:var( --token-color-background-neutral );--drawer-list-option-color-bg--hover:var( --token-color-background-neutral-subtle );--drawer-list-option-color-bg--active:var( --token-color-background-neutral-base );--drawer-list-option-color-bg--focus:var( --token-color-background-neutral-subtle );--drawer-list-option-color-bg--disabled:var( --token-color-background-neutral );--drawer-list-option-color-border--default:transparent;--drawer-list-option-color-border--focus:var( --token-color-stroke-action-focus );border:none;border-radius:var(--drawer-list-list-border-radius);display:flex;flex-direction:column;list-style:none;margin:0;max-height:90vh;padding:var(--drawer-list-padding);width:100%}.dnb-drawer-list__options:focus-visible{outline:none}.dnb-drawer-list__options:before{border-radius:inherit;bottom:0;box-shadow:0 0 0 var(--drawer-list-list-border-width) var(--token-color-stroke-neutral-subtle);content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.dnb-drawer-list--scroll .dnb-drawer-list__options{max-height:70vh;min-height:2rem;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;transition:max-height .3s var(--easing-default)}@media (prefers-reduced-motion:reduce){.dnb-drawer-list--scroll .dnb-drawer-list__options{scroll-behavior:auto}}.dnb-drawer-list--scroll .dnb-drawer-list__options{scrollbar-color:var(--scrollbar-thumb-color,var(--token-color-text-neutral-alternative)) transparent}@supports not (scrollbar-color:auto){.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar{background-color:var(--scrollbar-track-color,var(--token-color-background-neutral-base));border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,var(--token-color-text-neutral-alternative))}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,var(--token-color-text-neutral))}.dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-thumb-width,.5rem)}}@media (prefers-reduced-motion:reduce){.dnb-drawer-list--scroll .dnb-drawer-list__options{transition-duration:.01ms}}.dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options{transition:none!important}.dnb-drawer-list--open .dnb-drawer-list__options{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.dnb-drawer-list--open .dnb-drawer-list__options{scroll-behavior:auto}}.dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options{scroll-behavior:auto}.dnb-drawer-list__group{list-style:none;margin:0;padding:0}.dnb-drawer-list__group-title{background-color:var(--drawer-list-group-title-bg);color:var(--drawer-list-group-title-color);display:block;font-weight:var(--font-weight-medium);margin:var(--drawer-list-padding) calc(var(--drawer-list-padding)*-1);padding:.5rem calc(var(--drawer-list-padding) + .5rem);position:relative;z-index:0}.dnb-drawer-list__group.first-of-type .dnb-drawer-list__group-title{margin-top:calc(var(--drawer-list-padding)*-1)}.dnb-drawer-list__option{--border-color:var(--drawer-list-option-color-border,var(--drawer-list-option-color-border--default));--border-width:var(--drawer-list-option-border-width);background-color:var(--drawer-list-option-color-bg,var(--drawer-list-option-color-bg--default));border-color:transparent;border-radius:var(--drawer-list-option-border-radius);box-shadow:0 0 0 var(--border-width) var(--border-color),var(--drawer-list-option-extra-border,var(--drawer-list-option-extra-border--default));color:var(--drawer-list-option-color-text,var(--drawer-list-option-color-text--default));cursor:pointer;margin:0 0 var(--drawer-list-option-gap);outline:none;padding:0;position:relative;scroll-margin-bottom:calc(var(--drawer-list-padding));scroll-margin-top:calc(var(--drawer-list-padding));z-index:0}.dnb-drawer-list__option__inner{color:inherit;display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(10,min-content);margin:0;outline:none;padding:.5rem 1rem;position:relative}.dnb-drawer-list__option__inner>*{align-self:self-start}.dnb-drawer-list__option__inner:before{background-color:var(--token-color-stroke-neutral-subtle);bottom:calc((var(--drawer-list-option-gap) + var(--drawer-list-option-divider))/2*-1);content:"";height:var(--drawer-list-option-divider);left:1rem;pointer-events:none;position:absolute;right:1rem;top:auto;z-index:2}.dnb-drawer-list__option__item{display:block;grid-column:1;text-overflow:ellipsis}.dnb-drawer-list__option__item--horizontal{display:flex}.dnb-drawer-list__option__item>.dnb-icon{vertical-align:initial}.dnb-drawer-list__option__item .dnb-anchor{display:inline-block;font-size:inherit;margin-right:.5rem;word-break:break-word}.dnb-drawer-list__option__item.item-nr-1{font-weight:var(--font-weight-medium)}html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover:not([disabled]){--drawer-list-option-color-text:var( --drawer-list-option-color-text--hover );--drawer-list-option-color-bg:var( --drawer-list-option-color-bg--hover )}.dnb-drawer-list__option:active[disabled],html:not([data-whatintent=touch]) .dnb-drawer-list__option:active[disabled]{cursor:not-allowed}.dnb-drawer-list__option:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-drawer-list__option:active:not([disabled]){--drawer-list-option-color-text:var( --drawer-list-option-color-text--active );--drawer-list-option-color-bg:var( --drawer-list-option-color-bg--active )}.dnb-drawer-list__option--focus{--drawer-list-option-color-text:var( --drawer-list-option-color-text--focus );--drawer-list-option-color-bg:var( --drawer-list-option-color-bg--focus )}.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner:before{background-color:transparent}html[data-whatinput=keyboard] .dnb-drawer-list__option--focus{--drawer-list-option-color-border:var( --drawer-list-option-color-border--focus );--drawer-list-option-extra-border:var( --drawer-list-option-extra-border--focus )}@media screen and (min-width:40.00625em){.dnb-drawer-list__option__suffix{align-self:center;grid-column:2;grid-row:1/-1;justify-self:end}}.dnb-drawer-list__option--ignore,.dnb-drawer-list__option.ignore-events{cursor:default;pointer-events:none}.dnb-drawer-list__option--selected{--drawer-list-option-extra-border--focus:inset 0 0 0 0.125rem var(--token-color-component-button-icon-neutral);--drawer-list-option-color-text--default:var( --token-color-text-neutral-inverse );--drawer-list-option-color-text--hover:var( --token-color-text-neutral-inverse );--drawer-list-option-color-text--active:var( --token-color-text-neutral-inverse );--drawer-list-option-color-text--focus:var( --token-color-text-neutral-inverse );--drawer-list-option-color-bg--default:var( --token-color-background-selected );--drawer-list-option-color-bg--hover:var( --token-color-background-action-hover );--drawer-list-option-color-bg--active:var( --token-color-background-action-pressed );--drawer-list-option-color-bg--focus:var( --token-color-background-action-hover )}.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner .dnb-drawer-list__option__inner{background-color:inherit;color:inherit}.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:after{align-self:center;background-color:currentcolor;content:"";grid-column:2;grid-row:1/-1;height:1rem;justify-self:end;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTMgOC44YS43NS43NSAwIDEgMC0xLjIyLjg2TDMgOC43OXptMS44NCAzLjkuNjMtLjQxdi0uMDFoLS4wMXptMS43MS4wNS0uNTktLjQ2di4wMXptOC40My05LjQ1YS43NS43NSAwIDAgMC0xLjE4LS45M3pNMS43OCA5LjY2bDIuNDUgMy40OCAxLjIzLS44N0wzIDguOGwtMS4yMy44N3ptMi40NCAzLjQ2Yy4zMi40OC44Ni43OCAxLjQ0LjhsLjA1LTEuNWEuMy4zIDAgMCAxLS4yNC0uMTN6bTEuNDQuOGExLjggMS44IDAgMCAwIDEuNDktLjcxbC0xLjItLjlhLjMuMyAwIDAgMS0uMjQuMWwtLjA1IDEuNXptMS40OC0uNyA3Ljg0LTkuOTItMS4xOC0uOTMtNy44NCA5LjkyeiIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTMgOC44YS43NS43NSAwIDEgMC0xLjIyLjg2TDMgOC43OXptMS44NCAzLjkuNjMtLjQxdi0uMDFoLS4wMXptMS43MS4wNS0uNTktLjQ2di4wMXptOC40My05LjQ1YS43NS43NSAwIDAgMC0xLjE4LS45M3pNMS43OCA5LjY2bDIuNDUgMy40OCAxLjIzLS44N0wzIDguOGwtMS4yMy44N3ptMi40NCAzLjQ2Yy4zMi40OC44Ni43OCAxLjQ0LjhsLjA1LTEuNWEuMy4zIDAgMCAxLS4yNC0uMTN6bTEuNDQuOGExLjggMS44IDAgMCAwIDEuNDktLjcxbC0xLjItLjlhLjMuMyAwIDAgMS0uMjQuMWwtLjA1IDEuNXptMS40OC0uNyA3Ljg0LTkuOTItMS4xOC0uOTMtNy44NCA5LjkyeiIvPjwvc3ZnPg==");-webkit-mask-size:cover;mask-size:cover;width:1rem}@media screen and (min-width:40.00625em){.dnb-drawer-list__option--selected:has(.dnb-drawer-list__option__suffix) .dnb-drawer-list__option__inner:after{content:none}.dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix{align-self:center;z-index:0}}.dnb-drawer-list__option.last-of-type:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner:before{content:none}.dnb-drawer-list__option[disabled]{--drawer-list-option-color-text:var( --drawer-list-option-color-text--disabled );--drawer-list-option-color-bg:var( --drawer-list-option-color-bg--disabled );cursor:not-allowed}.dnb-drawer-list__option.last-of-type{margin-bottom:0}.dnb-drawer-list--top{--drawer-list-bottom:var( --drawer-list-height,var(--drawer-list-height--default) )}.dnb-drawer-list--bottom .dnb-drawer-list__list{margin-top:var(--drawer-list-distance)}.dnb-drawer-list--top .dnb-drawer-list__list{margin-bottom:var(--drawer-list-distance)}.dnb-drawer-list__portal .dnb-drawer-list--top{--drawer-list-bottom:0}.dnb-drawer-list__portal .dnb-drawer-list--bottom{--drawer-list-top:var( --drawer-list-height,var(--drawer-list-height--default) )}.dnb-drawer-list--is-popup.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.5rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.5rem}.dnb-drawer-list--open .dnb-drawer-list__list{display:flex;flex-direction:column;z-index:var(--z-index-dropdown)}.dnb-drawer-list--open .dnb-drawer-list__list:not(.dnb-drawer-list--open .dnb-drawer-list__list--no-animation){animation:drawer-list-slide-top-down .2s ease-out 1 forwards}.dnb-drawer-list--open .dnb-drawer-list__list--no-animation{animation-duration:1ms!important}.dnb-drawer-list--hidden .dnb-drawer-list__list{display:none}.dnb-drawer-list--no-divider{--drawer-list-option-gap:0.25rem}.dnb-drawer-list--no-divider .dnb-drawer-list__option__inner:before{content:none}.dnb-drawer-list--small{--drawer-list-height:var(--drawer-list-height--small)}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.75rem}.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.75rem}.dnb-drawer-list--medium{--drawer-list-height:var(--drawer-list-height--medium)}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list--large{--drawer-list-height:var(--drawer-list-height--large);--drawer-list-padding-horizontal:var( --drawer-list-padding-horizontal--large )}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{left:auto}.dnb-drawer-list__root>.dnb-drawer-list--right{left:auto;position:absolute;right:0}.dnb-drawer-list:not(.dnb-drawer-list--open) .dnb-drawer-list__list:not(.dnb-drawer-list:not(.dnb-drawer-list--open) .dnb-drawer-list__list--no-animation){animation:drawer-list-slide-top-up .15s ease-out 1 forwards}.dnb-drawer-list:not(.dnb-drawer-list--open) .dnb-drawer-list__list--no-animation{animation-duration:1ms!important}@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)}}.dnb-scroll-view{overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.dnb-scroll-view{scroll-behavior:auto}}.dnb-scroll-view{scrollbar-color:var(--scrollbar-thumb-color,var(--token-color-text-neutral-alternative)) transparent}@supports not (scrollbar-color:auto){.dnb-scroll-view::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scroll-view::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scroll-view::-webkit-scrollbar{background-color:var(--scrollbar-track-color,var(--token-color-background-neutral-base));border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scroll-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,var(--token-color-text-neutral-alternative))}.dnb-scroll-view::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,var(--token-color-text-neutral))}.dnb-scroll-view::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-thumb-width,.5rem)}}.dnb-scroll-view{overscroll-behavior:auto}.dnb-scroll-view--scrollbar-gutter-stable{scrollbar-gutter:stable}.dnb-scroll-view[tabindex="0"]:focus{outline:none}html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus{--border-color:var(--token-color-stroke-action-focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-text-counter.dnb-p{color:var(--token-color-text-neutral-alternative)}.dnb-text-counter .dnb-icon{font-size:0;margin-right:0;transition:margin .2s var(--easing-default),font-size .4s var(--easing-default)}.dnb-text-counter--exceeded.dnb-p{color:var(--token-color-text-error)}.dnb-text-counter--exceeded .dnb-icon{font-size:var(--font-size-basis--em);margin-right:.5rem}.dnb-accordion{--accordion-color-text:var(--accordion-color-text--default);--accordion-color-description:var( --accordion-color-description--default );--accordion-color-bg:var(--accordion-color-bg--default);--accordion-color-border:var(--accordion-color-border--default);--accordion-border-width:var( --accordion-border-width--default,0.0625rem );--accordion-border-radius:var(--token-radius-md);--accordion-easing:var(--easing-default);--accordion-border-inset:var(--accordion-border-inset--default,inset);--accordion-header-margin-vertical:1.25rem;--accordion-header-margin-vertical--description:0.75rem;--accordion-header-wrapper-margin:1rem;--accordion-header-wrapper-margin--icon-right:1rem;--accordion-header-icon-gutter:1rem;--accordion-header-icon-margin:1rem;--accordion-header-icon-alignment:flex-start;--accordion-title-font-weight:var(--font-weight-basis);--accordion-title-font-weight--expanded:var(--font-weight-medium);--accordion-content-margin:1rem 0 0 0;--accordion-content-padding:0;display:flex;flex-direction:column;font-size:var(--font-size-small);line-height:var(--line-height-basis);position:relative}.dnb-accordion__header{align-items:center;background-color:var(--accordion-color-bg);border:none;border-radius:var(--accordion-border-radius);box-shadow:var(--ui-accordion-box-shadow);color:var(--accordion-color-text,var(--accordion-color-text--default));cursor:pointer;display:flex;outline:none}html:not([data-whatintent=touch]) .dnb-accordion__header:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-accordion__header:hover:not([disabled]){--accordion-color-text:var(--accordion-color-text--hover);--accordion-color-description:var( --accordion-color-description--hover );--accordion-color-bg:var(--accordion-color-bg--hover);--accordion-color-border:var(--accordion-color-border--hover);--accordion-border-width:var(--accordion-border-width--hover);--accordion-border-inset:var(--accordion-border-inset--hover)}html:not([data-whatintent=touch]) .dnb-accordion__header--after-click:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-accordion__header--after-click:hover:not([disabled]){--accordion-color-text:var(--accordion-color-text--after-click);--accordion-color-description:var( --accordion-color-description--after-click );--accordion-color-bg:var(--accordion-color-bg--after-click);--accordion-color-border:var( --accordion-color-border--after-click )}.dnb-accordion__header:active[disabled],html:not([data-whatintent=touch]) .dnb-accordion__header:active[disabled]{cursor:not-allowed}.dnb-accordion__header:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-accordion__header:active:not([disabled]){--accordion-color-text:var(--accordion-color-text--active);--accordion-color-description:var( --accordion-color-description--active );--accordion-color-bg:var(--accordion-color-bg--active);--accordion-color-border:var(--accordion-color-border--active);--accordion-border-width:var(--accordion-border-width--active);--accordion-border-inset:var(--accordion-border-inset--active)}html:not([data-whatinput=touch]) .dnb-accordion__header:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatinput=touch]) .dnb-accordion__header:focus-visible:not([disabled]){--accordion-color-text:var(--accordion-color-text--focus);--accordion-color-description:var( --accordion-color-description--focus );--accordion-color-bg:var(--accordion-color-bg--focus);--accordion-color-border:var(--accordion-color-border--focus);--accordion-border-width:var(--accordion-border-width--focus);--accordion-border-inset:var(--accordion-border-inset--focus)}.dnb-accordion__header[disabled]{--accordion-color-text:var(--accordion-color-text--disabled);--accordion-color-bg:var(--accordion-color-bg--disabled);--accordion-color-border:var(--accordion-color-border--disabled);--accordion-color-description:var( --accordion-color-description--disabled )}.dnb-accordion__header *,.dnb-accordion__header--prevent-click{pointer-events:none}.dnb-accordion__header__wrapper{display:flex;flex-direction:column;margin:var(--accordion-header-margin-vertical) var(--accordion-header-wrapper-margin) var(--accordion-header-margin-vertical) 0;width:100%}.dnb-accordion__header--description .dnb-accordion__header__wrapper{margin-bottom:var(--accordion-header-margin-vertical--description);margin-top:var(--accordion-header-margin-vertical--description)}.dnb-accordion__header__container{margin:0 1rem}.dnb-accordion__header__icon{align-self:var(--accordion-header-icon-alignment);font-size:var(--font-size-small);line-height:var(--line-height-small);margin:var(--accordion-header-margin-vertical) var(--accordion-header-icon-gutter) var(--accordion-header-margin-vertical) var(--accordion-header-icon-margin)}.dnb-accordion__header--description .dnb-accordion__header__icon{margin-top:var(--accordion-header-margin-vertical--description)}.dnb-accordion__header--icon-right{justify-content:space-between}.dnb-accordion__header--icon-right .dnb-accordion__header__icon{margin-left:var(--accordion-header-icon-gutter);margin-right:var(--accordion-header-icon-margin);order:3}.dnb-accordion__header--icon-right .dnb-accordion__header__container{order:1}.dnb-accordion__header--icon-right .dnb-accordion__header__wrapper{margin-left:var(--accordion-header-wrapper-margin--icon-right);margin-right:0;order:2}.dnb-accordion__header--icon-right .dnb-accordion__header__wrapper+.dnb-accordion__header__container{margin-right:0}.dnb-accordion__header--icon-right .dnb-accordion__header__container+.dnb-accordion__header__wrapper{margin-left:0}html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:hover:not([disabled]){z-index:1}.dnb-accordion__header--filled,.dnb-accordion__header--outlined{--ui-accordion-box-shadow:var( --accordion-border-inset,var(--accordion-border-inset--default) ) 0 0 0 var( --accordion-border-width,var(--accordion-border-width--default) ) var( --accordion-color-border,var(--accordion-color-border--default) )}.dnb-accordion__header--expanded{--accordion-title-font-weight:var( --accordion-title-font-weight--expanded )}.dnb-accordion__header__title{font-size:var(--font-size-basis);font-weight:var(--accordion-title-font-weight);line-height:var(--line-height-basis)}.dnb-accordion__header__description{color:var(--accordion-color-description,var(--accordion-color-description--default));font-size:var(--font-size-small);font-weight:var(--font-weight-basis);line-height:var(--line-height-small)}.dnb-accordion__header__description+.dnb-accordion__header__title,.dnb-accordion__header__title+.dnb-accordion__header__description{margin-top:.25rem}.dnb-accordion__content{display:flex;transition:height .4s var(--accordion-easing),opacity .6s var(--accordion-easing);width:100%;will-change:height}@media (prefers-reduced-motion:reduce){.dnb-accordion__content{transition-duration:.01ms}}.dnb-accordion__content__inner{margin:var(--accordion-content-margin);padding:var(--accordion-content-padding);width:100%}.dnb-accordion-group--single-container{transition:min-height 1s var(--accordion-easing)}@media (prefers-reduced-motion:reduce){.dnb-accordion-group--single-container{transition-duration:.01ms}}.dnb-accordion-group--single-container .dnb-accordion{max-width:60rem;position:static}@media screen and (min-width:40.00625em){.dnb-accordion-group--single-container .dnb-accordion__header{width:40%}.dnb-accordion-group--single-container .dnb-accordion__content{margin-left:1rem;transition:opacity 1s var(--accordion-easing)}}@media screen and (min-width:40.00625em) and (prefers-reduced-motion:reduce){.dnb-accordion-group--single-container .dnb-accordion__content{transition-duration:.01ms}}@media screen and (min-width:40.00625em){.dnb-accordion-group--single-container .dnb-accordion__content__inner{margin-top:0}}.dnb-accordion-group--single-container .dnb-accordion-group__children{max-width:60rem}@media screen and (min-width:40.00625em){.dnb-accordion-group--single-container .dnb-accordion-group__children{display:flex;flex-direction:column;position:relative}.dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content{position:absolute;right:0;top:0;width:60%;z-index:10}}.dnb-accordion>.dnb-accordion__header--no-animation .dnb-accordion__header__icon{transition:none}.dnb-accordion__variant--outlined{--accordion-color-text--default:var( --token-color-text-action );--accordion-color-text--hover:var(--token-color-text-action);--accordion-color-text--after-click:var( --token-color-text-neutral-inverse );--accordion-color-bg--default:var(--token-color-background-neutral);--accordion-color-bg--after-click:var( --token-color-background-action );--accordion-color-bg--hover:var(--token-color-background-neutral);--accordion-color-bg--active:var( --token-color-background-action-pressed-subtle );--accordion-color-bg--disabled:var(--token-color-background-neutral);--accordion-color-border--default:var( --token-color-stroke-neutral-bold );--accordion-color-border--hover:var( --token-color-stroke-action-hover );--accordion-color-border--active:var( --token-color-stroke-action-pressed );--accordion-color-border--after-click:var( --token-color-stroke-action );--accordion-border-width--hover:0.125rem;--accordion-border-width--active:0.125rem}.dnb-accordion__variant--outlined.dnb-accordion--expanded{--accordion-color-text--default:var( --token-color-text-neutral-inverse );--accordion-color-text--active:var(--token-color-text-action);--accordion-color-bg--default:var(--token-color-background-action);--accordion-color-border--default:var(--accordion-color-bg)}.dnb-accordion__variant--filled{--accordion-color-text--default:var(--token-color-text-action);--accordion-color-text--hover:var(--token-color-text-action-hover);--accordion-color-text--active:var( --token-color-text-neutral-inverse );--accordion-color-text--disabled:var( --token-color-text-action-disabled );--accordion-color-bg--default:var( --token-color-decorative-third-muted );--accordion-color-bg--hover:var(--token-color-background-neutral);--accordion-color-bg--active:var( --token-color-background-action-pressed );--accordion-color-border--default:var( --token-color-decorative-third-muted );--accordion-color-border--active:var( --token-color-stroke-action-pressed );--accordion-border-width--default:0.125rem}.dnb-accordion__variant--filled,.dnb-accordion__variant--outlined{--accordion-color-text--disabled:var( --token-color-text-action-disabled );--accordion-color-text--focus:var(--token-color-text-action-focus);--accordion-color-description--default:var( --token-color-text-neutral-alternative );--accordion-color-description--hover:var( --token-color-text-neutral-alternative );--accordion-color-description--active:var( --token-color-text-neutral-alternative );--accordion-color-description--focus:var( --token-color-text-neutral-alternative );--accordion-color-description--after-click:var( --accordion-color-text );--accordion-color-description--disabled:var( --token-color-text-action-disabled );--accordion-color-bg--focus:var( --token-color-background-action-focus-subtle );--accordion-color-border--focus:var( --token-color-stroke-action-focus );--accordion-color-border--disabled:var( --token-color-stroke-action-disabled );--accordion-border-width--focus:0.25rem;--accordion-border-inset--default:inset;--accordion-border-inset--hover: ;--accordion-border-inset--active:inset;--accordion-border-inset--focus: }.dnb-accordion__variant--filled.dnb-accordion--expanded,.dnb-accordion__variant--outlined.dnb-accordion--expanded{--accordion-color-text--disabled:var( --token-color-text-neutral-inverse );--accordion-color-description--default:var(--accordion-color-text);--accordion-color-description--disabled:var( --token-color-text-neutral-inverse );--accordion-color-bg--disabled:var( --token-color-background-action-disabled );--accordion-color-border--disabled:var( --accordion-color-bg--disabled )}.dnb-accordion__variant--tertiary{background:none;border:none;box-shadow:none;display:inline-flex}.dnb-accordion__tertiary-button{align-self:flex-start}button.dnb-anchor{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;line-height:calc(var(--line-height-basis) + .125rem)}:where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-underline-thickness:0.0938rem;--anchor-color:var(--anchor-color--default);--anchor-icon-color:var(--anchor-icon-color--default);--anchor-color--default:var(--token-color-text-action);--anchor-color--hover:var(--token-color-text-action-hover);--anchor-color--active:var(--token-color-text-action-pressed);--anchor-icon-color--default:var(--token-color-icon-action);--anchor-icon-color--hover:var(--token-color-icon-action-hover);--anchor-icon-color--active:var(--token-color-icon-action-pressed);--anchor-bg--hover:var(--token-color-background-action-hover-subtle);--anchor-bg--active:var(--token-color-background-action-pressed-subtle);--anchor-icon-gutter:0.25em;--anchor-icon-separator:"\2060";--anchor-icon-position:translateY(-0.175em);border-radius:var(--token-radius-sm);display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em}sub :where(:not(.dnb-anchor--no-style)).dnb-anchor,sup :where(:not(.dnb-anchor--no-style)).dnb-anchor{padding:0 .025em}.dnb-h--basis :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--medium :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--small :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--x-large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--x-small :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--xx-large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-lead :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-p :where(:not(.dnb-anchor--no-style)).dnb-anchor{font-size:inherit}:where(:not(.dnb-anchor--no-style)).dnb-anchor{color:var(--anchor-color)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--anchor-color:var(--token-color-text-action-focus);--anchor-icon-color:var(--token-color-icon-action-focus);transition:none}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible.dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{-webkit-text-decoration:none;text-decoration:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--border-color:var(--token-color-stroke-action-focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color),inset 100vw 100vw 0 0 var(--token-color-background-action-focus-subtle),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--token-color-background-action-focus-subtle),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--token-color-background-action-focus-subtle);outline:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--anchor-color--hover);--anchor-icon-color:var(--anchor-icon-color--hover);box-shadow:inset 100vw 100vw 0 0 var(--anchor-bg--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-bg--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-bg--hover)}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--anchor-color--hover);--anchor-icon-color:var(--anchor-icon-color--hover);box-shadow:inset 100vw 100vw 0 0 var(--anchor-bg--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-bg--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-bg--hover)}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){-webkit-text-decoration:none;text-decoration:none}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-icon-color:var(--anchor-icon-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-bg--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-bg--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-bg--active)}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:active.dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{-webkit-text-decoration:none;text-decoration:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor{transition:box-shadow .2s ease-in-out,color .2s ease-in-out,background .2s ease-in-out}:where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon{color:var(--anchor-icon-color);display:inline;vertical-align:middle;white-space:nowrap}:where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}:where(:not(.dnb-anchor--no-style)).dnb-anchor--no-icon .dnb-icon{display:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-separator)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-separator)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}:where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon--default{font-size:.8888888889em}:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--surface-dark{--anchor-color--default:var(--token-color-text-action-ondark);--anchor-color--hover:var(--token-color-text-action-ondark);--anchor-color--active:var(--token-color-text-action-ondark);--anchor-icon-color--default:var(--token-color-icon-action-ondark);--anchor-icon-color--hover:var(--token-color-icon-action-hover-ondark);--anchor-icon-color--active:var(--token-color-icon-action-ondark);--anchor-bg--hover:var( --token-color-background-action-hover-subtle-ondark );--anchor-bg--active:var( --token-color-background-action-pressed-subtle-ondark )}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--disabled,:where(:not(.dnb-anchor--no-style)).dnb-anchor[aria-disabled=true],:where(:not(.dnb-anchor--no-style)).dnb-anchor[disabled]{--anchor-color:var(--token-color-text-action-disabled);--anchor-icon-color:var(--token-color-icon-action-disabled)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-underline-thickness:0.0938rem;--anchor-color:var(--anchor-color--default);--anchor-icon-color:var(--anchor-icon-color--default);--anchor-color--default:var(--token-color-text-action);--anchor-color--hover:var(--token-color-text-action-hover);--anchor-color--active:var(--token-color-text-action-pressed);--anchor-icon-color--default:var(--token-color-icon-action);--anchor-icon-color--hover:var(--token-color-icon-action-hover);--anchor-icon-color--active:var(--token-color-icon-action-pressed);--anchor-bg--hover:var(--token-color-background-action-hover-subtle);--anchor-bg--active:var(--token-color-background-action-pressed-subtle);--anchor-icon-gutter:0.25em;--anchor-icon-separator:"\2060";--anchor-icon-position:translateY(-0.175em);border-radius:var(--token-radius-sm);display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em}sub :not(.dnb-anchor--no-style).dnb-anchor,sup :not(.dnb-anchor--no-style).dnb-anchor{padding:0 .025em}.dnb-h--basis :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--medium :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--small :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--x-large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--x-small :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--xx-large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-lead :not(.dnb-anchor--no-style).dnb-anchor,.dnb-p :not(.dnb-anchor--no-style).dnb-anchor{font-size:inherit}:not(.dnb-anchor--no-style).dnb-anchor{color:var(--anchor-color)}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--anchor-color:var(--token-color-text-action-focus);--anchor-icon-color:var(--token-color-icon-action-focus);transition:none}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:focus-visible.dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{-webkit-text-decoration:none;text-decoration:none}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--border-color:var(--token-color-stroke-action-focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color),inset 100vw 100vw 0 0 var(--token-color-background-action-focus-subtle),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--token-color-background-action-focus-subtle),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--token-color-background-action-focus-subtle);outline:none}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--anchor-color--hover);--anchor-icon-color:var(--anchor-icon-color--hover);box-shadow:inset 100vw 100vw 0 0 var(--anchor-bg--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-bg--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-bg--hover)}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--anchor-color--hover);--anchor-icon-color:var(--anchor-icon-color--hover);box-shadow:inset 100vw 100vw 0 0 var(--anchor-bg--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-bg--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-bg--hover)}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){-webkit-text-decoration:none;text-decoration:none}}:not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-icon-color:var(--anchor-icon-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-bg--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-bg--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-bg--active)}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:active.dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:active{-webkit-text-decoration:none;text-decoration:none}:not(.dnb-anchor--no-style).dnb-anchor{transition:box-shadow .2s ease-in-out,color .2s ease-in-out,background .2s ease-in-out}:not(.dnb-anchor--no-style).dnb-anchor .dnb-icon{color:var(--anchor-icon-color);display:inline;vertical-align:middle;white-space:nowrap}:not(.dnb-anchor--no-style).dnb-anchor .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}:not(.dnb-anchor--no-style).dnb-anchor--no-icon .dnb-icon{display:none}:not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-separator)}:not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}:not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-separator)}:not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}:not(.dnb-anchor--no-style).dnb-anchor .dnb-icon--default{font-size:.8888888889em}:not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}:not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--surface-dark{--anchor-color--default:var(--token-color-text-action-ondark);--anchor-color--hover:var(--token-color-text-action-ondark);--anchor-color--active:var(--token-color-text-action-ondark);--anchor-icon-color--default:var(--token-color-icon-action-ondark);--anchor-icon-color--hover:var(--token-color-icon-action-hover-ondark);--anchor-icon-color--active:var(--token-color-icon-action-ondark);--anchor-bg--hover:var( --token-color-background-action-hover-subtle-ondark );--anchor-bg--active:var( --token-color-background-action-pressed-subtle-ondark )}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--disabled,:not(.dnb-anchor--no-style).dnb-anchor[aria-disabled=true],:not(.dnb-anchor--no-style).dnb-anchor[disabled]{--anchor-color:var(--token-color-text-action-disabled);--anchor-icon-color:var(--token-color-icon-action-disabled)}}.dnb-anchor--hover{--anchor-color:var(--anchor-color--hover);--anchor-icon-color:var(--anchor-icon-color--hover);box-shadow:inset 100vw 100vw 0 0 var(--anchor-bg--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-bg--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-bg--hover)}.dnb-anchor--hover,.dnb-section .dnb-anchor--hover.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--active{--anchor-color:var(--anchor-color--active);--anchor-icon-color:var(--anchor-icon-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-bg--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-bg--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-bg--active)}.dnb-anchor--active,.dnb-section .dnb-anchor--active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--focus{--anchor-color:var(--token-color-text-action-focus);--anchor-icon-color:var(--token-color-icon-action-focus);transition:none}.dnb-anchor--focus,.dnb-section .dnb-anchor--focus.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--focus{--border-color:var(--token-color-stroke-action-focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color),inset 100vw 100vw 0 0 var(--token-color-background-action-focus-subtle),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--token-color-background-action-focus-subtle),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--token-color-background-action-focus-subtle);outline:none}.dnb-anchor--no-underline,.dnb-section .dnb-anchor--no-underline.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus-visible,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-animation,a.dnb-button{transition:none}.dnb-anchor.dnb-skeleton,.dnb-skeleton>.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor.dnb-skeleton .dnb-icon,.dnb-skeleton>.dnb-anchor .dnb-icon{filter:grayscale(100%) opacity(.3)}.dnb-autocomplete{--autocomplete-width:16rem;--autocomplete-height:2rem;--autocomplete-height--small:1.5rem;--autocomplete-height--medium:2.5rem;--autocomplete-height--large:3rem;--autocomplete-text-padding:0.5rem;--autocomplete-border-radius:var(--token-radius-sm);align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--autocomplete-height)}.dnb-autocomplete__inner{color:inherit;display:inline-flex;flex-direction:column;margin:0;padding:0;width:auto}.dnb-autocomplete--right .dnb-autocomplete__inner{align-items:flex-end}.dnb-autocomplete__input,.dnb-autocomplete__shell{border-radius:var(--autocomplete-border-radius)}.dnb-autocomplete__shell{color:inherit;margin:0;padding:0;position:relative;width:var(--autocomplete-width)}.dnb-autocomplete__row{align-items:center;display:inline-flex}.dnb-autocomplete--small{line-height:var(--autocomplete-height--small)}.dnb-autocomplete--medium{line-height:var(--autocomplete-height--medium)}.dnb-autocomplete--large{line-height:var(--autocomplete-height--large)}.dnb-autocomplete__icon{display:inline-flex;justify-content:center;pointer-events:none}.dnb-autocomplete__show-all{color:var(--token-color-text-action)}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner{align-items:center;display:flex;justify-content:center}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-drawer-list__option__item{display:flex;flex-direction:column}.dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-icon{align-self:center}.dnb-autocomplete__input{align-items:center;display:inline-flex;outline:none}.dnb-autocomplete__input,.dnb-autocomplete__input .dnb-input__inner,.dnb-autocomplete__input .dnb-input__input,.dnb-autocomplete__input .dnb-input__shell{width:100%}.dnb-autocomplete .dnb-input__inner__element{cursor:text;position:relative;z-index:3}@media screen and (min-width:40.00625em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:0!important}}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:2.5rem!important}}.dnb-autocomplete .dnb-input__inner__element.dnb-p{padding:0 .5rem;white-space:nowrap}@media screen and (max-width:40em){.dnb-autocomplete .dnb-input__inner__element.dnb-p{display:none}}.dnb-autocomplete .dnb-input__inner__element.dnb-p,.dnb-spacing .dnb-autocomplete .dnb-input__inner__element.dnb-p{margin:0}.dnb-autocomplete .dnb-input--has-submit-element .dnb-input__inner__element{margin-right:2.5rem!important}.dnb-autocomplete--icon-position-right .dnb-input__inner__element.dnb-p{padding-right:3rem}.dnb-autocomplete--icon-position-right .dnb-input--icon-position-right .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right.dnb-autocomplete--icon-position-right .dnb-input--has-icon .dnb-autocomplete--icon-position-right .dnb-input__input{padding-right:1rem}.dnb-autocomplete--disabled .dnb-input__inner__element{cursor:not-allowed}.dnb-autocomplete__text{font-size:var(--font-size-basis);line-height:inherit;order:1;padding:0 var(--autocomplete-text-padding) 0 0;position:relative;text-align:left;text-overflow:ellipsis;z-index:4}.dnb-autocomplete__text,.dnb-autocomplete__text__inner{color:inherit;height:inherit;overflow:hidden;width:100%}.dnb-autocomplete__text__inner{display:inline-block;padding:0;text-align:inherit;-webkit-text-decoration:none;text-decoration:none;text-overflow:inherit;white-space:nowrap}.dnb-autocomplete>.dnb-form-label{line-height:var(--line-height-basis);margin-right:1rem}@media screen and (max-width:40em){.dnb-autocomplete{flex-wrap:wrap}.dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-autocomplete--stretch{display:flex;flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplete__inner{flex-grow:1}.dnb-autocomplete--stretch .dnb-autocomplet