@dnb/eufemia/components/modal/style/dnb-modal.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}}:root{--modal-z-index:3000;--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{height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--modal-z-index)}.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}