@dnb/eufemia 10.76.1 → 10.77.0

package/cjs/style/themes/theme-ui/ui-theme-tags--isolated.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large,.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead,.eufemia-scope--10_77_0 .dnb-h--basis,.eufemia-scope--10_77_0 .dnb-h--large,.eufemia-scope--10_77_0 .dnb-h--medium,.eufemia-scope--10_77_0 .dnb-h--small,.eufemia-scope--10_77_0 .dnb-h--x-large,.eufemia-scope--10_77_0 .dnb-h--x-small,.eufemia-scope--10_77_0 .dnb-h--xx-large,.eufemia-scope--10_77_0 .dnb-lead,.eufemia-scope--10_77_0 h1,.eufemia-scope--10_77_0 h2,.eufemia-scope--10_77_0 h3,.eufemia-scope--10_77_0 h4,.eufemia-scope--10_77_0 h5,.eufemia-scope--10_77_0 h6{color:var(--theme-color-black-80,currentColor)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--basis,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--large,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--medium,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--small,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-large,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--x-small,.eufemia-scope--10_77_0 .dnb-core-style .dnb-h--xx-large,.eufemia-scope--10_77_0 .dnb-core-style .dnb-lead,.eufemia-scope--10_77_0 .dnb-h--basis,.eufemia-scope--10_77_0 .dnb-h--large,.eufemia-scope--10_77_0 .dnb-h--medium,.eufemia-scope--10_77_0 .dnb-h--small,.eufemia-scope--10_77_0 .dnb-h--x-large,.eufemia-scope--10_77_0 .dnb-h--x-small,.eufemia-scope--10_77_0 .dnb-h--xx-large,.eufemia-scope--10_77_0 .dnb-lead,.eufemia-scope--10_77_0 .dnb-p,.eufemia-scope--10_77_0 .dnb-small,.eufemia-scope--10_77_0 .dnb-table,.eufemia-scope--10_77_0 b,.eufemia-scope--10_77_0 h1,.eufemia-scope--10_77_0 h2,.eufemia-scope--10_77_0 h3,.eufemia-scope--10_77_0 h4,.eufemia-scope--10_77_0 h5,.eufemia-scope--10_77_0 h6,.eufemia-scope--10_77_0 p,.eufemia-scope--10_77_0 small,.eufemia-scope--10_77_0 strong,.eufemia-scope--10_77_0 sub,.eufemia-scope--10_77_0 sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.eufemia-scope--10_77_0 .dnb-core-style a{--anchor-icon-gutter:0.25em;--anchor-icon-separator:"⁠";--anchor-icon-position:translateY(-0.175em);border-radius:0;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;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}.eufemia-scope--10_77_0 sub .dnb-core-style a,.eufemia-scope--10_77_0 sup .dnb-core-style a{padding:0 .025em}.eufemia-scope--10_77_0 .dnb-h--basis .dnb-core-style a,.eufemia-scope--10_77_0 .dnb-h--large .dnb-core-style a,.eufemia-scope--10_77_0 .dnb-h--medium .dnb-core-style a,.eufemia-scope--10_77_0 .dnb-h--small .dnb-core-style a,.eufemia-scope--10_77_0 .dnb-h--x-large .dnb-core-style a,.eufemia-scope--10_77_0 .dnb-h--x-small .dnb-core-style a,.eufemia-scope--10_77_0 .dnb-h--xx-large .dnb-core-style a,.eufemia-scope--10_77_0 .dnb-lead .dnb-core-style a,.eufemia-scope--10_77_0 .dnb-p .dnb-core-style a{font-size:inherit}.eufemia-scope--10_77_0 .dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.eufemia-scope--10_77_0 .dnb-core-style a:focus-visible,.eufemia-scope--10_77_0 .dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_77_0 .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.eufemia-scope--10_77_0 .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.eufemia-scope--10_77_0 .dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 .dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.eufemia-scope--10_77_0 .dnb-core-style a:hover:not(.dnb-anchor--no-hover),.eufemia-scope--10_77_0 .dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.eufemia-scope--10_77_0 .dnb-core-style a:active{border-radius:.25em}.eufemia-scope--10_77_0 .dnb-core-style a:active,.eufemia-scope--10_77_0 .dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_77_0 [data-visual-test-wrapper] .dnb-core-style a{transition:none}.eufemia-scope--10_77_0 .dnb-core-style a .dnb-icon{display:inline;vertical-align:middle;white-space:nowrap}.eufemia-scope--10_77_0 .dnb-core-style a .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}.eufemia-scope--10_77_0 .dnb-core-style a--no-icon .dnb-icon{display:none}.eufemia-scope--10_77_0 .dnb-core-style a--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-separator)}.eufemia-scope--10_77_0 .dnb-core-style a--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}.eufemia-scope--10_77_0 .dnb-core-style a--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-separator)}.eufemia-scope--10_77_0 .dnb-core-style a--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}.eufemia-scope--10_77_0 .dnb-core-style a .dnb-icon--default{font-size:.8888888889em}.eufemia-scope--10_77_0 .dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.eufemia-scope--10_77_0 .dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.eufemia-scope--10_77_0 .dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.eufemia-scope--10_77_0 .dnb-core-style figure:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style figure:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style figure:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style figure:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-core-style figure figcaption,.eufemia-scope--10_77_0 .dnb-core-style figure img{font-size:var(--font-size-basis)}.eufemia-scope--10_77_0 .dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.eufemia-scope--10_77_0 .dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.eufemia-scope--10_77_0 .dnb-core-style figure figcaption{margin-top:.5rem}.eufemia-scope--10_77_0 .dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.eufemia-scope--10_77_0 .dnb-core-style blockquote:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style blockquote:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style blockquote:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style blockquote:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.eufemia-scope--10_77_0 .dnb-core-style blockquote,.eufemia-scope--10_77_0 .dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.eufemia-scope--10_77_0 .dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.eufemia-scope--10_77_0 .dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-cite,.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-figcaption,.eufemia-scope--10_77_0 .dnb-core-style blockquote cite,.eufemia-scope--10_77_0 .dnb-core-style blockquote figcaption,.eufemia-scope--10_77_0 .dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-cite:before,.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-figcaption:before,.eufemia-scope--10_77_0 .dnb-core-style blockquote cite:before,.eufemia-scope--10_77_0 .dnb-core-style blockquote figcaption:before,.eufemia-scope--10_77_0 .dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote .dnb-h--large,.eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote .dnb-lead,.eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote h1,.eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote h2,.eufemia-scope--10_77_0 .dnb-spacing .dnb-core-style blockquote h3{margin:0}.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-anchor{font-size:inherit}.eufemia-scope--10_77_0 .dnb-core-style blockquote .dnb-code{color:var(--color-black-80)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.eufemia-scope--10_77_0 .dnb-core-style hr:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style hr:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style hr:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style hr:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-core-style hr:after{background-color:var(--hr-color,grey);border-radius:calc(var(--thickness)/2);bottom:0;content:"";height:var(--thickness);left:0;position:absolute;right:0;top:0;z-index:1}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.eufemia-scope--10_77_0 .dnb-core-style p{font-size:var(--font-size-basis);padding:0}.eufemia-scope--10_77_0 .dnb-core-style p:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.eufemia-scope--10_77_0 .dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.eufemia-scope--10_77_0 .dnb-core-style p b,.eufemia-scope--10_77_0 .dnb-core-style p strong,.eufemia-scope--10_77_0 .dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.eufemia-scope--10_77_0 .dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.eufemia-scope--10_77_0 .dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.eufemia-scope--10_77_0 .dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.eufemia-scope--10_77_0 .dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.eufemia-scope--10_77_0 .dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.eufemia-scope--10_77_0 .dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.eufemia-scope--10_77_0 .dnb-core-style p--small,.eufemia-scope--10_77_0 .dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.eufemia-scope--10_77_0 .dnb-core-style p--x-small,.eufemia-scope--10_77_0 .dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.eufemia-scope--10_77_0 .dnb-core-style p>small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.eufemia-scope--10_77_0 .dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.eufemia-scope--10_77_0 .dnb-core-style b,.eufemia-scope--10_77_0 .dnb-core-style strong{font-weight:var(--font-weight-bold)}.eufemia-scope--10_77_0 .dnb-core-style small{font-size:var(--font-size-small)}.eufemia-scope--10_77_0 .dnb-core-style h1,.eufemia-scope--10_77_0 .dnb-core-style h2,.eufemia-scope--10_77_0 .dnb-core-style h3,.eufemia-scope--10_77_0 .dnb-core-style h4,.eufemia-scope--10_77_0 .dnb-core-style h5,.eufemia-scope--10_77_0 .dnb-core-style h6{font-family:var(--font-family-heading);padding:0}.eufemia-scope--10_77_0 .dnb-core-style h1:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style h2:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style h3:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style h4:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style h5:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style h6:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style h1:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style h2:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style h3:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style h4:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style h5:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style h6:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style h1:not([class*=space__left]),.eufemia-scope--10_77_0 .dnb-core-style h2:not([class*=space__left]),.eufemia-scope--10_77_0 .dnb-core-style h3:not([class*=space__left]),.eufemia-scope--10_77_0 .dnb-core-style h4:not([class*=space__left]),.eufemia-scope--10_77_0 .dnb-core-style h5:not([class*=space__left]),.eufemia-scope--10_77_0 .dnb-core-style h6:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style h1:not([class*=space__right]),.eufemia-scope--10_77_0 .dnb-core-style h2:not([class*=space__right]),.eufemia-scope--10_77_0 .dnb-core-style h3:not([class*=space__right]),.eufemia-scope--10_77_0 .dnb-core-style h4:not([class*=space__right]),.eufemia-scope--10_77_0 .dnb-core-style h5:not([class*=space__right]),.eufemia-scope--10_77_0 .dnb-core-style h6:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-core-style h1 .dnb-icon--default,.eufemia-scope--10_77_0 .dnb-core-style h2 .dnb-icon--default,.eufemia-scope--10_77_0 .dnb-core-style h3 .dnb-icon--default,.eufemia-scope--10_77_0 .dnb-core-style h4 .dnb-icon--default,.eufemia-scope--10_77_0 .dnb-core-style h5 .dnb-icon--default,.eufemia-scope--10_77_0 .dnb-core-style h6 .dnb-icon--default{font-size:1em}.eufemia-scope--10_77_0 .dnb-core-style h1 .dnb-icon--medium,.eufemia-scope--10_77_0 .dnb-core-style h2 .dnb-icon--medium,.eufemia-scope--10_77_0 .dnb-core-style h3 .dnb-icon--medium,.eufemia-scope--10_77_0 .dnb-core-style h4 .dnb-icon--medium,.eufemia-scope--10_77_0 .dnb-core-style h5 .dnb-icon--medium,.eufemia-scope--10_77_0 .dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.eufemia-scope--10_77_0 .dnb-core-style h1 .dnb-anchor,.eufemia-scope--10_77_0 .dnb-core-style h1 a,.eufemia-scope--10_77_0 .dnb-core-style h2 .dnb-anchor,.eufemia-scope--10_77_0 .dnb-core-style h2 a,.eufemia-scope--10_77_0 .dnb-core-style h3 .dnb-anchor,.eufemia-scope--10_77_0 .dnb-core-style h3 a,.eufemia-scope--10_77_0 .dnb-core-style h4 .dnb-anchor,.eufemia-scope--10_77_0 .dnb-core-style h4 a,.eufemia-scope--10_77_0 .dnb-core-style h5 .dnb-anchor,.eufemia-scope--10_77_0 .dnb-core-style h5 a,.eufemia-scope--10_77_0 .dnb-core-style h6 .dnb-anchor,.eufemia-scope--10_77_0 .dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.eufemia-scope--10_77_0 .dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.eufemia-scope--10_77_0 .dnb-core-style h2>small,.eufemia-scope--10_77_0 .dnb-core-style h3>small,.eufemia-scope--10_77_0 .dnb-core-style h4>small,.eufemia-scope--10_77_0 .dnb-core-style h5>small,.eufemia-scope--10_77_0 .dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.eufemia-scope--10_77_0 .dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.eufemia-scope--10_77_0 .dnb-core-style ul ol,.eufemia-scope--10_77_0 .dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.eufemia-scope--10_77_0 .dnb-core-style ul li,.eufemia-scope--10_77_0 .dnb-core-style ul--outside li{position:relative}.eufemia-scope--10_77_0 .dnb-core-style ul li:before,.eufemia-scope--10_77_0 .dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.eufemia-scope--10_77_0 .dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.eufemia-scope--10_77_0 .dnb-core-style ul .dnb-anchor{font-size:inherit}.eufemia-scope--10_77_0 .dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul li>ol,.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul li>ul,.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.eufemia-scope--10_77_0 .dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.eufemia-scope--10_77_0 .dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.eufemia-scope--10_77_0 .dnb-core-style ol ol,.eufemia-scope--10_77_0 .dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.eufemia-scope--10_77_0 .dnb-core-style ol li,.eufemia-scope--10_77_0 .dnb-core-style ol--outside li{position:relative}.eufemia-scope--10_77_0 .dnb-core-style ol li:before,.eufemia-scope--10_77_0 .dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.eufemia-scope--10_77_0 .dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.eufemia-scope--10_77_0 .dnb-core-style ol .dnb-anchor{font-size:inherit}.eufemia-scope--10_77_0 .dnb-core-style ol li{list-style-type:decimal}.eufemia-scope--10_77_0 .dnb-core-style ol--nested,.eufemia-scope--10_77_0 .dnb-core-style ol--nested ol{counter-reset:item}.eufemia-scope--10_77_0 .dnb-core-style ol--nested li{display:block}.eufemia-scope--10_77_0 .dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.eufemia-scope--10_77_0 .dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.eufemia-scope--10_77_0 .dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.eufemia-scope--10_77_0 .dnb-core-style ol[type] li li:before,.eufemia-scope--10_77_0 .dnb-core-style ol[type] li:before{content:none}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol li>ol,.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol li>ul,.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.eufemia-scope--10_77_0 .dnb-core-style dl{--column-gap:1rem;--row-gap:0.5rem;font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.eufemia-scope--10_77_0 .dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style dl dt{font-weight:var(--font-weight-medium);padding:0}.eufemia-scope--10_77_0 .dnb-core-style dl dd~dt{margin-top:var(--row-gap)}.eufemia-scope--10_77_0 .dnb-core-style dl dt:not(:first-of-type){margin-top:calc(var(--row-gap) + 1rem)}.eufemia-scope--10_77_0 .dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.eufemia-scope--10_77_0 .dnb-core-style dl:not([class*=dnb-space])>dd>dl,.eufemia-scope--10_77_0 .dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:calc(var(--row-gap) + .5rem)}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal{--dt-max-width:40%;--dd-max-width:calc(60% - 1rem);display:flex;flex-wrap:wrap;max-width:var(--text-block-max-width);width:100%}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dt{margin-right:calc(var(--column-gap) - .5rem);margin-top:0;max-width:var(--dt-max-width)}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd{align-self:end;width:var(--dd-max-width)}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd,.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type),.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dt:not(:first-of-type){margin-bottom:0;margin-top:var(--row-gap)}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd:first-of-type,.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type):first-of-type,.eufemia-scope--10_77_0 .dnb-core-style dl__layout--horizontal dt:not(:first-of-type):first-of-type{margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0;-webkit-user-select:none;user-select:none;visibility:hidden}.eufemia-scope--10_77_0 .dnb-core-style dl:not(.dnb-core-style dl__layout--horizontal) dd.dnb-core-style dl__item{display:none}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid{--dt-max-width:15ch;--dd-max-width:40ch;column-gap:var(--column-gap);display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;row-gap:var(--row-gap)}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dt{max-width:var(--dt-max-width)}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dt:not(:first-of-type){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dd{align-self:end;max-width:var(--dd-max-width)}.eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dd,.eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dd~dt,.eufemia-scope--10_77_0 .dnb-core-style dl__layout--grid dt{margin:0}}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.eufemia-scope--10_77_0 .dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.eufemia-scope--10_77_0 .dnb-core-style label[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:.875em;line-height:calc(var(--line-height-xx-small--em)/.875);padding:.28571em;text-decoration:inherit}.eufemia-scope--10_77_0 del .dnb-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.eufemia-scope--10_77_0 .dnb-core-style code:not([class*=dnb-space]){margin:-.28571em 0}.eufemia-scope--10_77_0 .dnb-core-style code .dnb-anchor{font-size:inherit}.eufemia-scope--10_77_0 .dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.eufemia-scope--10_77_0 .dnb-core-style pre:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style pre:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style pre:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style pre:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-core-style pre pre{padding:1rem}.eufemia-scope--10_77_0 .dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.eufemia-scope--10_77_0 .dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.eufemia-scope--10_77_0 .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 .dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.eufemia-scope--10_77_0 .dnb-core-style a:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.eufemia-scope--10_77_0 .dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.eufemia-scope--10_77_0 .dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.eufemia-scope--10_77_0 .dnb-core-style h1,.eufemia-scope--10_77_0 .dnb-core-style h2,.eufemia-scope--10_77_0 .dnb-core-style h3,.eufemia-scope--10_77_0 .dnb-core-style h4,.eufemia-scope--10_77_0 .dnb-core-style h5,.eufemia-scope--10_77_0 .dnb-core-style h6,.eufemia-scope--10_77_0 .dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.eufemia-scope--10_77_0 .dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}

package/components/accordion/style/dnb-accordion--isolated.css

@@ -0,0 +1,166 @@
+/*
+* Accordion component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-accordion {
+  --accordion-border-width: 0.0625rem;
+  --accordion-border-radius: 0.5rem;
+  --accordion-easing: var(--easing-default);
+  --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;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  outline: none;
+  border: var(--accordion-border-width) solid transparent;
+  border-radius: var(--accordion-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header * {
+  pointer-events: none;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--prevent-click {
+  pointer-events: none;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: var(--accordion-header-margin-vertical) var(--accordion-header-wrapper-margin) var(--accordion-header-margin-vertical) 0;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--description .dnb-accordion__header__wrapper {
+  margin-top: var(--accordion-header-margin-vertical--description);
+  margin-bottom: var(--accordion-header-margin-vertical--description);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__container {
+  margin: 0 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__icon {
+  align-self: var(--accordion-header-icon-alignment);
+  margin: var(--accordion-header-margin-vertical) var(--accordion-header-icon-gutter) var(--accordion-header-margin-vertical) var(--accordion-header-icon-margin);
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
+  transition: transform 400ms var(--accordion-easing);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--description .dnb-accordion__header__icon {
+  margin-top: var(--accordion-header-margin-vertical--description);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right {
+  justify-content: space-between;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__icon {
+  margin-right: var(--accordion-header-icon-margin);
+  margin-left: var(--accordion-header-icon-gutter);
+  order: 3;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__container {
+  order: 1;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__wrapper {
+  order: 2;
+  margin-right: 0;
+  margin-left: var(--accordion-header-wrapper-margin--icon-right);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__wrapper + .dnb-accordion__header__container {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__container + .dnb-accordion__header__wrapper {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--expanded {
+  --accordion-title-font-weight: var(
+    --accordion-title-font-weight--expanded
+  );
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__title {
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+  font-weight: var(--accordion-title-font-weight);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__description {
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
+  font-weight: var(--font-weight-basis);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__title + .dnb-accordion__header__description {
+  margin-top: 0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__description + .dnb-accordion__header__title {
+  margin-top: 0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon {
+  transform: rotate(-180deg);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__content {
+  display: flex;
+  width: 100%;
+  will-change: height;
+  transition: height 400ms var(--accordion-easing), opacity 600ms var(--accordion-easing);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__content__inner {
+  width: 100%;
+  margin: var(--accordion-content-margin);
+  padding: var(--accordion-content-padding);
+}
+.eufemia-scope--10_77_0 .dnb-accordion-group--single-container {
+  transition: min-height 1s var(--accordion-easing);
+}
+.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion {
+  position: static;
+  max-width: 60rem;
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion__header {
+    width: 40%;
+  }
+  .eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion__content {
+    margin-left: 1rem;
+    transition: opacity 1s var(--accordion-easing);
+  }
+  .eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion__content__inner {
+    margin-top: 0;
+  }
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
+    transform: rotate(-90deg);
+  }
+}
+.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion-group__children {
+  max-width: 60rem;
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion-group__children {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  }
+  .eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content {
+    position: absolute;
+    z-index: 10;
+    top: 0;
+    right: 0;
+    width: 60%;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-accordion > .dnb-accordion__header--no-animation .dnb-accordion__header__icon, html[data-visual-test] .eufemia-scope--10_77_0 .dnb-accordion .dnb-accordion__header .dnb-accordion__header__icon {
+  transition: none;
+}

package/components/accordion/style/dnb-accordion--isolated.min.css

@@ -0,0 +1,3 @@
+.eufemia-scope--10_77_0 .dnb-accordion{--accordion-border-width:0.0625rem;--accordion-border-radius:0.5rem;--accordion-easing:var(--easing-default);--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}.eufemia-scope--10_77_0 .dnb-accordion__header{align-items:center;border:var(--accordion-border-width) solid transparent;border-radius:var(--accordion-border-radius);cursor:pointer;display:flex;outline:none}.eufemia-scope--10_77_0 .dnb-accordion__header *,.eufemia-scope--10_77_0 .dnb-accordion__header--prevent-click{pointer-events:none}.eufemia-scope--10_77_0 .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%}.eufemia-scope--10_77_0 .dnb-accordion__header--description .dnb-accordion__header__wrapper{margin-bottom:var(--accordion-header-margin-vertical--description);margin-top:var(--accordion-header-margin-vertical--description)}.eufemia-scope--10_77_0 .dnb-accordion__header__container{margin:0 1rem}.eufemia-scope--10_77_0 .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);transition:transform .4s var(--accordion-easing)}.eufemia-scope--10_77_0 .dnb-accordion__header--description .dnb-accordion__header__icon{margin-top:var(--accordion-header-margin-vertical--description)}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right{justify-content:space-between}.eufemia-scope--10_77_0 .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}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__container{order:1}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__wrapper{margin-left:var(--accordion-header-wrapper-margin--icon-right);margin-right:0;order:2}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__wrapper+.dnb-accordion__header__container{margin-right:0}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right .dnb-accordion__header__container+.dnb-accordion__header__wrapper{margin-left:0}.eufemia-scope--10_77_0 .dnb-accordion__header--expanded{--accordion-title-font-weight:var(
+    --accordion-title-font-weight--expanded
+  )}.eufemia-scope--10_77_0 .dnb-accordion__header__title{font-size:var(--font-size-basis);font-weight:var(--accordion-title-font-weight);line-height:var(--line-height-basis)}.eufemia-scope--10_77_0 .dnb-accordion__header__description{font-size:var(--font-size-small);font-weight:var(--font-weight-basis);line-height:var(--line-height-small)}.eufemia-scope--10_77_0 .dnb-accordion__header__description+.dnb-accordion__header__title,.eufemia-scope--10_77_0 .dnb-accordion__header__title+.dnb-accordion__header__description{margin-top:.25rem}.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header .dnb-accordion__header__icon{transform:rotate(-180deg)}.eufemia-scope--10_77_0 .dnb-accordion__content{display:flex;transition:height .4s var(--accordion-easing),opacity .6s var(--accordion-easing);width:100%;will-change:height}.eufemia-scope--10_77_0 .dnb-accordion__content__inner{margin:var(--accordion-content-margin);padding:var(--accordion-content-padding);width:100%}.eufemia-scope--10_77_0 .dnb-accordion-group--single-container{transition:min-height 1s var(--accordion-easing)}.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion{max-width:60rem;position:static}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion__header{width:40%}.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion__content{margin-left:1rem;transition:opacity 1s var(--accordion-easing)}.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion__content__inner{margin-top:0}.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion>.dnb-accordion__header .dnb-accordion__header__icon{transform:rotate(-90deg)}}.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion-group__children{max-width:60rem}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion-group__children{display:flex;flex-direction:column;position:relative}.eufemia-scope--10_77_0 .dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content{position:absolute;right:0;top:0;width:60%;z-index:10}}.eufemia-scope--10_77_0 .dnb-accordion>.dnb-accordion__header--no-animation .dnb-accordion__header__icon,html[data-visual-test] .eufemia-scope--10_77_0 .dnb-accordion .dnb-accordion__header .dnb-accordion__header__icon{transition:none}

package/components/accordion/style/themes/dnb-accordion-theme-sbanken--isolated.css

@@ -0,0 +1,113 @@
+/*
+* Accordion theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-accordion {
+  --accordion-border-width: 0;
+  --accordion-border-radius: 0;
+  --accordion-header-margin-vertical: 1rem;
+  --accordion-header-margin-vertical--description: 0.5rem;
+  --accordion-header-wrapper-margin--icon-right: calc(
+    1.5rem - var(--sb-accordion-frame-width)
+  );
+  --sb-accordion-header-border-radius--expanded: 0.125rem 0.125rem 0 0;
+  --sb-accordion-header-border-radius--hover: 0.125rem;
+  --sb-accordion-header-border-radius--hover-expanded: 0.125rem 0.125rem 0
+    0;
+  --accordion-header-icon-gutter: 0.5rem;
+  --accordion-header-icon-margin: calc(
+    1.5rem - var(--sb-accordion-frame-width)
+  );
+  --sb-accordion-frame-color: transparent;
+  --sb-accordion-frame-width: 0.1875rem;
+  --sb-accordion-frame-width--active: 0rem;
+  --sb-accordion-content-padding-left: calc(
+    3.5rem - var(--sb-accordion-frame-width)
+  );
+  --sb-accordion-content-border-radius: 0 0 0.125rem 0.125rem;
+  --accordion-content-margin: 0;
+  --accordion-content-padding: 0 1rem 1rem
+    var(--sb-accordion-content-padding-left);
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header, .eufemia-scope--10_77_0 .dnb-accordion__content {
+  background-color: var(--sb-accordion-background, transparent);
+  border-left: var(--sb-accordion-frame-width) solid var(--sb-accordion-frame-color);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible:not([disabled]) {
+  outline: none;
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  z-index: 1;
+  border-radius: 0.125rem;
+  background-color: var(--sb-color-blue-light-3);
+  color: var(--border-color);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible:not([disabled]) .dnb-accordion__header__icon {
+  color: var(--border-color);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:hover:not([disabled]) {
+  background-color: var(--sb-color-violet-light-2);
+  border-radius: var(--sb-accordion-header-border-radius--hover);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:active:not([disabled]) {
+  background-color: var(--sb-color-white);
+  --border-color: ;
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  --border-color: var(--sb-color-violet);
+  border-left-width: var(--sb-accordion-frame-width--active);
+  padding-left: calc(var(--sb-accordion-frame-width) - var(--sb-accordion-frame-width--active));
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__icon, .eufemia-scope--10_77_0 .dnb-accordion__header__container {
+  color: var(--sb-color-violet);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right {
+  --accordion-header-icon-margin: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right + .dnb-accordion__content {
+  --sb-accordion-content-padding-left: calc(
+    1.5rem - var(--sb-accordion-frame-width)
+  );
+  --accordion-content-padding: 0 1rem 1rem
+    var(--sb-accordion-content-padding-left);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header[disabled] * {
+  color: var(--sb-color-gray-dark-2);
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded {
+  --sb-accordion-background: var(--sb-color-violet-light-4);
+  --sb-accordion-frame-color: var(--sb-color-violet);
+  --sb-accordion-frame-width--active: 0.125rem;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header:hover:not([disabled]) {
+  border-radius: var(--sb-accordion-header-border-radius--hover-expanded);
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header--expanded {
+  border-radius: var(--sb-accordion-header-border-radius--expanded);
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__content {
+  border-radius: var(--sb-accordion-content-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header[disabled],
+.eufemia-scope--10_77_0 .dnb-accordion--expanded > .dnb-accordion__header[disabled] + .dnb-accordion__content {
+  --sb-accordion-background: var(--sb-color-gray-light-2);
+  --sb-accordion-frame-color: var(--sb-color-gray-dark-2);
+}

package/components/accordion/style/themes/dnb-accordion-theme-sbanken--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-accordion{--accordion-border-width:0;--accordion-border-radius:0;--accordion-header-margin-vertical:1rem;--accordion-header-margin-vertical--description:0.5rem;--accordion-header-wrapper-margin--icon-right:calc(1.5rem - var(--sb-accordion-frame-width));--sb-accordion-header-border-radius--expanded:0.125rem 0.125rem 0 0;--sb-accordion-header-border-radius--hover:0.125rem;--sb-accordion-header-border-radius--hover-expanded:0.125rem 0.125rem 0 0;--accordion-header-icon-gutter:0.5rem;--accordion-header-icon-margin:calc(1.5rem - var(--sb-accordion-frame-width));--sb-accordion-frame-color:transparent;--sb-accordion-frame-width:0.1875rem;--sb-accordion-frame-width--active:0rem;--sb-accordion-content-padding-left:calc(3.5rem - var(--sb-accordion-frame-width));--sb-accordion-content-border-radius:0 0 0.125rem 0.125rem;--accordion-content-margin:0;--accordion-content-padding:0 1rem 1rem var(--sb-accordion-content-padding-left);color:var(--sb-color-text)}.eufemia-scope--10_77_0 .dnb-accordion__content,.eufemia-scope--10_77_0 .dnb-accordion__header{background-color:var(--sb-accordion-background,transparent);border-left:var(--sb-accordion-frame-width) solid var(--sb-accordion-frame-color)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;border-radius:.125rem;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--border-color);outline:none;z-index:1}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:focus-visible:not([disabled]) .dnb-accordion__header__icon{color:var(--border-color)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:hover:not([disabled]){background-color:var(--sb-color-violet-light-2);border-radius:var(--sb-accordion-header-border-radius--hover)}.eufemia-scope--10_77_0 .dnb-accordion__header:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-accordion__header:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header:active:not([disabled]){--border-color: ;--border-width:0.0625rem;--border-color:var(--sb-color-violet);background-color:var(--sb-color-white);border-left-width:var(--sb-accordion-frame-width--active);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);padding-left:calc(var(--sb-accordion-frame-width) - var(--sb-accordion-frame-width--active))}.eufemia-scope--10_77_0 .dnb-accordion__header__container,.eufemia-scope--10_77_0 .dnb-accordion__header__icon{color:var(--sb-color-violet)}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right{--accordion-header-icon-margin:1.5rem}.eufemia-scope--10_77_0 .dnb-accordion__header--icon-right+.dnb-accordion__content{--sb-accordion-content-padding-left:calc(1.5rem - var(--sb-accordion-frame-width));--accordion-content-padding:0 1rem 1rem var(--sb-accordion-content-padding-left)}.eufemia-scope--10_77_0 .dnb-accordion__header[disabled] *{color:var(--sb-color-gray-dark-2)}.eufemia-scope--10_77_0 .dnb-accordion--expanded{--sb-accordion-background:var(--sb-color-violet-light-4);--sb-accordion-frame-color:var(--sb-color-violet);--sb-accordion-frame-width--active:0.125rem}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header:hover:not([disabled]){border-radius:var(--sb-accordion-header-border-radius--hover-expanded)}.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header--expanded{border-radius:var(--sb-accordion-header-border-radius--expanded)}.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__content{border-radius:var(--sb-accordion-content-border-radius)}.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header[disabled],.eufemia-scope--10_77_0 .dnb-accordion--expanded>.dnb-accordion__header[disabled]+.dnb-accordion__content{--sb-accordion-background:var(--sb-color-gray-light-2);--sb-accordion-frame-color:var(--sb-color-gray-dark-2)}

package/components/accordion/style/themes/dnb-accordion-theme-ui--isolated.css

@@ -0,0 +1,158 @@
+/*
+ * Accordion theme
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-accordion__header {
+  color: var(--ui-accordion-color--override, var(--ui-accordion-color));
+  background-color: var(--ui-accordion-background--override, var(--ui-accordion-background));
+  box-shadow: var(--ui-accordion-box-shadow);
+  border: none;
+  /* 
+   * VARIANTS
+   * Each variant is mutually exclusive
+   */
+  /* 
+   * STATES
+   * States that can exist across all variants.
+   */
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header__description {
+  color: var(--ui-accordion-description-color--override, var(--ui-accordion-description-color));
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined, .eufemia-scope--10_77_0 .dnb-accordion__header--filled {
+  --ui-accordion-border-inset: inset;
+  --ui-accordion-box-shadow: var(--ui-accordion-border-inset) 0 0 0
+    var(--accordion-border-width)
+    var(
+      --ui-accordion-border-color--override,
+      var(--ui-accordion-border-color)
+    );
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined[disabled], .eufemia-scope--10_77_0 .dnb-accordion__header--filled[disabled] {
+  --ui-accordion-color: var(--color-sea-green-30);
+  --ui-accordion-background-: var(--color-white);
+  --ui-accordion-border-color: var(--color-sea-green-30);
+  --ui-accordion-description-color: var(--ui-accordion-color);
+  --ui-accordion-expanded-color: var(--color-white);
+  --ui-accordion-expanded-background: var(--color-sea-green-30);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined {
+  --ui-accordion-color: var(--color-emerald-green);
+  --ui-accordion-background: var(--color-white);
+  --ui-accordion-border-color: var(--color-black-8);
+  --ui-accordion-description-color: var(--color-black-55);
+  --ui-accordion-expanded-color: var(--color-white);
+  --ui-accordion-expanded-background: var(--color-sea-green);
+  --ui-accordion-expanded-border-color: var(
+    --ui-accordion-expanded-background
+  );
+  --ui-accordion-expanded-description-color: var(
+    --ui-accordion-expanded-color
+  );
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:focus-visible:not([disabled]) {
+  --accordion-border-width: 0.125rem;
+  --ui-accordion-border-color: var(--color-emerald-green);
+  --ui-accordion-expanded-border-color: var(--color-emerald-green);
+  --ui-accordion-expanded-color: var(--color-emerald-green);
+  --ui-accordion-expanded-background: var(--color-mint-green);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:hover:not([disabled]) {
+  --accordion-border-width: 0.125rem;
+  --ui-accordion-color: var(--color-emerald-green);
+  --ui-accordion-background: var(--color-white);
+  --ui-accordion-border-color: var(--color-emerald-green);
+  --ui-accordion-description-color: var(--color-black-55);
+  --ui-accordion-border-inset: ;
+  --ui-accordion-expanded-color: var(--ui-accordion-color);
+  --ui-accordion-expanded-background: var(--ui-accordion-background);
+  --ui-accordion-expanded-border-color: var(
+    --ui-accordion-border-color
+  );
+  --ui-accordion-expanded-description-color: var(
+    --ui-accordion-description-color
+  );
+  --ui-accordion-after-click-color: var(--color-white);
+  --ui-accordion-after-click-background: var(--color-sea-green);
+  --ui-accordion-after-click-border-color: var(--color-sea-green);
+  --ui-accordion-after-click-description-color: var(--color-white);
+  z-index: 1;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active:not([disabled]) {
+  --accordion-border-width: 0.0625rem;
+  --ui-accordion-background: var(--color-pistachio);
+  --ui-accordion-border-inset: inset;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--filled {
+  --accordion-border-width: 0.125rem;
+  --accordion-title-font-weight--expanded: var(--font-weight-basis);
+  --ui-accordion-color: var(--color-emerald-green);
+  --ui-accordion-background: var(--color-pistachio);
+  --ui-accordion-border-color: var(--color-pistachio);
+  --ui-accordion-description-color: var(--color-black-55);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:hover:not([disabled]) {
+  --ui-accordion-background: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--filled:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--filled:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:active:not([disabled]) {
+  --ui-accordion-color: var(--color-white);
+  --ui-accordion-background: var(--color-sea-green);
+  --ui-accordion-border-color: var(--color-sea-green);
+  --ui-accordion-description-color: ar(--color-white);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:focus-visible:not([disabled]) {
+  --ui-accordion-border-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--expanded {
+  --ui-accordion-color--override: var(
+    --ui-accordion-expanded-color--override,
+    var(--ui-accordion-expanded-color)
+  );
+  --ui-accordion-background--override: var(
+    --ui-accordion-expanded-background--override,
+    var(--ui-accordion-expanded-background)
+  );
+  --ui-accordion-border-color--override: var(
+    --ui-accordion-expanded-border-color--override,
+    var(--ui-accordion-expanded-border-color)
+  );
+  --ui-accordion-description-color--override: var(
+    --ui-accordion-expanded-description-color--override,
+    var(--ui-accordion-expanded-description-color)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-accordion__header--after-click {
+  --ui-accordion-expanded-color--override: var(
+    --ui-accordion-after-click-color
+  );
+  --ui-accordion-expanded-background--override: var(
+    --ui-accordion-after-click-background
+  );
+  --ui-accordion-expanded-border-color--override: var(
+    --ui-accordion-after-click-border-color
+  );
+  --ui-accordion-expanded-description-color--override: var(
+    --ui-accordion-after-click-description-color
+  );
+}

package/components/accordion/style/themes/dnb-accordion-theme-ui--isolated.min.css

@@ -0,0 +1,27 @@
+.eufemia-scope--10_77_0 .dnb-accordion__header{background-color:var(--ui-accordion-background--override,var(--ui-accordion-background));border:none;box-shadow:var(--ui-accordion-box-shadow);color:var(--ui-accordion-color--override,var(--ui-accordion-color))}.eufemia-scope--10_77_0 .dnb-accordion__header__description{color:var(--ui-accordion-description-color--override,var(--ui-accordion-description-color))}.eufemia-scope--10_77_0 .dnb-accordion__header--filled,.eufemia-scope--10_77_0 .dnb-accordion__header--outlined{--ui-accordion-border-inset:inset;--ui-accordion-box-shadow:var(--ui-accordion-border-inset) 0 0 0 var(--accordion-border-width) var(
+      --ui-accordion-border-color--override,var(--ui-accordion-border-color)
+    )}.eufemia-scope--10_77_0 .dnb-accordion__header--filled[disabled],.eufemia-scope--10_77_0 .dnb-accordion__header--outlined[disabled]{--ui-accordion-color:var(--color-sea-green-30);--ui-accordion-background-:var(--color-white);--ui-accordion-border-color:var(--color-sea-green-30);--ui-accordion-description-color:var(--ui-accordion-color);--ui-accordion-expanded-color:var(--color-white);--ui-accordion-expanded-background:var(--color-sea-green-30)}.eufemia-scope--10_77_0 .dnb-accordion__header--outlined{--ui-accordion-color:var(--color-emerald-green);--ui-accordion-background:var(--color-white);--ui-accordion-border-color:var(--color-black-8);--ui-accordion-description-color:var(--color-black-55);--ui-accordion-expanded-color:var(--color-white);--ui-accordion-expanded-background:var(--color-sea-green);--ui-accordion-expanded-border-color:var(
+    --ui-accordion-expanded-background
+  );--ui-accordion-expanded-description-color:var(
+    --ui-accordion-expanded-color
+  )}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:focus-visible:not([disabled]){--accordion-border-width:0.125rem;--ui-accordion-border-color:var(--color-emerald-green);--ui-accordion-expanded-border-color:var(--color-emerald-green);--ui-accordion-expanded-color:var(--color-emerald-green);--ui-accordion-expanded-background:var(--color-mint-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:hover:not([disabled]){--accordion-border-width:0.125rem;--ui-accordion-color:var(--color-emerald-green);--ui-accordion-background:var(--color-white);--ui-accordion-border-color:var(--color-emerald-green);--ui-accordion-description-color:var(--color-black-55);--ui-accordion-border-inset: ;--ui-accordion-expanded-color:var(--ui-accordion-color);--ui-accordion-expanded-background:var(--ui-accordion-background);--ui-accordion-expanded-border-color:var(
+    --ui-accordion-border-color
+  );--ui-accordion-expanded-description-color:var(
+    --ui-accordion-description-color
+  );--ui-accordion-after-click-color:var(--color-white);--ui-accordion-after-click-background:var(--color-sea-green);--ui-accordion-after-click-border-color:var(--color-sea-green);--ui-accordion-after-click-description-color:var(--color-white);z-index:1}.eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--outlined:active:not([disabled]){--accordion-border-width:0.0625rem;--ui-accordion-background:var(--color-pistachio);--ui-accordion-border-inset:inset}.eufemia-scope--10_77_0 .dnb-accordion__header--filled{--accordion-border-width:0.125rem;--accordion-title-font-weight--expanded:var(--font-weight-basis);--ui-accordion-color:var(--color-emerald-green);--ui-accordion-background:var(--color-pistachio);--ui-accordion-border-color:var(--color-pistachio);--ui-accordion-description-color:var(--color-black-55)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:hover:not([disabled]){--ui-accordion-background:var(--color-white)}.eufemia-scope--10_77_0 .dnb-accordion__header--filled:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-accordion__header--filled:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:active:not([disabled]){--ui-accordion-color:var(--color-white);--ui-accordion-background:var(--color-sea-green);--ui-accordion-border-color:var(--color-sea-green);--ui-accordion-description-color:ar(--color-white)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-accordion__header--filled:focus-visible:not([disabled]){--ui-accordion-border-color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-accordion__header--expanded{--ui-accordion-color--override:var(
+    --ui-accordion-expanded-color--override,var(--ui-accordion-expanded-color)
+  );--ui-accordion-background--override:var(
+    --ui-accordion-expanded-background--override,var(--ui-accordion-expanded-background)
+  );--ui-accordion-border-color--override:var(
+    --ui-accordion-expanded-border-color--override,var(--ui-accordion-expanded-border-color)
+  );--ui-accordion-description-color--override:var(
+    --ui-accordion-expanded-description-color--override,var(--ui-accordion-expanded-description-color)
+  )}.eufemia-scope--10_77_0 .dnb-accordion__header--after-click{--ui-accordion-expanded-color--override:var(
+    --ui-accordion-after-click-color
+  );--ui-accordion-expanded-background--override:var(
+    --ui-accordion-after-click-background
+  );--ui-accordion-expanded-border-color--override:var(
+    --ui-accordion-after-click-border-color
+  );--ui-accordion-expanded-description-color--override:var(
+    --ui-accordion-after-click-description-color
+  )}