{"size": 803, "ext": "js", "max_stars_repo_path": "src/components/ConfirmationDialog/styles.js", "max_stars_repo_name": "eltonlazzarin/navedex-frontend-challenge", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/ConfirmationDialog/styles.js", "max_issues_repo_name": "eltonlazzarin/navedex-frontend-challenge", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/ConfirmationDialog/styles.js", "max_forks_repo_name": "eltonlazzarin/navedex-frontend-challenge", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 14.3392857143, "max_line_length": 39, "alphanum_fraction": 0.5666251557}
import styled from 'styled-components';

const Container = styled.div`
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  div {
    display: flex;

    position: relative;
    margin: 0 auto;
    background: var(--white);
    padding: 2rem;
    width: 37.06rem;
    height: 10rem;
  }

  span {
    position: absolute;
    right: 1.43rem;
    top: 1rem;
    cursor: pointer;
  }

  p {
    margin-top: 1.5rem;
    line-height: 2.25rem;
  }

  footer {
    display: flex;
    align-items: center;
    margin-top: 9.19rem;

    svg {
      margin-right: 0.81rem;
      cursor: pointer;
    }
  }

  @media (max-width: 46rem) {
    div {
      width: 90vw;
    }
  }
`;

export default Container;
