@dnb/eufemia/es/components/modal/style/dnb-modal.min.css

DNB Eufemia Design System UI Library

:root{--modal-z-index:var(--z-index-modal);--modal-animation-duration:300ms}html[data-dnb-modal-active]{-webkit-user-select:none;user-select:none}html[data-dnb-modal-active] .eufemia-portal-root{-webkit-user-select:text;user-select:text}.dnb-modal__content{align-items:center;display:flex;height:100%;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;width:100%;z-index:calc(var(--modal-z-index) + 1)}@media screen and (max-width:40em){.dnb-modal__content--auto-fullscreen{height:auto}}.dnb-modal__content--fullscreen{align-items:flex-start;justify-content:flex-start}.dnb-modal__content--fullscreen .dnb-modal__content__content{height:auto}.dnb-modal__content--left,.dnb-modal__content--top{align-items:flex-start;justify-content:flex-start}.dnb-modal__content--right{align-items:flex-start;justify-content:flex-end}.dnb-modal__content--bottom{align-items:flex-end;justify-content:flex-start}.dnb-modal__vertical-alignment--top{align-items:flex-start;padding-top:5vh}.dnb-modal__overlay{--modal-overlay-bg:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--modal-z-index)}.dnb-modal__color-scheme--dark.dnb-modal__overlay{--modal-overlay-bg:rgba(0,0,0,.48)}.dnb-modal-root__inner .dnb-modal__overlay{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.dnb-modal-root__inner:last-of-type .dnb-modal__overlay{animation:show-modal-overlay var(--modal-animation-duration) ease-out}.dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.dnb-modal__overlay--no-animation,html[data-visual-test] .dnb-modal__overlay{animation-delay:0ms!important;animation-duration:0ms!important}@media (prefers-reduced-motion:reduce){.dnb-modal__overlay{animation-duration:.01ms!important}}.dnb-modal-root__inner{position:relative;z-index:calc(var(--modal-z-index) + 1)}.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 2)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 3)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 4)}.dnb-modal__close-button{z-index:calc(var(--modal-z-index) + 1)}.dnb-modal__header__bar.dnb-section{display:flex;flex-direction:row;justify-content:space-between}