@nodesecure/cli/public/components/popup/popup.css

Node.js security CLI

/** TODO: ANIMATE ? **/
section#popup--background {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  /* pointer-events: none; */
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgb(30 35 65) 100%);

  visibility: hidden;
  opacity: 0;
  transition: opacity 0.35s ease-in, visibility 0ms ease-in 0.35s;
}

section#popup--background.show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.35s ease-in, visibility 0ms ease-in 0ms;
}

section#popup--background>.popup {
  pointer-events: all !important;
  background: #f5f4f4;
  border-radius: 4px;
  box-shadow: 5px 5px 15px rgb(23 27 129 / 41%);
  border-left: 2px solid #ffffff;
  border-top: 2px solid #FFF;
}