@import '../../../styles';

section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  z-index: 10000;

  @include center-child();

  padding: var(--large-padding);

  box-sizing: border-box;

  background: $background-gradient;
  transition: opacity 300ms;

  &:not(.active) {
    opacity: 0;
    pointer-events: none;
  }

  button {
    margin-top: var(--medium-padding);
  }
}