import styled from 'styled-components';

export const BoxContainer = styled.div`
  /* width: 100%;
  height: 100vh; */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-color: var(--Fill_Background_Light); */
  z-index: 302;
  .innerOpacity {
    animation: innerOpacityAnimation 0.8s ease-out;
  }
  @keyframes innerOpacityAnimation {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }
  > .close {
    position: absolute;
    top: 31px;
    right: 56px;
    cursor: pointer;
    color: #7d7d94;
    :hover {
      color: rgba(96, 92, 229, 1);
    }
  }
`;
