@dnb/eufemia/style/dnb-ui-core--isolated.min.css

DNB Eufemia Design System UI Library

@charset "UTF-8";html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);tab-size:4;word-break:break-word}body{margin:0}@media (prefers-reduced-motion:reduce){.eufemia-scope--10_104_0 *,.eufemia-scope--10_104_0 :after,.eufemia-scope--10_104_0 :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}html:not([data-visual-test]) .eufemia-scope--10_104_0{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:not([data-visual-test]) .eufemia-scope--10_104_0{scroll-behavior:auto}}html{font-size:100%}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 .dnb-ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 .dnb-p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body .eufemia-scope--10_104_0 #dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body .eufemia-scope--10_104_0 #dnbLayoutDefaultStartPage #wrapper{padding:0;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] .eufemia-scope--10_104_0 #column_content{box-shadow:none}.eufemia-scope--10_104_0 .dnb-core-style *,.eufemia-scope--10_104_0 .dnb-core-style :after,.eufemia-scope--10_104_0 .dnb-core-style :before,body .eufemia-scope--10_104_0 *,body .eufemia-scope--10_104_0 :after,body .eufemia-scope--10_104_0 :before{background-repeat:no-repeat;box-sizing:border-box}.eufemia-scope--10_104_0 .dnb-core-style :after,.eufemia-scope--10_104_0 .dnb-core-style :before,body .eufemia-scope--10_104_0 :after,body .eufemia-scope--10_104_0 :before{text-decoration:inherit;vertical-align:inherit}.eufemia-scope--10_104_0 .dnb-core-style hr,body .eufemia-scope--10_104_0 hr{height:0;overflow:visible}.eufemia-scope--10_104_0 .dnb-core-style main,body .eufemia-scope--10_104_0 main{display:block}.eufemia-scope--10_104_0 .dnb-core-style nav ol,.eufemia-scope--10_104_0 .dnb-core-style nav ul,body .eufemia-scope--10_104_0 nav ol,body .eufemia-scope--10_104_0 nav ul{list-style:none}.eufemia-scope--10_104_0 .dnb-core-style abbr[title],body .eufemia-scope--10_104_0 abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.eufemia-scope--10_104_0 .dnb-core-style b,.eufemia-scope--10_104_0 .dnb-core-style strong,body .eufemia-scope--10_104_0 b,body .eufemia-scope--10_104_0 strong{font-weight:bolder}.eufemia-scope--10_104_0 .dnb-core-style code,.eufemia-scope--10_104_0 .dnb-core-style kbd,.eufemia-scope--10_104_0 .dnb-core-style pre,.eufemia-scope--10_104_0 .dnb-core-style samp,body .eufemia-scope--10_104_0 code,body .eufemia-scope--10_104_0 kbd,body .eufemia-scope--10_104_0 pre,body .eufemia-scope--10_104_0 samp{font-family:var(--font-family-monospace)}.eufemia-scope--10_104_0 .dnb-core-style ::selection,body .eufemia-scope--10_104_0 ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.eufemia-scope--10_104_0 .dnb-core-style audio,.eufemia-scope--10_104_0 .dnb-core-style canvas,.eufemia-scope--10_104_0 .dnb-core-style iframe,.eufemia-scope--10_104_0 .dnb-core-style img,.eufemia-scope--10_104_0 .dnb-core-style svg,.eufemia-scope--10_104_0 .dnb-core-style video,body .eufemia-scope--10_104_0 audio,body .eufemia-scope--10_104_0 canvas,body .eufemia-scope--10_104_0 iframe,body .eufemia-scope--10_104_0 img,body .eufemia-scope--10_104_0 svg,body .eufemia-scope--10_104_0 video{vertical-align:middle}.eufemia-scope--10_104_0 .dnb-core-style audio,.eufemia-scope--10_104_0 .dnb-core-style video,body .eufemia-scope--10_104_0 audio,body .eufemia-scope--10_104_0 video{display:inline-block}.eufemia-scope--10_104_0 .dnb-core-style audio:not([controls]),body .eufemia-scope--10_104_0 audio:not([controls]){display:none;height:0}.eufemia-scope--10_104_0 .dnb-core-style img,body .eufemia-scope--10_104_0 img{border-style:none}.eufemia-scope--10_104_0 .dnb-core-style svg:not([fill]),body .eufemia-scope--10_104_0 svg:not([fill]){fill:currentcolor}.eufemia-scope--10_104_0 .dnb-core-style svg:not(:root),body .eufemia-scope--10_104_0 svg:not(:root){overflow:hidden}.eufemia-scope--10_104_0 .dnb-core-style table,body .eufemia-scope--10_104_0 table{border-collapse:collapse}.eufemia-scope--10_104_0 .dnb-core-style button,.eufemia-scope--10_104_0 .dnb-core-style input,.eufemia-scope--10_104_0 .dnb-core-style select,.eufemia-scope--10_104_0 .dnb-core-style textarea,body .eufemia-scope--10_104_0 button,body .eufemia-scope--10_104_0 input,body .eufemia-scope--10_104_0 select,body .eufemia-scope--10_104_0 textarea{font-family:inherit;font-size:inherit;line-height:inherit}.eufemia-scope--10_104_0 .dnb-core-style button,.eufemia-scope--10_104_0 .dnb-core-style figure,.eufemia-scope--10_104_0 .dnb-core-style input,.eufemia-scope--10_104_0 .dnb-core-style select,body .eufemia-scope--10_104_0 button,body .eufemia-scope--10_104_0 figure,body .eufemia-scope--10_104_0 input,body .eufemia-scope--10_104_0 select{margin:0}.eufemia-scope--10_104_0 .dnb-core-style button,body .eufemia-scope--10_104_0 button{overflow:visible;text-transform:none}.eufemia-scope--10_104_0 .dnb-core-style input,body .eufemia-scope--10_104_0 input{overflow:visible;word-break:normal}.eufemia-scope--10_104_0 .dnb-core-style legend,body .eufemia-scope--10_104_0 legend{color:inherit;display:table;max-width:100%;white-space:normal}.eufemia-scope--10_104_0 .dnb-core-style progress,body .eufemia-scope--10_104_0 progress{display:inline-block;vertical-align:baseline}.eufemia-scope--10_104_0 .dnb-core-style select,body .eufemia-scope--10_104_0 select{text-transform:none}.eufemia-scope--10_104_0 .dnb-core-style textarea,body .eufemia-scope--10_104_0 textarea{overflow:auto;resize:vertical}.eufemia-scope--10_104_0 .dnb-core-style [type=checkbox],.eufemia-scope--10_104_0 .dnb-core-style [type=radio],body .eufemia-scope--10_104_0 [type=checkbox],body .eufemia-scope--10_104_0 [type=radio]{padding:0}.eufemia-scope--10_104_0 .dnb-core-style input[type=search],body .eufemia-scope--10_104_0 input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}.eufemia-scope--10_104_0 .dnb-core-style ::-webkit-inner-spin-button,.eufemia-scope--10_104_0 .dnb-core-style ::-webkit-outer-spin-button,body .eufemia-scope--10_104_0 ::-webkit-inner-spin-button,body .eufemia-scope--10_104_0 ::-webkit-outer-spin-button{height:auto}.eufemia-scope--10_104_0 .dnb-core-style ::-webkit-search-decoration,body .eufemia-scope--10_104_0 ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.eufemia-scope--10_104_0 .dnb-core-style ::-webkit-file-upload-button,body .eufemia-scope--10_104_0 ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.eufemia-scope--10_104_0 .dnb-core-style ::-moz-focus-inner,body .eufemia-scope--10_104_0 ::-moz-focus-inner{border-style:none;padding:0}.eufemia-scope--10_104_0 .dnb-core-style details,body .eufemia-scope--10_104_0 details{display:block}.eufemia-scope--10_104_0 .dnb-core-style summary,body .eufemia-scope--10_104_0 summary{display:list-item}.eufemia-scope--10_104_0 .dnb-core-style canvas,body .eufemia-scope--10_104_0 canvas{display:inline-block}.eufemia-scope--10_104_0 .dnb-core-style template,body .eufemia-scope--10_104_0 template{display:none}.eufemia-scope--10_104_0 .dnb-core-style [tabindex],.eufemia-scope--10_104_0 .dnb-core-style a,.eufemia-scope--10_104_0 .dnb-core-style area,.eufemia-scope--10_104_0 .dnb-core-style button,.eufemia-scope--10_104_0 .dnb-core-style input,.eufemia-scope--10_104_0 .dnb-core-style label,.eufemia-scope--10_104_0 .dnb-core-style select,.eufemia-scope--10_104_0 .dnb-core-style summary,.eufemia-scope--10_104_0 .dnb-core-style textarea,body .eufemia-scope--10_104_0 [tabindex],body .eufemia-scope--10_104_0 a,body .eufemia-scope--10_104_0 area,body .eufemia-scope--10_104_0 button,body .eufemia-scope--10_104_0 input,body .eufemia-scope--10_104_0 label,body .eufemia-scope--10_104_0 select,body .eufemia-scope--10_104_0 summary,body .eufemia-scope--10_104_0 textarea{touch-action:manipulation}.eufemia-scope--10_104_0 .dnb-core-style [hidden],body .eufemia-scope--10_104_0 [hidden]{display:none}.eufemia-scope--10_104_0 .dnb-core-style [aria-busy=true],body .eufemia-scope--10_104_0 [aria-busy=true]{cursor:progress}.eufemia-scope--10_104_0 .dnb-core-style [aria-controls]:not(input),body .eufemia-scope--10_104_0 [aria-controls]:not(input){cursor:pointer}.eufemia-scope--10_104_0 .dnb-core-style [aria-disabled=true],.eufemia-scope--10_104_0 .dnb-core-style [disabled],body .eufemia-scope--10_104_0 [aria-disabled=true],body .eufemia-scope--10_104_0 [disabled]{cursor:not-allowed}.eufemia-scope--10_104_0 .dnb-core-style [aria-hidden=false][hidden]:not(:focus),body .eufemia-scope--10_104_0 [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}.eufemia-scope--10_104_0 .dnb-core-style,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;--eufemia-version:"10.104.0";color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}@media print{.eufemia-scope--10_104_0 .dnb-core-style,body{background-color:#fff;color:#000}}.eufemia-scope--10_104_0 .dnb-core-style .eufemia-theme,body .eufemia-scope--10_104_0 .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.eufemia-scope--10_104_0 .dnb-no-focus,.eufemia-scope--10_104_0 .dnb-tab-focus,.eufemia-scope--10_104_0 .dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-mouse-focus,.eufemia-scope--10_104_0 .dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .eufemia-scope--10_104_0 .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-focus-ring{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.eufemia-scope--10_104_0 .dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.eufemia-scope--10_104_0 .dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.eufemia-scope--10_104_0 .dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.eufemia-scope--10_104_0 .dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.eufemia-scope--10_104_0 .dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888)}.eufemia-scope--10_104_0 .dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}.eufemia-scope--10_104_0 .dnb-scrollbar-appearance::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-thumb-width,.5rem)}}.eufemia-scope--10_104_0 .dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.eufemia-scope--10_104_0 .dnb-skip-link--active,.eufemia-scope--10_104_0 .dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--skip-link-color);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;-webkit-text-decoration:none;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.eufemia-scope--10_104_0 .dnb-skip-link--active:after,.eufemia-scope--10_104_0 .dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.eufemia-scope--10_104_0 .dnb-skip-link--active:before,.eufemia-scope--10_104_0 .dnb-skip-link:focus:before{background-color:var(--skip-link-background);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .eufemia-scope--10_104_0 .dnb-skip-link--active:before,html[data-whatinput=mouse] .eufemia-scope--10_104_0 .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-skip-link--active:hover:before,.eufemia-scope--10_104_0 .dnb-skip-link:focus:hover:before{background-color:var(--skip-link-background--hover)}.eufemia-scope--10_104_0 .dnb-skip-link--active:active:before,.eufemia-scope--10_104_0 .dnb-skip-link:focus:active:before{background-color:var(--skip-link-background--active)}.eufemia-scope--10_104_0 .dnb-skip-link--active:focus:not(:active):before,.eufemia-scope--10_104_0 .dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_104_0 .dnb-skip-link--active:focus,.eufemia-scope--10_104_0 .dnb-skip-link:focus:focus{opacity:1}.eufemia-scope--10_104_0 .dnb-skip-link--active:hover,.eufemia-scope--10_104_0 .dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--skip-link-color--hover)}.eufemia-scope--10_104_0 .dnb-skip-link--active:focus:not(:hover):not(:active),.eufemia-scope--10_104_0 .dnb-skip-link:focus:focus:not(:hover):not(:active){background-color:transparent;box-shadow:none;color:var(--skip-link-color)}.eufemia-scope--10_104_0 .dnb-skip-link--active:active,.eufemia-scope--10_104_0 .dnb-skip-link:focus:active{background-color:transparent;color:var(--skip-link-color--active)}html[data-whatintent=touch] .eufemia-scope--10_104_0 .dnb-skip-link{display:none}.eufemia-scope--10_104_0 .dnb-alignment-helper{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.eufemia-scope--10_104_0 .dnb-alignment-helper--pseudo-element-only:before,.eufemia-scope--10_104_0 .dnb-alignment-helper:before{speak:none;content:"⁠";display:inline-block;font-size:var(--font-size-small);height:0;height:100%;opacity:0;width:0}.eufemia-scope--10_104_0 .dnb-drop-shadow{box-shadow:var(--shadow-default)}.eufemia-scope--10_104_0 .dnb-sharp-drop-shadow{box-shadow:var(--shadow-sharp)}.eufemia-scope--10_104_0 .dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.eufemia-scope--10_104_0 .dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}