import { StyleSheet } from 'aphrodite/no-important';
const globalSelectorHandler = (selector, _, generateSubtreeStyles) => {
  if (selector[0] !== "*") {
      return null;
  }

  return generateSubtreeStyles(selector.slice(1));
};
const globalExtension = {selectorHandler: globalSelectorHandler};
const { StyleSheet: globalStyleSheet, css: globalCss } = StyleSheet.extend([globalExtension]);
const GlobalStyles = globalStyleSheet.create({
  globals: {
    '**': {
      boxSizing: 'border-box',
      '-webkit-font-smoothing': 'antialiased',
      '::before': {
        boxSizing: 'inherit',
      },
      '::after': {
        boxSizing: 'inherit',
      },
    },
    '*p': {
      margin: 0,
    },
  },
});
globalCss(GlobalStyles.globals);