const root = theme => ({
  boxShadow: theme.shadows[2],
  borderRadius: 4,
  overflow: 'hidden',
  backgroundColor: theme.colors.white.default,
  transition: theme.transitions.card
});

const pure = {
  boxShadow: 'none',
  borderRadius: 0
};
const dynamic = {
  '&:hover': {
    transform: 'scale(1.1)'
  }
};
export const styles = theme => ({
  root: root(theme),
  pure,
  dynamic
});