@dnb/eufemia/components/section/style/themes/dnb-section-theme-ui--isolated.min.css

DNB Eufemia Design System UI Library

.eufemia-scope--10_104_0 .dnb-section{--background-color:var(--color-white);--outline-color--value:var(--color-black-8)}.eufemia-scope--10_104_0 .dnb-section--divider{--text-color:var(--color-black-80);--background-color:var(--color-white);--sc:var(--color-mint-green-50);z-index:0}.eufemia-scope--10_104_0 .dnb-section--divider:after{--box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 0.0625rem 0 0 var(--sc),99vw 0.0625rem 0 0 var(--sc),0 -0.0625rem 0 0 var(--sc),99vw -0.0625rem 0 0 var(--sc),198vw 0.0625rem 0 0 var(--sc),198vw -0.0625rem 0 0 var(--sc)}.eufemia-scope--10_104_0 .dnb-section--transparent{--background-color:transparent}.eufemia-scope--10_104_0 .dnb-section--default,.eufemia-scope--10_104_0 .dnb-section--mint-green-12{--text-color:var(--text-color--value,var(--color-black-80));--background-color:var(
    --background-color--value,var(--color-mint-green-12)
  )}.eufemia-scope--10_104_0 .dnb-section--white{--text-color:var(--color-black-80);--background-color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-section--mint-green{--text-color:var(--color-black-80);--background-color:var(--color-mint-green)}.eufemia-scope--10_104_0 .dnb-section--lavender{--text-color:var(--color-black-80);--background-color:var(--color-lavender)}.eufemia-scope--10_104_0 .dnb-section--sand-yellow,.eufemia-scope--10_104_0 .dnb-section--warning{--text-color:var(--color-black-80);--background-color:var(--color-sand-yellow)}.eufemia-scope--10_104_0 .dnb-section--info,.eufemia-scope--10_104_0 .dnb-section--pistachio{--text-color:var(--color-black-80);--background-color:var(--color-pistachio)}.eufemia-scope--10_104_0 .dnb-section--black-3{--text-color:var(--color-black-80);--background-color:var(--color-black-3)}.eufemia-scope--10_104_0 .dnb-section--emerald-green{--text-color:var(--color-mint-green);--background-color:var(--color-emerald-green)}.eufemia-scope--10_104_0 .dnb-section--sea-green{--text-color:var(--color-white);--background-color:var(--color-sea-green)}.eufemia-scope--10_104_0 .dnb-section--fire-red{--text-color:var(--color-white);--background-color:var(--color-fire-red)}.eufemia-scope--10_104_0 .dnb-section--error,.eufemia-scope--10_104_0 .dnb-section--fire-red-8{--text-color:var(--color-black-80);--background-color:var(--color-fire-red-8)}.eufemia-scope--10_104_0 .dnb-section--success{--text-color:var(--color-white);--background-color:var(--color-success-green)}.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-anchor,.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-anchor,.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-anchor,.eufemia-scope--10_104_0 .dnb-section--success .dnb-anchor{color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.eufemia-scope--10_104_0 .dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover),.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover),.eufemia-scope--10_104_0 .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover){box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-anchor:active,.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-anchor:active,.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-anchor:active,.eufemia-scope--10_104_0 .dnb-section--success .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 transparent,var(--anchor-background-gutter-right,.125rem) 0 0 0 transparent;color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-anchor:focus-visible,.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-anchor:focus-visible,.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-anchor:focus-visible,.eufemia-scope--10_104_0 .dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-button--tertiary,.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-button--tertiary:hover,.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-button--tertiary,.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-button--tertiary:hover,.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-button--tertiary,.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-button--tertiary:hover{--text-color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{--text-color:var(--color-white)!important}.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-button--tertiary:focus,.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-button--tertiary:focus,.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-button--tertiary:focus{--text-color:var(--color-white)}.eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-button--tertiary:focus:before,.eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-button--tertiary:focus:before,.eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .eufemia-scope--10_104_0 .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--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-section--fire-red ::selection,.eufemia-scope--10_104_0 .dnb-section--mint-green ::selection{background-color:var(--color-white)}