import { createGlobalStyle } from "styled-components";
var style_default = createGlobalStyle`
  :root {
    font-size: 81.25%;
    ${({ theme }) => theme.media.small`
      font-size: 100%;
    `};
  }

  html,
  body {
    height: 100%;
    width: 100%;
    line-height: ${(props) => props.theme.lineHeights.m};
  }

  body {
    font-family: ${(props) => props.theme.fonts.default};
    background-color: ${(props) => props.theme.colors.neutral["000"]};
  }

  #app, #app-container, #root, main {
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
  }
`;
export {
  style_default as default
};
