import styled from 'styled-components';

const css = styled.div;

export const ModalContainerStyle = css<any>`
   .modal-container {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      transform: translate3d(0, 0, 0);
      z-index: 1000;
      display: flex;

      .bg-background {
         background: rgba(0, 0, 0, 0.8);
         width: 100%;
         height: 100%;
         top: 0;
         left: 0;
         position: absolute;
      }

      .modal-content {
      }
   }
`;

export const ModalStyle = css<any>`
   background: white;
   margin: auto;
   //border-radius: 15px;
   position: relative;

   &.full-screen {
      border-radius: 0px;
      height: 100%;
      width: 100%;
      max-width: 800px;
   }
`;
