.eufemia-scope--portal ._codeBlockStyle_m9rhw_4{margin-bottom:2rem;position:relative}.eufemia-scope--portal .focusmode ._codeBlockStyle_m9rhw_4{margin-bottom:0}.eufemia-scope--portal ._codeBlockStyle_m9rhw_4 textarea{outline:inherit}.eufemia-scope--portal ._codeBlockStyle_m9rhw_4>pre:focus-visible{outline:none}html[data-whatinput=keyboard] .eufemia-scope--portal ._codeBlockStyle_m9rhw_4>pre:focus-visible{--border-color:var(--token-color-stroke-action-focus);--border-width:var(--focus-ring-width);box-shadow:0 0 0 var(--border-width) var(--border-color);border-color:#0000}@media (forced-colors:active){html[data-whatinput=keyboard] .eufemia-scope--portal ._codeBlockStyle_m9rhw_4>pre:focus-visible{outline:var(--focus-ring-width) solid transparent}}.eufemia-scope--portal ._codeBlockStyle_m9rhw_4 .eufemia-theme{background-color:#0000}.eufemia-scope--portal button._copyButtonStyle_m9rhw_32{z-index:1;opacity:0;transition:opacity .2s;position:absolute;top:.75rem;left:calc(100% - 2.75rem)}.eufemia-scope--portal ._codeBlockStyle_m9rhw_4:hover button._copyButtonStyle_m9rhw_32,.eufemia-scope--portal ._codeBlockStyle_m9rhw_4:focus-within button._copyButtonStyle_m9rhw_32{opacity:1}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44{--example-box-padding:2rem;height:100%;padding:var(--example-box-padding);flex:1;position:relative}.eufemia-scope--portal .focusmode ._exampleBoxStyle_m9rhw_44{padding:0}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44._center_m9rhw_62{flex-direction:column;align-items:center;display:flex}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44{--grid-rgb:204 80 72;--grid-opacity:.3;--grid-opacity-bold:.65;--grid-background:transparent;--grid-gutter:.5rem;--grid-gutter-bold:2rem;--grid-color:rgb(var(--grid-rgb) / var(--grid-opacity));--grid-color-bold:rgb(var(--grid-rgb) / var(--grid-opacity-bold));--grid-line-thickness:1px;--grid-columns:repeating-linear-gradient(to right, var(--grid-color), var(--grid-color) var(--grid-line-thickness), transparent var(--grid-line-thickness), transparent var(--grid-gutter));--grid-columns-bold:repeating-linear-gradient(to right, var(--grid-color-bold), var(--grid-color-bold) var(--grid-line-thickness), transparent var(--grid-line-thickness), transparent var(--grid-gutter-bold));--grid-rows:repeating-linear-gradient(to bottom, var(--grid-color), var(--grid-color) var(--grid-line-thickness), transparent var(--grid-line-thickness), transparent var(--grid-gutter));--grid-rows-bold:repeating-linear-gradient(to bottom, var(--grid-color-bold), var(--grid-color-bold) var(--grid-line-thickness), transparent var(--grid-line-thickness), transparent var(--grid-gutter-bold))}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44:after{content:"";z-index:-100;background-image:var(--grid-columns), var(--grid-columns-bold), var(--grid-rows), var(--grid-rows-bold);border-bottom:solid var(--grid-line-thickness) var(--grid-color-bold);border-right:solid var(--grid-line-thickness) var(--grid-color-bold);background-color:var(--grid-background);position:absolute;inset:0}.eufemia-scope--portal ._exampleBoxStyle_m9rhw_44{--grid-rgb:236 236 236;--grid-opacity:.2;--grid-opacity-bold:.2;--grid-background:var(--token-color-background-page-background)}.eufemia-scope--portal .surface--dark ._exampleBoxStyle_m9rhw_44{--grid-opacity:.05;--grid-opacity-bold:.03;--grid-background:var(--token-color-decorative-first-bold-static)}.eufemia-scope--portal .eufemia-theme__color-scheme--dark>._exampleBoxStyle_m9rhw_44{--grid-opacity:.05;--grid-opacity-bold:.03}.eufemia-scope--portal .background--plain ._exampleBoxStyle_m9rhw_44:after{background-image:none}html[data-visual-test] .eufemia-scope--portal ._exampleBoxStyle_m9rhw_44{--grid-background:transparent}html[data-visual-test] .eufemia-scope--portal ._exampleBoxStyle_m9rhw_44:after{background-image:none}.eufemia-scope--portal .focusmode ._showFocusModePaddingStyle_m9rhw_141{padding:var(--example-box-padding)}.eufemia-scope--portal ._toolbarStyle_m9rhw_145{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.eufemia-scope--portal ._toolbarStyle_m9rhw_145 .dnb-forms-field-selection .dnb-toggle-button__shell{display:flex}.eufemia-scope--portal ._toolbarStyle_m9rhw_145{margin:0 .0625rem;padding:.5rem 1rem}.eufemia-scope--portal .focusmode ._toolbarStyle_m9rhw_145{justify-content:space-between;padding:1rem .5rem}.eufemia-scope--portal ._toolbarStyle_m9rhw_145:empty{display:none}.eufemia-scope--portal ._toolbarStyle_m9rhw_145{position:relative}.eufemia-scope--portal ._toolbarStyle_m9rhw_145:after{content:"";pointer-events:none;border-top:.0625rem solid var(--token-color-stroke-neutral-subtle);position:absolute;inset:0}.eufemia-scope--portal .hide-code ._toolbarStyle_m9rhw_145:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.eufemia-scope--portal .hide-code ._toolbarStyle_m9rhw_145:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.eufemia-scope--portal .omit-wrapper ._toolbarStyle_m9rhw_145:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.eufemia-scope--portal .omit-wrapper ._toolbarStyle_m9rhw_145:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}.eufemia-scope--portal .hide-preview ._toolbarStyle_m9rhw_145:after{border-top:none}.eufemia-scope--portal .omit-wrapper:not(.hide-code) ._toolbarStyle_m9rhw_145{box-shadow:inset 0 0 0 .0625rem var(--token-color-stroke-neutral-subtle)}.eufemia-scope--portal .omit-wrapper:not(.hide-code) ._toolbarStyle_m9rhw_145:after{border-top:none}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194{--border-radius:var(--token-radius-lg);border-radius:var(--border-radius);box-shadow:inset 0 0 0 .0625rem var(--token-color-stroke-neutral-subtle)}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194.omit-wrapper{box-shadow:none}.eufemia-scope--portal .focusmode ._liveCodeEditorStyle_m9rhw_194,html[data-visual-test] .eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194{--border-radius:0;box-shadow:none}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .example-caption{margin-bottom:1.5rem}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-accordion__content>*{width:100%}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor{cursor:text;position:relative}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor:hover,.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor:focus-within{box-shadow:0 0 0 var(--focus-ring-width) var(--token-color-stroke-action-focus)}:is(.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor:hover:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor:focus-within:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}:is(.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor:hover:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor:focus-within:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.eufemia-scope--portal .focusmode ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor:hover,.eufemia-scope--portal .focusmode ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor:focus-within{box-shadow:none}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor__editable:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor__editable:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .dnb-live-editor__editable.dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:0}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .react-live-error:last-child{z-index:1;white-space:normal;max-width:40rem;height:auto;line-height:2rem;position:absolute}.eufemia-scope--portal ._liveCodeEditorStyle_m9rhw_194 .prism-code{white-space:pre-wrap!important;padding:0!important}