import { css } from 'emotion';
import { mediaQueries } from '../../../utils/styles';

export const wrapperDivStyle = css`
	> div {
		${mediaQueries.large(css`
			width: 235px;
		`)};
		${mediaQueries.small(css`
			width: 31%;
			&:first-of-type {
				input {
					padding-left: 33px;
				}
			}
		`)};
	}
	display: flex;
	justify-content: space-between;
	${mediaQueries.large(css`
		width: 728px;
	`)};
	${mediaQueries.small(css`
		width: 100%;
	`)};
`;