@dnb/eufemia/cjs/components/icon/style/dnb-icon--isolated.min.css

DNB Eufemia Design System UI Library

.eufemia-scope--11_8_2 .dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.eufemia-scope--11_8_2 .dnb-icon img,.eufemia-scope--11_8_2 .dnb-icon svg,.eufemia-scope--11_8_2 :where(.dnb-core-style) .dnb-icon img,.eufemia-scope--11_8_2 :where(.dnb-core-style) .dnb-icon svg{shape-rendering:geometricprecision;height:inherit;vertical-align:top;width:inherit}.eufemia-scope--11_8_2 .dnb-icon svg[width="100%"]{width:inherit}.eufemia-scope--11_8_2 .dnb-icon svg[height="100%"]{height:inherit}.eufemia-scope--11_8_2 .dnb-icon--filled svg path,.eufemia-scope--11_8_2 .dnb-icon--inherit-color svg [fill],.eufemia-scope--11_8_2 .dnb-icon--inherit-color svg:not([fill]){fill:currentcolor}.eufemia-scope--11_8_2 .dnb-icon--inherit-color svg [stroke]{stroke:currentcolor}.eufemia-scope--11_8_2 .dnb-icon--small{font-size:.75rem}.eufemia-scope--11_8_2 .dnb-icon--default{font-size:1rem}.eufemia-scope--11_8_2 .dnb-icon--medium{font-size:1.5rem}.eufemia-scope--11_8_2 .dnb-icon--large{font-size:2rem}.eufemia-scope--11_8_2 .dnb-icon--x-large{font-size:2.5rem}.eufemia-scope--11_8_2 .dnb-icon--xx-large{font-size:3rem}.eufemia-scope--11_8_2 .dnb-icon--custom-size{height:auto;line-height:0;width:auto}.eufemia-scope--11_8_2 .dnb-icon--auto{font-size:1em}.eufemia-scope--11_8_2 .dnb-icon--auto svg[width="24"] path,.eufemia-scope--11_8_2 .dnb-icon--custom-size svg[width="24"] path,.eufemia-scope--11_8_2 .dnb-icon--large svg[width="24"] path,.eufemia-scope--11_8_2 .dnb-icon--x-large svg[width="24"] path,.eufemia-scope--11_8_2 .dnb-icon--xx-large svg[width="24"] path{vector-effect:non-scaling-stroke}.eufemia-scope--11_8_2 .dnb-icon--auto>.dnb-icon--wrapper{align-items:center;display:inline-flex;justify-content:center}.eufemia-scope--11_8_2 .dnb-icon{--icon-border-positioning:var(--icon-border-positioning--default,-25%)}.eufemia-scope--11_8_2 .dnb-icon--border{position:relative;vertical-align:baseline}.eufemia-scope--11_8_2 .dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:var(--icon-border-positioning);content:"";left:var(--icon-border-positioning);margin:auto;position:absolute;right:var(--icon-border-positioning);top:var(--icon-border-positioning)}.eufemia-scope--11_8_2 h1>.dnb-icon,.eufemia-scope--11_8_2 h2>.dnb-icon,.eufemia-scope--11_8_2 h3>.dnb-icon,.eufemia-scope--11_8_2 h4>.dnb-icon,.eufemia-scope--11_8_2 h5>.dnb-icon,.eufemia-scope--11_8_2 h6>.dnb-icon{vertical-align:middle}.eufemia-scope--11_8_2 p>.dnb-icon{vertical-align:inherit}.eufemia-scope--11_8_2 .dnb-icon.dnb-skeleton:after,.eufemia-scope--11_8_2 .dnb-icon.dnb-skeleton:before{content:none!important}.eufemia-scope--11_8_2 .dnb-icon.dnb-skeleton{color:var(--skeleton-color)!important}@supports (d:path("")){.eufemia-scope--11_8_2 .dnb-icon--transition-fallback[style*="--icon-transition"] svg[data-icon-state]:not(:first-of-type){display:none}.eufemia-scope--11_8_2 .dnb-icon--transition-fallback[style*="--icon-transition"] svg[data-icon-state]:first-of-type{opacity:1;transform:none;transition:none}.eufemia-scope--11_8_2 .dnb-icon--transition-fallback[style*="--icon-transition"] svg[data-icon-state]:first-of-type path{d:var(--icon-transition,var(--icon-transition-default));vector-effect:non-scaling-stroke;transition:d .4s var(--easing-default)}@media (prefers-reduced-motion:reduce){.eufemia-scope--11_8_2 .dnb-icon--transition-fallback[style*="--icon-transition"] svg[data-icon-state]:first-of-type path{transition-duration:.01ms}}}.eufemia-scope--11_8_2 .dnb-icon--transition-fallback{position:relative}.eufemia-scope--11_8_2 .dnb-icon--transition-fallback svg[data-icon-state]{transition:opacity .5s var(--easing-default) 80ms,transform .6s var(--easing-default)}.eufemia-scope--11_8_2 .dnb-icon--transition-fallback svg[data-icon-state]:not(:first-of-type){bottom:0;left:0;position:absolute;right:0;top:0}.eufemia-scope--11_8_2 .dnb-icon--transition-fallback svg[data-icon-state]:not(.dnb-icon__state--active){opacity:0;transform:scale(.5)}.eufemia-scope--11_8_2 .dnb-icon--transition-fallback svg[data-icon-state].dnb-icon__state--active{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.eufemia-scope--11_8_2 .dnb-icon--transition-fallback svg[data-icon-state]{transition-duration:.01ms}}