import { styled } from '../styled';
export const MobileAlertWrapper = styled.div `
  display: none;
  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: block;

    background-color: ${({ theme }) => theme.palette.background.default};
  }
`;
export const DesktopAlertWrapper = styled.div `
  display: block;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
export const LoaderWrapper = styled.div `
  ${({ theme }) => theme.breakpoints.down('sm')} {
    order: 4;

    height: 100%;
  }
`;
