.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .dnb-drawer-list__portal{--drawer-list-width:16rem}.eufemia-scope--11_8_2 .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)}.eufemia-scope--11_8_2 .dnb-drawer-list__portal__style--fixed{position:fixed}.eufemia-scope--11_8_2 .dnb-drawer-list__root{min-width:inherit;width:inherit}.eufemia-scope--11_8_2 .dnb-drawer-list__root--portal{left:0;position:absolute;top:0}.eufemia-scope--11_8_2 .dnb-drawer-list__content{padding:0;width:100%}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .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%}.eufemia-scope--11_8_2 .dnb-drawer-list__options:focus-visible{outline:none}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .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){.eufemia-scope--11_8_2 .dnb-drawer-list--scroll .dnb-drawer-list__options{scroll-behavior:auto}}.eufemia-scope--11_8_2 .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){.eufemia-scope--11_8_2 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.eufemia-scope--11_8_2 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.eufemia-scope--11_8_2 .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)}.eufemia-scope--11_8_2 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,var(--token-color-text-neutral-alternative))}.eufemia-scope--11_8_2 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,var(--token-color-text-neutral))}.eufemia-scope--11_8_2 .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-thumb-width,.5rem)}}@media (prefers-reduced-motion:reduce){.eufemia-scope--11_8_2 .dnb-drawer-list--scroll .dnb-drawer-list__options{transition-duration:.01ms}}.eufemia-scope--11_8_2 .dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options{transition:none!important}.eufemia-scope--11_8_2 .dnb-drawer-list--open .dnb-drawer-list__options{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.eufemia-scope--11_8_2 .dnb-drawer-list--open .dnb-drawer-list__options{scroll-behavior:auto}}.eufemia-scope--11_8_2 .dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options{scroll-behavior:auto}.eufemia-scope--11_8_2 .dnb-drawer-list__group{list-style:none;margin:0;padding:0}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .dnb-drawer-list__group.first-of-type .dnb-drawer-list__group-title{margin-top:calc(var(--drawer-list-padding)*-1)}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .dnb-drawer-list__option__inner>*{align-self:self-start}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .dnb-drawer-list__option__item{display:block;grid-column:1;text-overflow:ellipsis}.eufemia-scope--11_8_2 .dnb-drawer-list__option__item--horizontal{display:flex}.eufemia-scope--11_8_2 .dnb-drawer-list__option__item>.dnb-icon{vertical-align:initial}.eufemia-scope--11_8_2 .dnb-drawer-list__option__item .dnb-anchor{display:inline-block;font-size:inherit;margin-right:.5rem;word-break:break-word}.eufemia-scope--11_8_2 .dnb-drawer-list__option__item.item-nr-1{font-weight:var(--font-weight-medium)}html:not([data-whatintent=touch]) .eufemia-scope--11_8_2 .dnb-drawer-list__option:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--11_8_2 .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 )}.eufemia-scope--11_8_2 .dnb-drawer-list__option:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--11_8_2 .dnb-drawer-list__option:active[disabled]{cursor:not-allowed}.eufemia-scope--11_8_2 .dnb-drawer-list__option:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--11_8_2 .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 )}.eufemia-scope--11_8_2 .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 )}.eufemia-scope--11_8_2 .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner:before{background-color:transparent}html[data-whatinput=keyboard] .eufemia-scope--11_8_2 .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){.eufemia-scope--11_8_2 .dnb-drawer-list__option__suffix{align-self:center;grid-column:2;grid-row:1/-1;justify-self:end}}.eufemia-scope--11_8_2 .dnb-drawer-list__option--ignore,.eufemia-scope--11_8_2 .dnb-drawer-list__option.ignore-events{cursor:default;pointer-events:none}.eufemia-scope--11_8_2 .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 )}.eufemia-scope--11_8_2 .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner .dnb-drawer-list__option__inner{background-color:inherit;color:inherit}.eufemia-scope--11_8_2 .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){.eufemia-scope--11_8_2 .dnb-drawer-list__option--selected:has(.dnb-drawer-list__option__suffix) .dnb-drawer-list__option__inner:after{content:none}.eufemia-scope--11_8_2 .dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix{align-self:center;z-index:0}}.eufemia-scope--11_8_2 .dnb-drawer-list__option.last-of-type:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner:before{content:none}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .dnb-drawer-list__option.last-of-type{margin-bottom:0}.eufemia-scope--11_8_2 .dnb-drawer-list--top{--drawer-list-bottom:var( --drawer-list-height,var(--drawer-list-height--default) )}.eufemia-scope--11_8_2 .dnb-drawer-list--bottom .dnb-drawer-list__list{margin-top:var(--drawer-list-distance)}.eufemia-scope--11_8_2 .dnb-drawer-list--top .dnb-drawer-list__list{margin-bottom:var(--drawer-list-distance)}.eufemia-scope--11_8_2 .dnb-drawer-list__portal .dnb-drawer-list--top{--drawer-list-bottom:0}.eufemia-scope--11_8_2 .dnb-drawer-list__portal .dnb-drawer-list--bottom{--drawer-list-top:var( --drawer-list-height,var(--drawer-list-height--default) )}.eufemia-scope--11_8_2 .dnb-drawer-list--is-popup.dnb-drawer-list--right{left:auto;position:absolute;right:0}.eufemia-scope--11_8_2 .dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.5rem}.eufemia-scope--11_8_2 .dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.5rem}.eufemia-scope--11_8_2 .dnb-drawer-list--open .dnb-drawer-list__list{display:flex;flex-direction:column;z-index:var(--z-index-dropdown)}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .dnb-drawer-list--open .dnb-drawer-list__list--no-animation{animation-duration:1ms!important}.eufemia-scope--11_8_2 .dnb-drawer-list--hidden .dnb-drawer-list__list{display:none}.eufemia-scope--11_8_2 .dnb-drawer-list--no-divider{--drawer-list-option-gap:0.25rem}.eufemia-scope--11_8_2 .dnb-drawer-list--no-divider .dnb-drawer-list__option__inner:before{content:none}.eufemia-scope--11_8_2 .dnb-drawer-list--small{--drawer-list-height:var(--drawer-list-height--small)}.eufemia-scope--11_8_2 .dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.75rem}.eufemia-scope--11_8_2 .dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.75rem}.eufemia-scope--11_8_2 .dnb-drawer-list--medium{--drawer-list-height:var(--drawer-list-height--medium)}.eufemia-scope--11_8_2 .dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.eufemia-scope--11_8_2 .dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.eufemia-scope--11_8_2 .dnb-drawer-list--large{--drawer-list-height:var(--drawer-list-height--large);--drawer-list-padding-horizontal:var( --drawer-list-padding-horizontal--large )}.eufemia-scope--11_8_2 .dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list{left:-.25rem}.eufemia-scope--11_8_2 .dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{right:-.25rem}.eufemia-scope--11_8_2 .dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list{left:auto}.eufemia-scope--11_8_2 .dnb-drawer-list__root>.dnb-drawer-list--right{left:auto;position:absolute;right:0}.eufemia-scope--11_8_2 .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}.eufemia-scope--11_8_2 .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)}}.eufemia-scope--11_8_2 .dnb-scroll-view{overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.eufemia-scope--11_8_2 .dnb-scroll-view{scroll-behavior:auto}}.eufemia-scope--11_8_2 .dnb-scroll-view{scrollbar-color:var(--scrollbar-thumb-color,var(--token-color-text-neutral-alternative)) transparent}@supports not (scrollbar-color:auto){.eufemia-scope--11_8_2 .dnb-scroll-view::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.eufemia-scope--11_8_2 .dnb-scroll-view::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.eufemia-scope--11_8_2 .dnb-scroll-view::-webkit-scrollbar{background-color:var(--scrollbar-track-color,var(--token-color-background-neutral-base));border-radius:var(--scrollbar-thumb-width,.5rem)}.eufemia-scope--11_8_2 .dnb-scroll-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,var(--token-color-text-neutral-alternative))}.eufemia-scope--11_8_2 .dnb-scroll-view::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,var(--token-color-text-neutral))}.eufemia-scope--11_8_2 .dnb-scroll-view::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-thumb-width,.5rem)}}.eufemia-scope--11_8_2 .dnb-scroll-view{overscroll-behavior:auto}.eufemia-scope--11_8_2 .dnb-scroll-view--scrollbar-gutter-stable{scrollbar-gutter:stable}.eufemia-scope--11_8_2 .dnb-scroll-view[tabindex="0"]:focus{outline:none}html[data-whatinput=keyboard] .eufemia-scope--11_8_2 .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)}.eufemia-scope--11_8_2 .dnb-text-counter.dnb-p{color:var(--token-color-text-neutral-alternative)}.eufemia-scope--11_8_2 .dnb-text-counter .dnb-icon{font-size:0;margin-right:0;transition:margin .2s var(--easing-default),font-size .4s var(--easing-default)}.eufemia-scope--11_8_2 .dnb-text-counter--exceeded.dnb-p{color:var(--token-color-text-error)}.eufemia-scope--11_8_2 .dnb-text-counter--exceeded .dnb-icon{font-size:var(--font-size-basis--em);margin-right:.5rem}