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

DNB Eufemia Design System UI Library

@keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.eufemia-scope--10_104_0{--modal-z-index:3000;--modal-animation-duration:300ms}html[data-dnb-modal-active] .eufemia-scope--10_104_0{-webkit-user-select:none;user-select:none}html[data-dnb-modal-active] .eufemia-scope--10_104_0 .eufemia-portal-root{-webkit-user-select:text;user-select:text}.eufemia-scope--10_104_0 .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){.eufemia-scope--10_104_0 .dnb-modal__content--auto-fullscreen{height:auto}}.eufemia-scope--10_104_0 .dnb-modal__content--fullscreen{align-items:flex-start;justify-content:flex-start}.eufemia-scope--10_104_0 .dnb-modal__content--fullscreen .dnb-modal__content__content{height:auto}.eufemia-scope--10_104_0 .dnb-modal__content--left,.eufemia-scope--10_104_0 .dnb-modal__content--top{align-items:flex-start;justify-content:flex-start}.eufemia-scope--10_104_0 .dnb-modal__content--right{align-items:flex-start;justify-content:flex-end}.eufemia-scope--10_104_0 .dnb-modal__content--bottom{align-items:flex-end;justify-content:flex-start}.eufemia-scope--10_104_0 .dnb-modal__vertical-alignment--top{align-items:flex-start;padding-top:5vh}.eufemia-scope--10_104_0 .dnb-modal__overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--modal-z-index)}.eufemia-scope--10_104_0 .dnb-modal-root__inner .dnb-modal__overlay{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.eufemia-scope--10_104_0 .dnb-modal-root__inner:last-of-type .dnb-modal__overlay{animation:show-modal-overlay var(--modal-animation-duration) ease-out}.eufemia-scope--10_104_0 .dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.eufemia-scope--10_104_0 .dnb-modal__overlay--no-animation,html[data-visual-test] .eufemia-scope--10_104_0 .dnb-modal__overlay{animation-delay:0ms!important;animation-duration:0ms!important}@media (prefers-reduced-motion:reduce){.eufemia-scope--10_104_0 .dnb-modal__overlay{animation-duration:.01ms!important}}.eufemia-scope--10_104_0 .dnb-modal-root__inner{position:relative;z-index:calc(var(--modal-z-index) + 1)}.eufemia-scope--10_104_0 .dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 2)}.eufemia-scope--10_104_0 .dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 3)}.eufemia-scope--10_104_0 .dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 4)}.eufemia-scope--10_104_0 .dnb-modal__close-button{z-index:calc(var(--modal-z-index) + 1)}.eufemia-scope--10_104_0 .dnb-modal__header__bar.dnb-section{display:flex;flex-direction:row;justify-content:space-between}