import { styled } from '../../styled';
export const MainRoot = styled.main `
  overflow: hidden;
  display: flex;
  grid-column: 2;
  grid-row: 3;
  flex-direction: column;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    margin: 0;
  }
`;
export const AlertWrapper = styled.div `
  grid-column: 2;
  grid-row: 2;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    grid-row: 1;

    background-color: ${({ theme }) => theme.palette.background.default};
  }
`;
