import { styled } from '../../styled';
export const Item = styled.div `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(2)};

  width: 100%;
  padding: ${({ theme }) => theme.spacing(0, 2)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    gap: ${({ theme }) => theme.spacing(3)};

    padding: ${({ theme }) => theme.spacing(3)};
  }
`;
export const Wrapper = styled.div `
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(4)};

  width: 100%;
  padding: ${({ theme }) => theme.microSpacing(5, 0)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    gap: ${({ theme }) => theme.spacing(2)};

    padding: 0;
  }
`;
export const OrganizationInfoWrapper = styled.div `
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(1)};
`;
