import styled from 'styled-components/macro';

import { ZIndex } from '../../../constans/zIndex';

export const StyledToastPortal = styled.div`
  align-items: center;
  bottom: 8px;
  display: flex;
  flex-direction: column;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  row-gap: 8px;
  z-index: ${ZIndex.Toast};
`;