@ozen-ui/kit/__inner__/cjs/components/Backdrop/Backdrop.css

React component library

.Backdrop {
  --backdrop-z-index: var(--z-index-absolute);
  z-index: var(--backdrop-z-index);
  background-color: var(--color-background-overlay);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
}

  .Backdrop_isInvisible {
    background-color: transparent;
  }

  .Backdrop_animation-enter,
    .Backdrop_animation-appear {
      opacity: 0;
    }

  .Backdrop_animation-enter-active,
    .Backdrop_animation-appear-active {
      opacity: 1;
      transition: opacity var(--transition-slow);
    }

  .Backdrop_animation-enter-done {
      opacity: 1;
    }

  .Backdrop_animation-exit {
      opacity: 1;
      visibility: visible;
    }

  .Backdrop_animation-exit-active {
      opacity: 0;
      transition: opacity var(--transition-slow);
      visibility: visible;
    }

  .Backdrop_animation-exit-done {
      opacity: 0;
      visibility: hidden;
    }