diff options
Diffstat (limited to 'examples')
68 files changed, 26718 insertions, 0 deletions
diff --git a/examples/css-stress-test/index.html b/examples/css-stress-test/index.html new file mode 100644 index 000000000..8717aa333 --- /dev/null +++ b/examples/css-stress-test/index.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> + <head> + <link + rel="stylesheet" + crossorigin="anonymous" + href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Space+Mono:wght@400;700&display=swap" + /> + <link rel="stylesheet" href="src/index.css" /> + <script async src="src/index.tsx" type="module"></script> + </head> + <body> + <div id="reactroot"></div> + </body> +</html> diff --git a/examples/css-stress-test/inject.js b/examples/css-stress-test/inject.js new file mode 100644 index 000000000..5328bab03 --- /dev/null +++ b/examples/css-stress-test/inject.js @@ -0,0 +1,2 @@ +import React from "react"; +export { React }; diff --git a/examples/css-stress-test/next-env.d.ts b/examples/css-stress-test/next-env.d.ts new file mode 100644 index 000000000..9bc3dd46b --- /dev/null +++ b/examples/css-stress-test/next-env.d.ts @@ -0,0 +1,6 @@ +/// <reference types="next" /> +/// <reference types="next/types/global" /> +/// <reference types="next/image-types/global" /> + +// NOTE: This file should not be edited +// see https://nextjs.org/docs/basic-features/typescript for more information. diff --git a/examples/css-stress-test/package.json b/examples/css-stress-test/package.json new file mode 100644 index 000000000..e45f6d1f2 --- /dev/null +++ b/examples/css-stress-test/package.json @@ -0,0 +1,37 @@ +{ + "name": "simple-react", + "version": "1.0.0", + "license": "MIT", + "dependencies": { + "@emotion/css": "^11.1.3", + "@vitejs/plugin-react-refresh": "^1.3.3", + "antd": "^4.16.1", + "left-pad": "^1.3.0", + "next": "^11.0.1", + "parcel": "2.0.0-beta.3", + "path-browserify": "^1.0.1", + "react": "^17.0.2", + "react-bootstrap": "^1.6.1", + "react-dom": "^17.0.2", + "react-form": "^4.0.1", + "react-hook-form": "^7.8.3", + "url": "^0.11.0", + "wipwipwipwip-next-donotuse": "4.0.0" + }, + "parcel": "parceldist/index.js", + "targets": { + "parcel": { + "outputFormat": "esmodule", + "sourceMap": false, + "optimize": false, + "engines": { + "chrome": "last 1 version" + } + } + }, + "devDependencies": { + "@microsoft/fetch-event-source": "^2.0.1", + "@snowpack/plugin-react-refresh": "^2.5.0", + "typescript": "^4.3.4" + } +} diff --git a/examples/css-stress-test/pages/[id]/boom.tsx b/examples/css-stress-test/pages/[id]/boom.tsx new file mode 100644 index 000000000..1553592e4 --- /dev/null +++ b/examples/css-stress-test/pages/[id]/boom.tsx @@ -0,0 +1,11 @@ +import { Main } from "../../src/main"; + +function IndexRoute() { + return ( + <div> + <Main productName={"Boom id"} /> + </div> + ); +} + +export { IndexRoute as default }; diff --git a/examples/css-stress-test/pages/_app.tsx b/examples/css-stress-test/pages/_app.tsx new file mode 100644 index 000000000..43d6a776a --- /dev/null +++ b/examples/css-stress-test/pages/_app.tsx @@ -0,0 +1,12 @@ +import "../src/index.css"; + +import App from "next/app"; + +class MyApp extends App { + render() { + const { Component, pageProps } = this.props; + return <Component {...pageProps} />; + } +} + +export default MyApp; diff --git a/examples/css-stress-test/pages/index.tsx b/examples/css-stress-test/pages/index.tsx new file mode 100644 index 000000000..95d190f81 --- /dev/null +++ b/examples/css-stress-test/pages/index.tsx @@ -0,0 +1,7 @@ +import { Main } from "src/main"; + +export function IndexPage() { + return <Main />; +} + +export default IndexPage; diff --git a/examples/css-stress-test/pages/plain/nested.tsx b/examples/css-stress-test/pages/plain/nested.tsx new file mode 100644 index 000000000..23c7607f1 --- /dev/null +++ b/examples/css-stress-test/pages/plain/nested.tsx @@ -0,0 +1,9 @@ +import { Main } from "../../src/main"; + +export default function IndexRoute() { + return ( + <div> + <Main productName={"nested!"} /> + </div> + ); +} diff --git a/examples/css-stress-test/pages/two.tsx b/examples/css-stress-test/pages/two.tsx new file mode 100644 index 000000000..248385591 --- /dev/null +++ b/examples/css-stress-test/pages/two.tsx @@ -0,0 +1,13 @@ +import { Main } from "../src/main"; + +export function getInitialProps() { + return {}; +} + +export default function IndexRoute() { + return ( + <div> + <Main productName={"Page 2! Next.js (Webpack 5)"} /> + </div> + ); +} diff --git a/examples/css-stress-test/react-inject.js b/examples/css-stress-test/react-inject.js new file mode 100644 index 000000000..199dbaa80 --- /dev/null +++ b/examples/css-stress-test/react-inject.js @@ -0,0 +1 @@ +export { default as React } from "react"; diff --git a/examples/css-stress-test/snowpack.config.js b/examples/css-stress-test/snowpack.config.js new file mode 100644 index 000000000..cf580b9f9 --- /dev/null +++ b/examples/css-stress-test/snowpack.config.js @@ -0,0 +1,21 @@ +// Snowpack Configuration File +// See all supported options: https://www.snowpack.dev/reference/configuration + +/** @type {import("snowpack").SnowpackUserConfig } */ +module.exports = { + root: "src", + mount: { + public: "/", + src: "/", + }, + plugins: ["@snowpack/plugin-react-refresh"], + packageOptions: { + /* ... */ + }, + devOptions: { + /* ... */ + }, + buildOptions: { + /* ... */ + }, +}; diff --git a/examples/css-stress-test/src/button.css b/examples/css-stress-test/src/button.css new file mode 100644 index 000000000..60db46096 --- /dev/null +++ b/examples/css-stress-test/src/button.css @@ -0,0 +1,11758 @@ +body { + background-color: red; + border: 10px solid red; + color: pink; + box-shadow: 10px 10px 32px red; +} + +body { + background-color: blue; +} + +body { + background-color: aliceblue; +} + +body { + background-color: red; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: red; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: red; +} diff --git a/examples/css-stress-test/src/button.tsx b/examples/css-stress-test/src/button.tsx new file mode 100644 index 000000000..42207a6ca --- /dev/null +++ b/examples/css-stress-test/src/button.tsx @@ -0,0 +1 @@ +export const Button = ({ children }) => <div>asdasasd{children}</div>; diff --git a/examples/css-stress-test/src/colors.css b/examples/css-stress-test/src/colors.css new file mode 100644 index 000000000..71d54c25c --- /dev/null +++ b/examples/css-stress-test/src/colors.css @@ -0,0 +1,14 @@ +:root { + --timestamp: "596"; + --interval: "64"; + --progress-bar: 33.167%; + --spinner-1-muted: rgb(42, 74, 66); + --spinner-1-primary: rgb(53, 93, 82); + --spinner-2-muted: rgb(90, 51, 192); + --spinner-2-primary: rgb(112, 64, 240); + --spinner-3-muted: rgb(157, 140, 68); + --spinner-3-primary: rgb(196, 175, 85); + --spinner-4-muted: rgb(86, 152, 66); + --spinner-4-primary: rgb(108, 190, 82); + --spinner-rotate: 237deg; +}
\ No newline at end of file diff --git a/examples/css-stress-test/src/colors2.css b/examples/css-stress-test/src/colors2.css new file mode 100644 index 000000000..ba280df46 --- /dev/null +++ b/examples/css-stress-test/src/colors2.css @@ -0,0 +1,3 @@ +body { + filter: sepia(50%) brightness(200%); +} diff --git a/examples/css-stress-test/src/components/button.tsx b/examples/css-stress-test/src/components/button.tsx new file mode 100644 index 000000000..7d7b6623e --- /dev/null +++ b/examples/css-stress-test/src/components/button.tsx @@ -0,0 +1,27 @@ +import React from "react"; +import { NewComponent } from "./new-comp"; + +const Toast = () => { + const [baconyes, baconno] = useBacon(); + return <div>false</div>; +}; +const Button = ({ label, label2, onClick }) => { + const useCustomHookInsideFunction = (what, arr) => { + return [true, false]; + }; + const [on, setOn] = React.useState(false); + + React.useEffect(() => { + console.log({ on }); + }, [on]); + + // const [foo1, foo2] = useCustomHookInsideFunction(() => {}, [on]); + + return ( + <div className="Button" onClick={onClick}> + <Toast>f</Toast> + <div className="Button-label">{label}12</div> + <NewComponent /> + </div> + ); +}; diff --git a/examples/css-stress-test/src/components/new-comp.tsx b/examples/css-stress-test/src/components/new-comp.tsx new file mode 100644 index 000000000..f09c64a54 --- /dev/null +++ b/examples/css-stress-test/src/components/new-comp.tsx @@ -0,0 +1,3 @@ +export const NewComponent = () => { + return <div>NEW!</div>; +}; diff --git a/examples/css-stress-test/src/font.css b/examples/css-stress-test/src/font.css new file mode 100644 index 000000000..758eb6680 --- /dev/null +++ b/examples/css-stress-test/src/font.css @@ -0,0 +1 @@ +/* @import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Space+Mono:wght@400;700&display=swap"; */ diff --git a/examples/css-stress-test/src/index.css b/examples/css-stress-test/src/index.css new file mode 100644 index 000000000..6054d6b5d --- /dev/null +++ b/examples/css-stress-test/src/index.css @@ -0,0 +1,237 @@ +@import "./colors.css"; + +:root { + --heading-font: "Space Mono", system-ui; + --body-font: "IBM Plex Sans", system-ui; + + --color-brand: #02ff00; + --color-brand-muted: rgb(2, 150, 0); + + --padding-horizontal: 90px; + + --page-background: black; + --page-background-alpha: rgba(0, 0, 0, 0.8); + + --result__background-color: black; + --result__primary-color: var(--color-brand); + --result__foreground-color: white; + --result__muted-color: rgb(165, 165, 165); + + --card-width: 352px; + + --page-width: 1152px; + + --snippets_container-background-unfocused: #171717; + --snippets_container-background-focused: #0017e9; + --snippets_container-background: var( + --snippets_container-background-unfocused + ); + --snippets_container-muted-color: rgb(153, 153, 153); +} + +body { + color: white; + margin: 0; + + padding: 0; + font-family: var(--body-font); + background-color: var(--page-background); + color: var(--result__muted-color); + display: flex; + flex-direction: column; + height: 100%; +} + +.Subtitle { + text-align: center; + font-size: 4em; + margin: 0; + padding: 0; + margin-bottom: 0.25em; + + align-items: center; + display: flex; + flex-direction: row; +} + +#reactroot, +#__next, +body, +html { + height: 100%; +} + +.Title { + color: var(--color-brand); + font-family: var(--heading-font); + font-weight: 700; + margin-top: 48px; + font-size: 48px; + text-transform: capitalize; + text-align: center; +} + +.Description { + text-align: center; +} + +.main { + display: flex; + flex-direction: column; + height: 100%; +} + +header, +.main { + width: 650px; + margin: 0 auto; +} + +section { + width: 650px; +} + +header { + margin-bottom: 48px; +} + +footer { + flex-shrink: 0; +} + +#reactroot, +#__next { + display: flex; + flex-direction: column; + justify-content: center; +} + +section { + height: 300px; + display: flex; + flex-direction: column; +} + +.timer { + font-weight: normal; +} + +.ProgressBar-container { + width: 100%; + display: block; + position: relative; + border: 1px solid var(--color-brand-muted); + border-radius: 4px; + + height: 92px; +} + +.ProgressBar { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 100%; + height: 100%; + display: block; + background-color: var(--color-brand); + transform-origin: top left; + border-radius: 4px; + transform: scaleX(var(--progress-bar, 0%)); +} + +.Bundler-container { + background-color: var(--snippets_container-background-focused); + font-size: 64px; + font-weight: bold; + color: white; + left: 0; + right: 0; + padding: 0.8em 0.8em; +} + +.Bundler-updateRate { + font-size: 0.8em; + font-weight: normal; + display: flex; + color: var(--result__muted-color); +} + +.interval:before { + content: var(--interval, "16"); +} + +.highlight { + margin-left: 0.5ch; + color: white; +} + +.timer:after { + content: var(--timestamp); + font-variant-numeric: tabular-nums; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, + Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; + display: inline; + font-weight: 500; + color: white; + width: 100%; +} + +.SectionLabel { + font-weight: 300; + font-family: var(--heading-font); + text-align: center; + width: 100%; + font-weight: 700; + margin-top: 24px; +} + +.FooterLabel { + margin-top: 0; + margin-bottom: 12px; +} + +.Spinner-container { + --spinner-muted: rgb(0, 255, 0); + --spinner-primary: rgb(0, 60, 255); + + width: 96px; + height: 96px; + border-radius: 50%; + background-color: var(--page-background); + border-top: 1.1em solid var(--spinner-muted); + border-right: 1.1em solid var(--spinner-muted); + border-bottom: 1.1em solid var(--spinner-muted); + border-left: 1.1em solid var(--spinner-primary); + + transform: rotate(var(--spinner-rotate, 12deg)); +} + +.Spinners { + display: grid; + grid-auto-flow: column; + justify-content: space-between; + + width: 100%; +} + +.Spinner-1.Spinner-container { + --spinner-muted: var(--spinner-1-muted); + --spinner-primary: var(--spinner-1-primary); +} + +.Spinner-2.Spinner-container { + --spinner-muted: var(--spinner-2-muted); + --spinner-primary: var(--spinner-2-primary); +} + +.Spinner-3.Spinner-container { + --spinner-muted: var(--spinner-3-muted); + --spinner-primary: var(--spinner-3-primary); +} + +.Spinner-4.Spinner-container { + --spinner-muted: var(--spinner-4-muted); + --spinner-primary: var(--spinner-4-primary); +} diff --git a/examples/css-stress-test/src/index.tsx b/examples/css-stress-test/src/index.tsx new file mode 100644 index 000000000..4c288c3cc --- /dev/null +++ b/examples/css-stress-test/src/index.tsx @@ -0,0 +1,25 @@ +import { Main } from "./main"; +import classNames from "classnames"; +import ReactDOM from "react-dom"; + +const Base = ({}) => { + const name = + typeof location !== "undefined" + ? decodeURIComponent(location.search.substring(1)) + : null; + return <Main productName={name || "asdasdasdasdasdasd"} />; +}; + +function startReact() { + ReactDOM.hydrate(<Base />, document.querySelector("#reactroot")); +} + +if (typeof window !== "undefined") { + globalThis.addEventListener("DOMContentLoaded", () => { + startReact(); + }); + + startReact(); +} + +export { Base }; diff --git a/examples/css-stress-test/src/main.tsx b/examples/css-stress-test/src/main.tsx new file mode 100644 index 000000000..556f3d3b7 --- /dev/null +++ b/examples/css-stress-test/src/main.tsx @@ -0,0 +1,67 @@ +export const Main = ({ productName }) => { + return ( + <> + <header> + <div className="Title">CSS HMR Stress Test!</div> + <p className="Description"> + This page visually tests how quickly a bundler can update CSS over Hot + Module Reloading. + </p> + </header> + <main className="main"> + <section className="ProgressSection"> + <p className="Subtitle"> + <span className="Subtitle-part"> + Ran: <span className="timer"></span> + </span> + </p> + + <div className="ProgressBar-container"> + <div className="ProgressBar"></div> + </div> + <div className="SectionLabel"> + The progress bar should move from left to right smoothly. + </div> + </section> + + <section> + <div className="Spinners"> + <div className="Spinner-container Spinner-1"> + <div className="Spinner"></div> + </div> + + <div className="Spinner-container Spinner-2"> + <div className="Spinner"></div> + </div> + + <div className="Spinner-container Spinner-3"> + <div className="Spinner"></div> + </div> + + <div className="Spinner-container Spinner-4"> + <div className="Spinner"></div> + </div> + </div> + <div className="SectionLabel"> + The spinners should rotate & change color smoothly. + </div> + </section> + </main> + <footer> + <div className="SectionLabel FooterLabel"> + There are no CSS animations on this page. + </div> + + <div className="Bundler-container"> + <div className="Bundler">{productName}</div> + <div className="Bundler-updateRate"> + {/* This should loose all the styles + <span className="highlight"> + <span className="interval"></span>ms + </span> */} + </div> + </div> + </footer> + </> + ); +}; diff --git a/examples/css-stress-test/test-pnpm.js b/examples/css-stress-test/test-pnpm.js new file mode 100644 index 000000000..a0a27e463 --- /dev/null +++ b/examples/css-stress-test/test-pnpm.js @@ -0,0 +1 @@ +import jsx from "/Users/jarred/Code/bun/demos/css-stress-test/node_modules/react/cjs/react-jsx-dev-runtime.development.js"; diff --git a/examples/css-stress-test/tsconfig.json b/examples/css-stress-test/tsconfig.json new file mode 100644 index 000000000..679268d71 --- /dev/null +++ b/examples/css-stress-test/tsconfig.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "target": "esnext", + "lib": ["dom", "dom.iterable", "esnext", "WebWorker"], + "allowJs": true, + "skipLibCheck": true, + "strict": false, + "forceConsistentCasingInFileNames": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "Node", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve", + "baseUrl": ".", + "paths": { + "path": ["node_modules/path-browserify"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], + "exclude": ["node_modules"] +} diff --git a/examples/css-stress-test/vite.config.js b/examples/css-stress-test/vite.config.js new file mode 100644 index 000000000..e78089128 --- /dev/null +++ b/examples/css-stress-test/vite.config.js @@ -0,0 +1,5 @@ +import reactRefresh from "@vitejs/plugin-react-refresh"; + +export default { + plugins: [reactRefresh()], +}; diff --git a/examples/hello-next/.eslintrc.json b/examples/hello-next/.eslintrc.json new file mode 100644 index 000000000..bffb357a7 --- /dev/null +++ b/examples/hello-next/.eslintrc.json @@ -0,0 +1,3 @@ +{ + "extends": "next/core-web-vitals" +} diff --git a/examples/hello-next/.gitignore b/examples/hello-next/.gitignore new file mode 100644 index 000000000..1437c53f7 --- /dev/null +++ b/examples/hello-next/.gitignore @@ -0,0 +1,34 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env.local +.env.development.local +.env.test.local +.env.production.local + +# vercel +.vercel diff --git a/examples/hello-next/README.md b/examples/hello-next/README.md new file mode 100644 index 000000000..b12f3e33e --- /dev/null +++ b/examples/hello-next/README.md @@ -0,0 +1,34 @@ +This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file. + +[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`. + +The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/examples/hello-next/bun-framework-next/client.development.tsx b/examples/hello-next/bun-framework-next/client.development.tsx new file mode 100644 index 000000000..a4ef9bf96 --- /dev/null +++ b/examples/hello-next/bun-framework-next/client.development.tsx @@ -0,0 +1,327 @@ +var onlyChildPolyfill = React.Children.only; +React.Children.only = function (children) { + if (children && typeof children === "object" && children.length == 1) { + return onlyChildPolyfill(children[0]); + } + + return onlyChildPolyfill(children); +}; + +globalThis.global = globalThis; +import * as ReactDOM from "react-dom"; +import App from "next/app"; +import mitt, { MittEmitter } from "next/dist/shared/lib/mitt"; +import { RouterContext } from "next/dist/shared/lib/router-context"; +import Router, { + AppComponent, + AppProps, + delBasePath, + hasBasePath, + PrivateRouteInfo, +} from "next/dist/shared/lib/router/router"; + +import * as NextRouteLoader from "next/dist/client/route-loader"; +import { isDynamicRoute } from "next/dist/shared/lib/router/utils/is-dynamic"; +import { + urlQueryToSearchParams, + assign, +} from "next/dist/shared/lib/router/utils/querystring"; +import { setConfig } from "next/dist/shared/lib/runtime-config"; +import { + getURL, + loadGetInitialProps, + NEXT_DATA, + ST, +} from "next/dist/shared/lib/utils"; +// import { Portal } from "next/dist/client/portal"; +import initHeadManager from "next/dist/client/head-manager"; +import { HeadManagerContext } from "next/dist/shared/lib/head-manager-context"; +import PageLoader from "./page-loader"; +import measureWebVitals from "next/dist/client/performance-relayer"; +import { RouteAnnouncer } from "next/dist/client/route-announcer"; +import { + createRouter, + makePublicRouterInstance, +} from "next/dist/client/router"; +import * as React from "react"; +export const emitter: MittEmitter<string> = mitt(); + +declare global { + interface Window { + /* test fns */ + __NEXT_HYDRATED?: boolean; + __NEXT_HYDRATED_CB?: () => void; + + /* prod */ + __NEXT_PRELOADREADY?: (ids?: (string | number)[]) => void; + __NEXT_DATA__: NEXT_DATA; + __NEXT_P: any[]; + } +} + +type RenderRouteInfo = PrivateRouteInfo & { + App: AppComponent; + scroll?: { x: number; y: number } | null; +}; +type RenderErrorProps = Omit<RenderRouteInfo, "Component" | "styleSheets">; + +const data: typeof window["__NEXT_DATA__"] = JSON.parse( + document.getElementById("__NEXT_DATA__")!.textContent! +); +window.__NEXT_DATA__ = data; + +const { + props: hydrateProps, + err: hydrateErr, + page, + query, + buildId, + assetPrefix, + runtimeConfig, + dynamicIds, + isFallback, + locale, + locales, + domainLocales, + isPreview, +} = data; + +const prefix: string = assetPrefix || ""; + +setConfig({ + serverRuntimeConfig: {}, + publicRuntimeConfig: runtimeConfig || {}, +}); + +let asPath: string = getURL(); + +// make sure not to attempt stripping basePath for 404s +if (hasBasePath(asPath)) { + asPath = delBasePath(asPath); +} + +const pageLoader: PageLoader = new PageLoader(buildId, prefix, data.pages); + +const headManager: { + mountedInstances: Set<unknown>; + updateHead: (head: JSX.Element[]) => void; +} = initHeadManager(); +const appElement: HTMLElement | null = document.getElementById("__next"); + +let lastRenderReject: (() => void) | null; +let webpackHMR: any; +export let router: Router; +let CachedApp: AppComponent, onPerfEntry: (metric: any) => void; + +export default function boot(EntryPointNamespace, loader) { + _boot(EntryPointNamespace).then(() => {}); +} + +class Container extends React.Component<{ + fn: (err: Error, info?: any) => void; +}> { + componentDidCatch(componentErr: Error, info: any) { + this.props.fn(componentErr, info); + } + + componentDidMount() { + this.scrollToHash(); + + // We need to replace the router state if: + // - the page was (auto) exported and has a query string or search (hash) + // - it was auto exported and is a dynamic route (to provide params) + // - if it is a client-side skeleton (fallback render) + if ( + router.isSsr && + // We don't update for 404 requests as this can modify + // the asPath unexpectedly e.g. adding basePath when + // it wasn't originally present + page !== "/404" && + page !== "/_error" && + (isFallback || + (data.nextExport && + (isDynamicRoute(router.pathname) || + location.search || + process.env.__NEXT_HAS_REWRITES)) || + (hydrateProps && + hydrateProps.__N_SSG && + (location.search || process.env.__NEXT_HAS_REWRITES))) + ) { + // update query on mount for exported pages + router.replace( + router.pathname + + "?" + + String( + assign( + urlQueryToSearchParams(router.query), + new URLSearchParams(location.search) + ) + ), + asPath, + { + // @ts-ignore + // WARNING: `_h` is an internal option for handing Next.js + // client-side hydration. Your app should _never_ use this property. + // It may change at any time without notice. + _h: 1, + // Fallback pages must trigger the data fetch, so the transition is + // not shallow. + // Other pages (strictly updating query) happens shallowly, as data + // requirements would already be present. + shallow: !isFallback, + } + ); + } + } + + componentDidUpdate() { + this.scrollToHash(); + } + + scrollToHash() { + let { hash } = location; + hash = hash && hash.substring(1); + if (!hash) return; + + const el: HTMLElement | null = document.getElementById(hash); + if (!el) return; + + // If we call scrollIntoView() in here without a setTimeout + // it won't scroll properly. + setTimeout(() => el.scrollIntoView(), 0); + } + + render() { + return this.props.children; + } +} + +let CachedComponent: React.ComponentType; + +const wrapApp = + (App: AppComponent) => + (wrappedAppProps: Record<string, any>): JSX.Element => { + const appProps: AppProps = { + ...wrappedAppProps, + Component: CachedComponent, + err: hydrateErr, + router, + }; + return ( + <AppContainer> + <App {...appProps} /> + </AppContainer> + ); + }; + +function AppContainer({ + children, +}: React.PropsWithChildren<{}>): React.ReactElement { + return ( + <Container fn={(error) => <div>{JSON.stringify(error)}</div>}> + <RouterContext.Provider value={makePublicRouterInstance(router)}> + <HeadManagerContext.Provider value={headManager}> + {children} + </HeadManagerContext.Provider> + </RouterContext.Provider> + </Container> + ); +} + +async function _boot(EntryPointNamespace) { + NextRouteLoader.default.getClientBuildManifest = () => Promise.resolve({}); + + const PageComponent = EntryPointNamespace.default; + + const appScripts = globalThis.__NEXT_DATA__.pages["/_app"]; + if (appScripts && appScripts.length > 0) { + let appSrc; + for (let asset of appScripts) { + if (!asset.endsWith(".css")) { + appSrc = asset; + break; + } + } + + if (appSrc) { + const AppModule = await import(appSrc); + console.assert( + AppModule.default, + appSrc + " must have a default export'd React component" + ); + + CachedApp = AppModule.default; + } else { + CachedApp = App; + } + } + + router = createRouter(page, query, asPath, { + initialProps: hydrateProps, + pageLoader, + App: CachedApp, + Component: CachedComponent, + wrapApp, + err: null, + isFallback: Boolean(isFallback), + subscription: async (info, App, scroll) => { + return render( + Object.assign< + {}, + Omit<RenderRouteInfo, "App" | "scroll">, + Pick<RenderRouteInfo, "App" | "scroll"> + >({}, info, { + App, + scroll, + }) + ); + }, + locale, + locales, + defaultLocale: "", + domainLocales, + isPreview, + }); + + globalThis.next.router = router; + + ReactDOM.hydrate( + <TopLevelRender + App={CachedApp} + Component={PageComponent} + props={{ pageProps: hydrateProps }} + />, + document.querySelector("#__next") + ); +} + +function TopLevelRender({ App, Component, props, scroll }) { + return ( + <AppContainer scroll={scroll}> + <App Component={Component} {...props}></App> + </AppContainer> + ); +} + +export function render(props) { + ReactDOM.render( + <TopLevelRender {...props} />, + document.querySelector("#__next") + ); +} + +export function renderError(e) { + ReactDOM.render( + <AppContainer> + <App Component={<div>UH OH!!!!</div>} pageProps={data.props}></App> + </AppContainer>, + document.querySelector("#__next") + ); +} + +globalThis.next = { + version: "11.1.0", + emitter, + render, + renderError, +}; diff --git a/examples/hello-next/bun-framework-next/index.js b/examples/hello-next/bun-framework-next/index.js new file mode 100644 index 000000000..10adb5205 --- /dev/null +++ b/examples/hello-next/bun-framework-next/index.js @@ -0,0 +1 @@ +console.log("HI"); diff --git a/examples/hello-next/bun-framework-next/next-server.tsx b/examples/hello-next/bun-framework-next/next-server.tsx new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/examples/hello-next/bun-framework-next/next-server.tsx diff --git a/examples/hello-next/bun-framework-next/package.json b/examples/hello-next/bun-framework-next/package.json new file mode 100644 index 000000000..9f12a57a3 --- /dev/null +++ b/examples/hello-next/bun-framework-next/package.json @@ -0,0 +1,79 @@ +{ + "name": "bun-framework-next", + "version": "0.0.0-8", + "description": "", + "main": "package.json", + "framework": { + "static": "public", + "assetPrefix": "_next/", + "router": { + "dir": [ + "pages", + "src/pages" + ], + "extensions": [ + ".js", + ".ts", + ".tsx" + ] + }, + "css": "onimportcss", + "development": { + "client": "client.development.tsx", + "server": "server.development.tsx", + "css": "onimportcss", + "define": { + "client": { + ".env": "NEXT_PUBLIC_", + "defaults": { + "process.env.__NEXT_TRAILING_SLASH": "false", + "process.env.NODE_ENV": "\"development\"", + "process.env.__NEXT_ROUTER_BASEPATH": "''", + "process.env.__NEXT_SCROLL_RESTORATION": "false", + "process.env.__NEXT_I18N_SUPPORT": "false", + "process.env.__NEXT_HAS_REWRITES": "false", + "process.env.__NEXT_ANALYTICS_ID": "null", + "process.env.__NEXT_OPTIMIZE_CSS": "false", + "process.env.__NEXT_CROSS_ORIGIN": "''", + "process.env.__NEXT_STRICT_MODE": "false", + "process.env.__NEXT_IMAGE_OPTS": "null" + } + }, + "server": { + ".env": "NEXT_", + "defaults": { + "process.env.__NEXT_TRAILING_SLASH": "false", + "process.env.__NEXT_OPTIMIZE_FONTS": "false", + "process.env.NODE_ENV": "\"development\"", + "process.env.__NEXT_OPTIMIZE_IMAGES": "false", + "process.env.__NEXT_OPTIMIZE_CSS": "false", + "process.env.__NEXT_ROUTER_BASEPATH": "''", + "process.env.__NEXT_SCROLL_RESTORATION": "false", + "process.env.__NEXT_I18N_SUPPORT": "false", + "process.env.__NEXT_HAS_REWRITES": "false", + "process.env.__NEXT_ANALYTICS_ID": "null", + "process.env.__NEXT_CROSS_ORIGIN": "''", + "process.env.__NEXT_STRICT_MODE": "false", + "process.env.__NEXT_IMAGE_OPTS": "null", + "global": "globalThis", + "window": "undefined" + } + } + } + }, + "production": { + "client": "client.production.tsx", + "server": "server.production.tsx", + "css": "onimportcss" + } + }, + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "author": "", + "license": "ISC", + "dependencies": { + "buffer": "^6.0.3", + "path": "^0.12.7" + } +} diff --git a/examples/hello-next/bun-framework-next/page-loader.ts b/examples/hello-next/bun-framework-next/page-loader.ts new file mode 100644 index 000000000..03ee3e5ed --- /dev/null +++ b/examples/hello-next/bun-framework-next/page-loader.ts @@ -0,0 +1,142 @@ +import NextPageLoader from "next/dist/client/page-loader"; +import getAssetPathFromRoute from "next/dist/shared/lib/router/utils/get-asset-path-from-route"; +// import createRouteLoader from "./route-loader"; + +function insertStyleSheet(url: string) { + if (document.querySelector(`link[href="${url}"]`)) { + return Promise.resolve(); + } + + return new Promise((resolve, reject) => { + const link = document.createElement("link"); + link.rel = "stylesheet"; + + link.onload = () => resolve(); + link.onerror = () => reject(); + + link.href = url; + document.head.appendChild(link); + }); +} + +export default class PageLoader extends NextPageLoader { + public routeLoader: RouteLoader; + + constructor(_, __, pages) { + super(_, __); + + // TODO: assetPrefix? + // this.routeLoader = {}; //createRouteLoader(""); + + // Rewrite the pages object to omit the entry script + // At this point, the entry point has been loaded so we don't want to do that again. + for (let name in pages) { + for (let i = 0; i < pages[name].length; i += 1) { + const lastDot = pages[name][i].lastIndexOf("."); + if (lastDot == -1) continue; + if ( + pages[name][i].substring(lastDot - ".entry".length, lastDot) !== + ".entry" + ) + continue; + + pages[name][i] = + pages[name][i].substring(0, lastDot - ".entry".length) + + pages[name][i].substring(lastDot); + } + } + + this.pages = pages; + this.pageList = Object.keys(this.pages); + } + + pageList: string[]; + pages: Record<string, string[]>; + + getPageList() { + return this.pageList; + } + + cssQueue = []; + + onImportCSS = (event) => { + this.cssQueue.push( + insertStyleSheet(event.detail).then( + () => {}, + () => {} + ) + ); + }; + + prefetch(route) { + return Promise.resolve({}); + } + + async loadPage(route: string): Promise<GoodPageCache> { + const assets = + this.pages[route] || this.pages[getAssetPathFromRoute(route)]; + + var src; + console.log(getAssetPathFromRoute(route), assets); + for (let asset of assets) { + if (!asset.endsWith(".css")) { + src = asset; + break; + } + } + console.assert(src, "Invalid or unknown route passed to loadPage"); + + document.removeEventListener("onimportcss", this.onImportCSS); + this.cssQueue.length = 0; + document.addEventListener("onimportcss", this.onImportCSS, { + passive: true, + }); + + try { + const res = await import(src); + + if (this.cssQueue.length > 0) { + await Promise.all(this.cssQueue); + this.cssQueue.length = 0; + } + + document.removeEventListener("onimportcss", this.onImportCSS); + + if (this.cssQueue.length > 0) { + await Promise.all(this.cssQueue); + + this.cssQueue.length = 0; + } + + return { + page: res.default, + mod: res, + styleSheets: [], + __N_SSG: false, + __N_SSP: false, + }; + } catch (exception) { + console.error({ exception }); + } + + // return this.routeLoader.loadRoute(route).then((res) => { + // debugger; + // if ("component" in res) { + // return { + // page: res.component, + // mod: res.exports, + // styleSheets: res.styles.map((o) => ({ + // href: o.href, + // text: o.content, + // })), + // }; + // } + // throw res.error; + // }); + } + + // not used in development! + // prefetch(route: string): Promise<void> { + // return this.routeLoader.prefetch(route); + // } +} diff --git a/examples/hello-next/bun-framework-next/render.tsx b/examples/hello-next/bun-framework-next/render.tsx new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/examples/hello-next/bun-framework-next/render.tsx diff --git a/examples/hello-next/bun-framework-next/renderDocument.tsx b/examples/hello-next/bun-framework-next/renderDocument.tsx new file mode 100644 index 000000000..67c89efc2 --- /dev/null +++ b/examples/hello-next/bun-framework-next/renderDocument.tsx @@ -0,0 +1,618 @@ +import * as App from "next/app"; +import { AmpStateContext } from "next/dist/shared/lib/amp-context"; +import { HeadManagerContext } from "next/dist/shared/lib/head-manager-context"; +import Loadable from "next/dist/shared/lib/loadable"; +import { LoadableContext } from "next/dist/shared/lib/loadable-context"; +import { RouterContext } from "next/dist/shared/lib/router-context"; +import { NextRouter } from "next/dist/shared/lib/router/router"; +import { + AppType, + ComponentsEnhancer, + DocumentInitialProps, + DocumentProps, + DocumentType, + getDisplayName, + loadGetInitialProps, + NextComponentType, + RenderPage, + RenderPageResult, +} from "next/dist/shared/lib/utils"; +import * as NextDocument from "next/document"; +import * as ReactDOMServer from "react-dom/server.browser"; +import * as url from "url"; +import * as React from "react"; + +const dev = process.env.NODE_ENV === "development"; + +type ParsedUrlQuery = Record<string, string | string[]>; + +const isJSFile = (file: string) => + file.endsWith(".js") || + file.endsWith(".mjs") || + file.endsWith(".ts") || + file.endsWith(".tsx"); + +function getScripts(files: DocumentFiles) { + const { context, props } = this; + const { + assetPrefix, + buildManifest, + isDevelopment, + devOnlyCacheBusterQueryString, + disableOptimizedLoading, + } = context; + const normalScripts = files.allFiles.filter(isJSFile); + const lowPriorityScripts = buildManifest.lowPriorityFiles?.filter(isJSFile); + + return [...normalScripts, ...lowPriorityScripts].map((file) => { + return ( + <script + key={file} + src={`${encodeURI(file)}${devOnlyCacheBusterQueryString}`} + nonce={props.nonce} + async + crossOrigin={props.crossOrigin || process.env.__NEXT_CROSS_ORIGIN} + type="module" + /> + ); + }); +} + +// function fixLink(from: string) { +// if (from.startsWith("/_next/http://") || from.startsWith("/_next/https://")) +// return from.substring("/_next".length); +// return from; +// } + +// function cloneWithOverwrittenLink(element: React.ReactElement<any>) { +// const props = { ...element.props }; +// if ("href" in element.props) { +// props.href = fixLink(props.href); +// } + +// if ("n-href" in element.props) { +// props["n-href"] = fixLink(props["n-href"]); +// } + +// if ("n-src" in element.props) { +// props["n-src"] = fixLink(props["n-src"]); +// } + +// if ("src" in element.props) { +// props["src"] = fixLink(props.src); +// } + +// return React.cloneElement(element, props); +// } + +interface DomainLocale { + defaultLocale: string; + domain: string; + http?: true; + locales?: string[]; +} + +function renderDocument( + Document: DocumentType, + { + buildManifest, + docComponentsRendered, + props, + docProps, + pathname, + query, + buildId, + canonicalBase, + assetPrefix, + runtimeConfig, + nextExport, + autoExport, + isFallback, + dynamicImportsIds, + dangerousAsPath, + err, + dev, + ampPath, + ampState, + inAmpMode, + hybridAmp, + dynamicImports, + headTags, + gsp, + gssp, + customServer, + gip, + appGip, + unstable_runtimeJS, + unstable_JsPreload, + devOnlyCacheBusterQueryString, + scriptLoader, + locale, + locales, + defaultLocale, + domainLocales, + isPreview, + disableOptimizedLoading, + }: RenderOpts & { + props: any; + docComponentsRendered: DocumentProps["docComponentsRendered"]; + docProps: DocumentInitialProps; + pathname: string; + query: ParsedUrlQuery; + dangerousAsPath: string; + ampState: any; + ampPath: string; + inAmpMode: boolean; + hybridAmp: boolean; + dynamicImportsIds: (string | number)[]; + dynamicImports: string[]; + headTags: any; + isFallback?: boolean; + gsp?: boolean; + gssp?: boolean; + customServer?: boolean; + gip?: boolean; + appGip?: boolean; + devOnlyCacheBusterQueryString: string; + scriptLoader: any; + isPreview?: boolean; + autoExport?: boolean; + } +): string { + return ( + "<!DOCTYPE html>" + + ReactDOMServer.renderToStaticMarkup( + <AmpStateContext.Provider value={ampState}> + {Document.renderDocument(Document, { + __NEXT_DATA__: { + props, // The result of getInitialProps + page: pathname, // The rendered page + query, // querystring parsed / passed by the user + buildId, // buildId is used to facilitate caching of page bundles, we send it to the client so that pageloader knows where to load bundles + assetPrefix: assetPrefix === "" ? undefined : assetPrefix, // send assetPrefix to the client side when configured, otherwise don't sent in the resulting HTML + runtimeConfig, // runtimeConfig if provided, otherwise don't sent in the resulting HTML + nextExport, // If this is a page exported by `next export` + autoExport, // If this is an auto exported page + isFallback, + dynamicIds: + dynamicImportsIds.length === 0 ? undefined : dynamicImportsIds, + err: err || undefined, // err: err ? serializeError(dev, err) : undefined, // Error if one happened, otherwise don't sent in the resulting HTML + gsp, // whether the page is getStaticProps + gssp, // whether the page is getServerSideProps + customServer, // whether the user is using a custom server + gip, // whether the page has getInitialProps + appGip, // whether the _app has getInitialProps + locale, + locales, + defaultLocale, + domainLocales, + isPreview, + + pages: buildManifest.pages, + }, + buildManifest, + docComponentsRendered, + dangerousAsPath, + canonicalBase, + ampPath, + inAmpMode, + isDevelopment: !!dev, + hybridAmp, + dynamicImports, + assetPrefix, + headTags, + unstable_runtimeJS, + unstable_JsPreload, + devOnlyCacheBusterQueryString, + scriptLoader, + locale, + disableOptimizedLoading, + ...docProps, + })} + </AmpStateContext.Provider> + ) + ); +} + +class ServerRouter implements NextRouter { + route: string; + pathname: string; + query: ParsedUrlQuery; + asPath: string; + basePath: string; + events: any; + isFallback: boolean; + locale?: string; + isReady: boolean; + locales?: string[]; + defaultLocale?: string; + domainLocales?: DomainLocale[]; + isPreview: boolean; + isLocaleDomain: boolean; + + constructor( + pathname: string, + query: ParsedUrlQuery, + as: string, + { isFallback }: { isFallback: boolean }, + isReady: boolean, + basePath: string, + locale?: string, + locales?: string[], + defaultLocale?: string, + domainLocales?: DomainLocale[], + isPreview?: boolean, + isLocaleDomain?: boolean + ) { + this.route = pathname.replace(/\/$/, "") || "/"; + this.pathname = pathname; + this.query = query; + this.asPath = as; + this.isFallback = isFallback; + this.basePath = basePath; + this.locale = locale; + this.locales = locales; + this.defaultLocale = defaultLocale; + this.isReady = isReady; + this.domainLocales = domainLocales; + this.isPreview = !!isPreview; + this.isLocaleDomain = !!isLocaleDomain; + } + + push(): any { + noRouter(); + } + replace(): any { + noRouter(); + } + reload() { + noRouter(); + } + back() { + noRouter(); + } + prefetch(): any { + noRouter(); + } + beforePopState() { + noRouter(); + } +} + +function noRouter() { + const message = + 'No router instance found. you should only use "next/router" inside the client side of your app. https://nextjs.org/docs/messages/no-router-instance'; + throw new Error(message); +} + +function enhanceComponents( + options: ComponentsEnhancer, + App: AppType, + Component: NextComponentType +): { + App: AppType; + Component: NextComponentType; +} { + // For backwards compatibility + if (typeof options === "function") { + return { + App, + Component: options(Component), + }; + } + + return { + App: options.enhanceApp ? options.enhanceApp(App) : App, + Component: options.enhanceComponent + ? options.enhanceComponent(Component) + : Component, + }; +} + +Object.defineProperty(NextDocument.Head.prototype, "getScripts", { + get() { + return getScripts; + }, +}); +Object.defineProperty(NextDocument.NextScript.prototype, "getScripts", { + get() { + return getScripts; + }, +}); + +export async function render({ + route, + PageNamespace, + AppNamespace, + appStylesheets = [], + pageStylesheets = [], + DocumentNamespace = null, + buildId, + routePaths = [], +}: { + buildId: number; + route: any; + PageNamespace: { default: NextComponentType<any> }; + AppNamespace: { default: NextComponentType<any> } | null; + DocumentNamespace: Object | null; + appStylesheets: string[]; + pageStylesheets: string[]; + routePaths: string[]; +}): Promise<Response> { + const { default: Component, getStaticProps = null } = PageNamespace || {}; + const { default: AppComponent_ } = AppNamespace || {}; + var query = Object.assign({}, route.query); + + // These are reversed in our Router versus Next.js...mostly due to personal preference. + const pathname = "/" + route.name; + var asPath = route.pathname; + const pages = {}; + + for (let path of routePaths) { + const filePath = path.substring( + path.indexOf("_next/pages/") + "_next/pages".length + ); + const name = filePath.substring(0, filePath.indexOf(".")); + pages[name] = [path]; + } + + pages[pathname] = [route.scriptSrc, ...pageStylesheets]; + + if (appStylesheets.length > 0) { + if (pages["/_app"]) { + pages["/_app"].push(...appStylesheets); + } else { + pages["/_app"] = appStylesheets; + } + } + + const AppComponent = AppComponent_ || App.default; + const Document = + (DocumentNamespace && DocumentNamespace.default) || NextDocument.default; + // Document.Html.prototype.getScripts = getScripts; + // } + + const callMiddleware = async (method: string, args: any[], props = false) => { + let results: any = props ? {} : []; + + if ((Document as any)[`${method}Middleware`]) { + let middlewareFunc = await (Document as any)[`${method}Middleware`]; + middlewareFunc = middlewareFunc.default || middlewareFunc; + + const curResults = await middlewareFunc(...args); + if (props) { + for (const result of curResults) { + results = { + ...results, + ...result, + }; + } + } else { + results = curResults; + } + } + return results; + }; + + const headTags = (...args: any) => callMiddleware("headTags", args); + + const isFallback = !!query.__nextFallback; + delete query.__nextFallback; + delete query.__nextLocale; + delete query.__nextDefaultLocale; + + const isSSG = !!getStaticProps; + const isBuildTimeSSG = isSSG && false; + const defaultAppGetInitialProps = + App.getInitialProps === (App as any).origGetInitialProps; + + const hasPageGetInitialProps = !!(Component as any).getInitialProps; + const pageIsDynamic = route.kind === "dynamic"; + const isAutoExport = false; + + if (isAutoExport || isFallback) { + // // remove query values except ones that will be set during export + // query = { + // ...(query.amp + // ? { + // amp: query.amp, + // } + // : {}), + // }; + asPath = `${asPath}${ + // ensure trailing slash is present for non-dynamic auto-export pages + asPath.endsWith("/") && asPath !== "/" && !pageIsDynamic ? "/" : "" + }`; + } + + let head: JSX.Element[] = [ + <meta charSet="utf-8" />, + <meta name="viewport" content="width=device-width" />, + ]; + + const nextExport = isAutoExport || isFallback; + const reactLoadableModules: string[] = []; + var scriptLoader = {}; + const AppContainer = ({ children }: any) => ( + <RouterContext.Provider value={router}> + {/* <AmpStateContext.Provider value={ampState}> */} + <HeadManagerContext.Provider + value={{ + updateHead: (state) => { + head = state; + }, + updateScripts: (scripts) => { + scriptLoader = scripts; + }, + scripts: {}, + mountedInstances: new Set(), + }} + > + <LoadableContext.Provider + value={(moduleName) => reactLoadableModules.push(moduleName)} + > + {children} + </LoadableContext.Provider> + </HeadManagerContext.Provider> + {/* </AmpStateContext.Provider> */} + </RouterContext.Provider> + ); + + await Loadable.preloadAll(); // Make sure all dynamic imports are loaded + + const router = new ServerRouter( + pathname, + query, + asPath, + { + isFallback: isFallback, + }, + true, + Bun.origin, + null, + [], // renderOpts.locales, + null, //renderOpts.defaultLocale, + [], // renderOpts.domainLocales, + false, + false + ); + + const ctx = { + err: null, + req: undefined, + res: undefined, + pathname, + query, + asPath, + locale: null, + locales: [], + defaultLocale: null, + AppTree: (props: any) => { + return ( + <AppContainer> + <App {...props} Component={Component} router={router} /> + </AppContainer> + ); + }, + }; + + var props = await loadGetInitialProps(AppComponent, { + AppTree: ctx.AppTree, + Component, + router, + ctx, + }); + + const renderToString = ReactDOMServer.renderToString; + const ErrorDebug = null; + + const renderPage: RenderPage = ( + options: ComponentsEnhancer = {} + ): RenderPageResult | Promise<RenderPageResult> => { + if (ctx.err && ErrorDebug) { + const htmlOrPromise = renderToString(<ErrorDebug error={ctx.err} />); + return typeof htmlOrPromise === "string" + ? { html: htmlOrPromise, head } + : htmlOrPromise.then((html) => ({ + html, + head, + })); + } + + if (dev && (props.router || props.Component)) { + throw new Error( + `'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props` + ); + } + + const { App: EnhancedApp, Component: EnhancedComponent } = + enhanceComponents(options, AppComponent, Component); + + const htmlOrPromise = renderToString( + <AppContainer> + <EnhancedApp Component={EnhancedComponent} router={router} {...props} /> + </AppContainer> + ); + return typeof htmlOrPromise === "string" + ? { html: htmlOrPromise, head } + : htmlOrPromise.then((html) => ({ + html, + head, + })); + }; + + const documentCtx = { ...ctx, renderPage }; + const docProps: DocumentInitialProps = await loadGetInitialProps( + Document, + documentCtx + ); + + if (!docProps || typeof docProps.html !== "string") { + const message = `"${getDisplayName( + Document + )}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`; + throw new Error(message); + } + + const renderOpts = { + params: route.params, + }; + // renderOpts.params = _params || params; + + // parsedUrl.pathname = denormalizePagePath(parsedUrl.pathname!); + // renderOpts.resolvedUrl = formatUrl({ + // ...parsedUrl, + // query: origQuery, + // }); + const docComponentsRendered: DocumentProps["docComponentsRendered"] = {}; + + const isPreview = false; + const getServerSideProps = PageNamespace.getServerSideProps; + + let html = renderDocument(Document, { + docComponentsRendered, + ...renderOpts, + disableOptimizedLoading: false, + canonicalBase: Bun.origin, + buildManifest: { + devFiles: [], + allFiles: [], + polyfillFiles: [], + lowPriorityFiles: [], + pages: pages, + }, + // Only enabled in production as development mode has features relying on HMR (style injection for example) + unstable_runtimeJS: true, + // process.env.NODE_ENV === "production" + // ? pageConfig.unstable_runtimeJS + // : undefined, + // unstable_JsPreload: pageConfig.unstable_JsPreload, + unstable_JsPreload: true, + dangerousAsPath: router.asPath, + ampState: undefined, + props, + assetPrefix: "", + headTags: await headTags(documentCtx), + isFallback, + docProps, + pathname, + ampPath: undefined, + query, + inAmpMode: false, + hybridAmp: undefined, + dynamicImportsIds: [], // Array.from(dynamicImportsIds), + dynamicImports: [], //Array.from(dynamicImports), + gsp: !!getStaticProps ? true : undefined, + gssp: !!getServerSideProps ? true : undefined, + gip: hasPageGetInitialProps ? true : undefined, + appGip: !defaultAppGetInitialProps ? true : undefined, + devOnlyCacheBusterQueryString: "", + scriptLoader, + isPreview: isPreview === true ? true : undefined, + autoExport: isAutoExport === true ? true : undefined, + nextExport: nextExport === true ? true : undefined, + }) + .replaceAll("/_next/http://", "http://") + .replaceAll("/_next/https://", "https://"); + return new Response(html); +} diff --git a/examples/hello-next/bun-framework-next/route-loader.ts b/examples/hello-next/bun-framework-next/route-loader.ts new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/examples/hello-next/bun-framework-next/route-loader.ts diff --git a/examples/hello-next/bun-framework-next/server.development.tsx b/examples/hello-next/bun-framework-next/server.development.tsx new file mode 100644 index 000000000..82caf0ab7 --- /dev/null +++ b/examples/hello-next/bun-framework-next/server.development.tsx @@ -0,0 +1,84 @@ +import React from "react"; +class URL { + constructor(base, source) { + this.pathname = source; + this.href = base + source; + } +} +var onlyChildPolyfill = React.Children.only; +React.Children.only = function (children) { + if (children && typeof children === "object" && children.length == 1) { + return onlyChildPolyfill(children[0]); + } + + return onlyChildPolyfill(children); +}; +globalThis.URL = URL; +globalThis.global = globalThis; +import { render } from "./renderDocument"; + +let buildId = 0; + +var DocumentNamespacePromise; + +DocumentNamespacePromise = import(Bun.routesDir + "_document"); +var DocumentLoaded = false; +var DocumentNamespace; + +addEventListener("fetch", async (event: FetchEvent) => { + if (!DocumentLoaded) { + DocumentLoaded = true; + try { + DocumentNamespace = await DocumentNamespacePromise; + } catch (exception) { + DocumentNamespace = null; + } + } + + var appRoute; + + try { + appRoute = await import(Bun.routesDir + "_app"); + } catch (exception) { + appRoute = null; + } + const appStylesheets = (Bun.getImportedStyles() as string[]).slice(); + var route = Bun.match(event); + + // This imports the currently matched route. + const PageNamespace = await import(route.filePath); + + // This returns all .css files that were imported in the line above. + // It's recursive, so any file that imports a CSS file will be included. + const pageStylesheets = (Bun.getImportedStyles() as string[]).slice(); + + event.respondWith( + render({ + route, + PageNamespace, + appStylesheets, + pageStylesheets, + DocumentNamespace, + AppNamespace: appRoute, + buildId, + routePaths: Bun.getRouteFiles(), + }) + ); + buildId++; +}); + +// typescript isolated modules +export {}; + +declare var Bun: any; + +function getNextData(request: Request, route) { + return { + NEXT_DATA: { + query: route.query, + props: {}, + page: route.path, + buildId: buildId.toString(16), + }, + }; +} diff --git a/examples/hello-next/bun-framework-next/server.production.tsx b/examples/hello-next/bun-framework-next/server.production.tsx new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/examples/hello-next/bun-framework-next/server.production.tsx diff --git a/examples/hello-next/bun-framework-next/tsconfig.json b/examples/hello-next/bun-framework-next/tsconfig.json new file mode 100644 index 000000000..679268d71 --- /dev/null +++ b/examples/hello-next/bun-framework-next/tsconfig.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "target": "esnext", + "lib": ["dom", "dom.iterable", "esnext", "WebWorker"], + "allowJs": true, + "skipLibCheck": true, + "strict": false, + "forceConsistentCasingInFileNames": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "Node", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve", + "baseUrl": ".", + "paths": { + "path": ["node_modules/path-browserify"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], + "exclude": ["node_modules"] +} diff --git a/examples/hello-next/components/Title.tsx b/examples/hello-next/components/Title.tsx new file mode 100644 index 000000000..c8f1a935f --- /dev/null +++ b/examples/hello-next/components/Title.tsx @@ -0,0 +1,9 @@ +import Hey from "./subtitle"; + +export default function Title() { + return ( + <h1> + Hello <Hey></Hey> + </h1> + ); +} diff --git a/examples/hello-next/components/subtitle.tsx b/examples/hello-next/components/subtitle.tsx new file mode 100644 index 000000000..347d97a4d --- /dev/null +++ b/examples/hello-next/components/subtitle.tsx @@ -0,0 +1,3 @@ +export default function Hey() { + return <div>!!yep</div>; +} diff --git a/examples/hello-next/next-env.d.ts b/examples/hello-next/next-env.d.ts new file mode 100644 index 000000000..9bc3dd46b --- /dev/null +++ b/examples/hello-next/next-env.d.ts @@ -0,0 +1,6 @@ +/// <reference types="next" /> +/// <reference types="next/types/global" /> +/// <reference types="next/image-types/global" /> + +// NOTE: This file should not be edited +// see https://nextjs.org/docs/basic-features/typescript for more information. diff --git a/examples/hello-next/next.config.js b/examples/hello-next/next.config.js new file mode 100644 index 000000000..0d6071006 --- /dev/null +++ b/examples/hello-next/next.config.js @@ -0,0 +1,3 @@ +module.exports = { + reactStrictMode: true, +} diff --git a/examples/hello-next/package.json b/examples/hello-next/package.json new file mode 100644 index 000000000..fd803c98a --- /dev/null +++ b/examples/hello-next/package.json @@ -0,0 +1,13 @@ +{ + "name": "hello-next", + "version": "1.0.0", + "main": "index.js", + "license": "MIT", + "dependencies": { + "next": "^11.1.0", + "path": "^0.12.7", + "react": "^17.0.2", + "react-dom": "^17.0.2", + "whatwg-url": "^9.1.0" + } +} diff --git a/examples/hello-next/pages/_app.tsx b/examples/hello-next/pages/_app.tsx new file mode 100644 index 000000000..2fc3e0700 --- /dev/null +++ b/examples/hello-next/pages/_app.tsx @@ -0,0 +1,7 @@ +import "../styles/globals.css"; + +function MyApp({ Component, pageProps }) { + return <Component {...pageProps} />; +} + +export default MyApp; diff --git a/examples/hello-next/pages/api/hello.tsx b/examples/hello-next/pages/api/hello.tsx new file mode 100644 index 000000000..df63de88f --- /dev/null +++ b/examples/hello-next/pages/api/hello.tsx @@ -0,0 +1,5 @@ +// Next.js API route support: https://nextjs.org/docs/api-routes/introduction + +export default function handler(req, res) { + res.status(200).json({ name: 'John Doe' }) +} diff --git a/examples/hello-next/pages/foo/bar/third.tsx b/examples/hello-next/pages/foo/bar/third.tsx new file mode 100644 index 000000000..e1df24bc1 --- /dev/null +++ b/examples/hello-next/pages/foo/bar/third.tsx @@ -0,0 +1,26 @@ +import Link from "next/link"; + +export default function Baz({}) { + return ( + <div style={{ padding: 16 }}> + <h1>Third</h1> + <ul> + <li> + <Link href="/"> + <a>Root page</a> + </Link> + </li> + <li> + <Link href="/second"> + <a>Second page</a> + </Link> + </li> + <li> + <Link href="/posts/123"> + <a>Post page 123</a> + </Link> + </li> + </ul> + </div> + ); +} diff --git a/examples/hello-next/pages/index.tsx b/examples/hello-next/pages/index.tsx new file mode 100644 index 000000000..b87c67a84 --- /dev/null +++ b/examples/hello-next/pages/index.tsx @@ -0,0 +1,82 @@ +import Head from "next/head"; +import Image from "next/image"; +import styles from "../styles/Home.module.css"; +import Link from "next/link"; +import { useRouter } from "next/router"; + +import Title from "../components/Title"; + +export default function Home() { + const router = useRouter(); + return ( + <div className={styles.container}> + <Head> + <title>Fo</title> + <meta name="description" content="Generated by create next app" /> + <link rel="icon" href="/favicon.ico" /> + </Head> + + <Title /> + + <main className={styles.main}> + <h1 className={styles.title}> + Welcome to <a href="https://nextjs.org">Next.js!</a> + </h1> + + <p className={styles.description}> + Get started by editing{" "} + <code className={styles.code}>pages/index.js</code> + </p> + + <div className={styles.grid}> + <Link href="/second"> + <div className={styles.card}> + <h2>Second Page →</h2> + <p>Link</p> + </div> + </Link> + + <button + onClick={() => router.push("/foo/bar/third")} + className={styles.card} + style={{ backgroundColor: "white" }} + > + <h2>Third Page →</h2> + <p>button, router.push()</p> + </button> + + <a + href="https://github.com/vercel/next.js/tree/master/examples" + className={styles.card} + > + <h2>Examples →</h2> + <p>Discover and deploy boilerplate example Next.js projects.</p> + </a> + + <a + href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" + className={styles.card} + > + <h2>Deploy →</h2> + <p> + Instantly deploy your Next.js site to a public URL with Vercel. + </p> + </a> + </div> + </main> + + <footer className={styles.footer}> + <a + href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" + target="_blank" + rel="noopener noreferrer" + > + Powered by{" "} + <span className={styles.logo}> + <img src="/vercel.svg" alt="Vercel Logo" width={72} height={16} /> + </span> + </a> + </footer> + </div> + ); +} diff --git a/examples/hello-next/pages/posts/[id].tsx b/examples/hello-next/pages/posts/[id].tsx new file mode 100644 index 000000000..48413669c --- /dev/null +++ b/examples/hello-next/pages/posts/[id].tsx @@ -0,0 +1,19 @@ +import { useRouter } from "next/router"; +import Link from "next/link"; + +export default function Post({}) { + const router = useRouter(); + + return ( + <div style={{ padding: 16 }}> + <h1>Post: {router.query.id}</h1> + <ul> + <li> + <Link href="/"> + <a>Root page</a> + </Link> + </li> + </ul> + </div> + ); +} diff --git a/examples/hello-next/pages/second.tsx b/examples/hello-next/pages/second.tsx new file mode 100644 index 000000000..0e7b5a5cf --- /dev/null +++ b/examples/hello-next/pages/second.tsx @@ -0,0 +1,22 @@ +import Link from "next/link"; + +export default function Second({}) { + return ( + <div style={{ padding: 16 }}> + <h1>Second</h1> + + <ul> + <li> + <Link href="/"> + <a>Root page</a> + </Link> + </li> + <li> + <Link href="/foo/bar/third"> + <a>Third! page</a> + </Link> + </li> + </ul> + </div> + ); +} diff --git a/examples/hello-next/public/favicon.ico b/examples/hello-next/public/favicon.ico Binary files differnew file mode 100644 index 000000000..718d6fea4 --- /dev/null +++ b/examples/hello-next/public/favicon.ico diff --git a/examples/hello-next/public/vercel.svg b/examples/hello-next/public/vercel.svg new file mode 100644 index 000000000..fbf0e25a6 --- /dev/null +++ b/examples/hello-next/public/vercel.svg @@ -0,0 +1,4 @@ +<svg width="283" height="64" viewBox="0 0 283 64" fill="none" + xmlns="http://www.w3.org/2000/svg"> + <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/> +</svg>
\ No newline at end of file diff --git a/examples/hello-next/styles/Home.module.css b/examples/hello-next/styles/Home.module.css new file mode 100644 index 000000000..35454bb74 --- /dev/null +++ b/examples/hello-next/styles/Home.module.css @@ -0,0 +1,121 @@ +.container { + min-height: 100vh; + padding: 0 0.5rem; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; +} + +.main { + padding: 5rem 0; + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.footer { + width: 100%; + height: 100px; + border-top: 1px solid #eaeaea; + display: flex; + justify-content: center; + align-items: center; +} + +.footer a { + display: flex; + justify-content: center; + align-items: center; + flex-grow: 1; +} + +.title a { + color: #0070f3; + text-decoration: none; +} + +.title a:hover, +.title a:focus, +.title a:active { + text-decoration: underline; +} + +.title { + margin: 0; + line-height: 1.15; + font-size: 4rem; +} + +.title, +.description { + text-align: center; +} + +.description { + line-height: 1.5; + font-size: 1.5rem; +} + +.code { + background: #fafafa; + border-radius: 5px; + padding: 0.75rem; + font-size: 1.1rem; + font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, + Bitstream Vera Sans Mono, Courier New, monospace; +} + +.grid { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + max-width: 800px; + margin-top: 3rem; +} + +.card { + margin: 1rem; + padding: 1.5rem; + text-align: left; + color: inherit; + text-decoration: none; + border: 1px solid #eaeaea; + border-radius: 10px; + transition: color 0.15s ease, border-color 0.15s ease; + width: 45%; +} + +.card:hover, +.card:focus, +.card:active { + color: #0070f3; + border-color: #0070f3; +} + +.card h2 { + margin: 0 0 1rem 0; + font-size: 1.5rem; +} + +.card p { + margin: 0; + font-size: 1.25rem; + line-height: 1.5; +} + +.logo { + height: 1em; + margin-left: 0.5rem; +} + +@media (max-width: 600px) { + .grid { + width: 100%; + flex-direction: column; + } +} diff --git a/examples/hello-next/styles/globals.css b/examples/hello-next/styles/globals.css new file mode 100644 index 000000000..e5e2dcc23 --- /dev/null +++ b/examples/hello-next/styles/globals.css @@ -0,0 +1,16 @@ +html, +body { + padding: 0; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, + Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; +} + +a { + color: inherit; + text-decoration: none; +} + +* { + box-sizing: border-box; +} diff --git a/examples/hello-next/tsconfig.json b/examples/hello-next/tsconfig.json new file mode 100644 index 000000000..679268d71 --- /dev/null +++ b/examples/hello-next/tsconfig.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "target": "esnext", + "lib": ["dom", "dom.iterable", "esnext", "WebWorker"], + "allowJs": true, + "skipLibCheck": true, + "strict": false, + "forceConsistentCasingInFileNames": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "Node", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve", + "baseUrl": ".", + "paths": { + "path": ["node_modules/path-browserify"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], + "exclude": ["node_modules"] +} diff --git a/examples/lotta-modules/index.js b/examples/lotta-modules/index.js new file mode 100644 index 000000000..12c99a7a7 --- /dev/null +++ b/examples/lotta-modules/index.js @@ -0,0 +1,638 @@ +import "lodash/_DataView.js"; +import "lodash/_Hash.js"; +import "lodash/_LazyWrapper.js"; +import "lodash/_ListCache.js"; +import "lodash/_LodashWrapper.js"; +import "lodash/_Map.js"; +import "lodash/_MapCache.js"; +import "lodash/_Promise.js"; +import "lodash/_Set.js"; +import "lodash/_SetCache.js"; +import "lodash/_Stack.js"; +import "lodash/_Symbol.js"; +import "lodash/_Uint8Array.js"; +import "lodash/_WeakMap.js"; +import "lodash/_apply.js"; +import "lodash/_arrayAggregator.js"; +import "lodash/_arrayEach.js"; +import "lodash/_arrayEachRight.js"; +import "lodash/_arrayEvery.js"; +import "lodash/_arrayFilter.js"; +import "lodash/_arrayIncludes.js"; +import "lodash/_arrayIncludesWith.js"; +import "lodash/_arrayLikeKeys.js"; +import "lodash/_arrayMap.js"; +import "lodash/_arrayPush.js"; +import "lodash/_arrayReduce.js"; +import "lodash/_arrayReduceRight.js"; +import "lodash/_arraySample.js"; +import "lodash/_arraySampleSize.js"; +import "lodash/_arrayShuffle.js"; +import "lodash/_arraySome.js"; +import "lodash/_asciiSize.js"; +import "lodash/_asciiToArray.js"; +import "lodash/_asciiWords.js"; +import "lodash/_assignMergeValue.js"; +import "lodash/_assignValue.js"; +import "lodash/_assocIndexOf.js"; +import "lodash/_baseAggregator.js"; +import "lodash/_baseAssign.js"; +import "lodash/_baseAssignIn.js"; +import "lodash/_baseAssignValue.js"; +import "lodash/_baseAt.js"; +import "lodash/_baseClamp.js"; +import "lodash/_baseClone.js"; +import "lodash/_baseConforms.js"; +import "lodash/_baseConformsTo.js"; +import "lodash/_baseCreate.js"; +import "lodash/_baseDelay.js"; +import "lodash/_baseDifference.js"; +import "lodash/_baseEach.js"; +import "lodash/_baseEachRight.js"; +import "lodash/_baseEvery.js"; +import "lodash/_baseExtremum.js"; +import "lodash/_baseFill.js"; +import "lodash/_baseFilter.js"; +import "lodash/_baseFindIndex.js"; +import "lodash/_baseFindKey.js"; +import "lodash/_baseFlatten.js"; +import "lodash/_baseFor.js"; +import "lodash/_baseForOwn.js"; +import "lodash/_baseForOwnRight.js"; +import "lodash/_baseForRight.js"; +import "lodash/_baseFunctions.js"; +import "lodash/_baseGet.js"; +import "lodash/_baseGetAllKeys.js"; +import "lodash/_baseGetTag.js"; +import "lodash/_baseGt.js"; +import "lodash/_baseHas.js"; +import "lodash/_baseHasIn.js"; +import "lodash/_baseInRange.js"; +import "lodash/_baseIndexOf.js"; +import "lodash/_baseIndexOfWith.js"; +import "lodash/_baseIntersection.js"; +import "lodash/_baseInverter.js"; +import "lodash/_baseInvoke.js"; +import "lodash/_baseIsArguments.js"; +import "lodash/_baseIsArrayBuffer.js"; +import "lodash/_baseIsDate.js"; +import "lodash/_baseIsEqual.js"; +import "lodash/_baseIsEqualDeep.js"; +import "lodash/_baseIsMap.js"; +import "lodash/_baseIsMatch.js"; +import "lodash/_baseIsNaN.js"; +import "lodash/_baseIsNative.js"; +import "lodash/_baseIsRegExp.js"; +import "lodash/_baseIsSet.js"; +import "lodash/_baseIsTypedArray.js"; +import "lodash/_baseIteratee.js"; +import "lodash/_baseKeys.js"; +import "lodash/_baseKeysIn.js"; +import "lodash/_baseLodash.js"; +import "lodash/_baseLt.js"; +import "lodash/_baseMap.js"; +import "lodash/_baseMatches.js"; +import "lodash/_baseMatchesProperty.js"; +import "lodash/_baseMean.js"; +import "lodash/_baseMerge.js"; +import "lodash/_baseMergeDeep.js"; +import "lodash/_baseNth.js"; +import "lodash/_baseOrderBy.js"; +import "lodash/_basePick.js"; +import "lodash/_basePickBy.js"; +import "lodash/_baseProperty.js"; +import "lodash/_basePropertyDeep.js"; +import "lodash/_basePropertyOf.js"; +import "lodash/_basePullAll.js"; +import "lodash/_basePullAt.js"; +import "lodash/_baseRandom.js"; +import "lodash/_baseRange.js"; +import "lodash/_baseReduce.js"; +import "lodash/_baseRepeat.js"; +import "lodash/_baseRest.js"; +import "lodash/_baseSample.js"; +import "lodash/_baseSampleSize.js"; +import "lodash/_baseSet.js"; +import "lodash/_baseSetData.js"; +import "lodash/_baseSetToString.js"; +import "lodash/_baseShuffle.js"; +import "lodash/_baseSlice.js"; +import "lodash/_baseSome.js"; +import "lodash/_baseSortBy.js"; +import "lodash/_baseSortedIndex.js"; +import "lodash/_baseSortedIndexBy.js"; +import "lodash/_baseSortedUniq.js"; +import "lodash/_baseSum.js"; +import "lodash/_baseTimes.js"; +import "lodash/_baseToNumber.js"; +import "lodash/_baseToPairs.js"; +import "lodash/_baseToString.js"; +import "lodash/_baseTrim.js"; +import "lodash/_baseUnary.js"; +import "lodash/_baseUniq.js"; +import "lodash/_baseUnset.js"; +import "lodash/_baseUpdate.js"; +import "lodash/_baseValues.js"; +import "lodash/_baseWhile.js"; +import "lodash/_baseWrapperValue.js"; +import "lodash/_baseXor.js"; +import "lodash/_baseZipObject.js"; +import "lodash/_cacheHas.js"; +import "lodash/_castArrayLikeObject.js"; +import "lodash/_castFunction.js"; +import "lodash/_castPath.js"; +import "lodash/_castRest.js"; +import "lodash/_castSlice.js"; +import "lodash/_charsEndIndex.js"; +import "lodash/_charsStartIndex.js"; +import "lodash/_cloneArrayBuffer.js"; +import "lodash/_cloneBuffer.js"; +import "lodash/_cloneDataView.js"; +import "lodash/_cloneRegExp.js"; +import "lodash/_cloneSymbol.js"; +import "lodash/_cloneTypedArray.js"; +import "lodash/_compareAscending.js"; +import "lodash/_compareMultiple.js"; +import "lodash/_composeArgs.js"; +import "lodash/_composeArgsRight.js"; +import "lodash/_copyArray.js"; +import "lodash/_copyObject.js"; +import "lodash/_copySymbols.js"; +import "lodash/_copySymbolsIn.js"; +import "lodash/_coreJsData.js"; +import "lodash/_countHolders.js"; +import "lodash/_createAggregator.js"; +import "lodash/_createAssigner.js"; +import "lodash/_createBaseEach.js"; +import "lodash/_createBaseFor.js"; +import "lodash/_createBind.js"; +import "lodash/_createCaseFirst.js"; +import "lodash/_createCompounder.js"; +import "lodash/_createCtor.js"; +import "lodash/_createCurry.js"; +import "lodash/_createFind.js"; +import "lodash/_createFlow.js"; +import "lodash/_createHybrid.js"; +import "lodash/_createInverter.js"; +import "lodash/_createMathOperation.js"; +import "lodash/_createOver.js"; +import "lodash/_createPadding.js"; +import "lodash/_createPartial.js"; +import "lodash/_createRange.js"; +import "lodash/_createRecurry.js"; +import "lodash/_createRelationalOperation.js"; +import "lodash/_createRound.js"; +import "lodash/_createSet.js"; +import "lodash/_createToPairs.js"; +import "lodash/_createWrap.js"; +import "lodash/_customDefaultsAssignIn.js"; +import "lodash/_customDefaultsMerge.js"; +import "lodash/_customOmitClone.js"; +import "lodash/_deburrLetter.js"; +import "lodash/_defineProperty.js"; +import "lodash/_equalArrays.js"; +import "lodash/_equalByTag.js"; +import "lodash/_equalObjects.js"; +import "lodash/_escapeHtmlChar.js"; +import "lodash/_escapeStringChar.js"; +import "lodash/_flatRest.js"; +import "lodash/_freeGlobal.js"; +import "lodash/_getAllKeys.js"; +import "lodash/_getAllKeysIn.js"; +import "lodash/_getData.js"; +import "lodash/_getFuncName.js"; +import "lodash/_getHolder.js"; +import "lodash/_getMapData.js"; +import "lodash/_getMatchData.js"; +import "lodash/_getNative.js"; +import "lodash/_getPrototype.js"; +import "lodash/_getRawTag.js"; +import "lodash/_getSymbols.js"; +import "lodash/_getSymbolsIn.js"; +import "lodash/_getTag.js"; +import "lodash/_getValue.js"; +import "lodash/_getView.js"; +import "lodash/_getWrapDetails.js"; +import "lodash/_hasPath.js"; +import "lodash/_hasUnicode.js"; +import "lodash/_hasUnicodeWord.js"; +import "lodash/_hashClear.js"; +import "lodash/_hashDelete.js"; +import "lodash/_hashGet.js"; +import "lodash/_hashHas.js"; +import "lodash/_hashSet.js"; +import "lodash/_initCloneArray.js"; +import "lodash/_initCloneByTag.js"; +import "lodash/_initCloneObject.js"; +import "lodash/_insertWrapDetails.js"; +import "lodash/_isFlattenable.js"; +import "lodash/_isIndex.js"; +import "lodash/_isIterateeCall.js"; +import "lodash/_isKey.js"; +import "lodash/_isKeyable.js"; +import "lodash/_isLaziable.js"; +import "lodash/_isMaskable.js"; +import "lodash/_isMasked.js"; +import "lodash/_isPrototype.js"; +import "lodash/_isStrictComparable.js"; +import "lodash/_iteratorToArray.js"; +import "lodash/_lazyClone.js"; +import "lodash/_lazyReverse.js"; +import "lodash/_lazyValue.js"; +import "lodash/_listCacheClear.js"; +import "lodash/_listCacheDelete.js"; +import "lodash/_listCacheGet.js"; +import "lodash/_listCacheHas.js"; +import "lodash/_listCacheSet.js"; +import "lodash/_mapCacheClear.js"; +import "lodash/_mapCacheDelete.js"; +import "lodash/_mapCacheGet.js"; +import "lodash/_mapCacheHas.js"; +import "lodash/_mapCacheSet.js"; +import "lodash/_mapToArray.js"; +import "lodash/_matchesStrictComparable.js"; +import "lodash/_memoizeCapped.js"; +import "lodash/_mergeData.js"; +import "lodash/_metaMap.js"; +import "lodash/_nativeCreate.js"; +import "lodash/_nativeKeys.js"; +import "lodash/_nativeKeysIn.js"; +import "lodash/_nodeUtil.js"; +import "lodash/_objectToString.js"; +import "lodash/_overArg.js"; +import "lodash/_overRest.js"; +import "lodash/_parent.js"; +import "lodash/_reEscape.js"; +import "lodash/_reEvaluate.js"; +import "lodash/_reInterpolate.js"; +import "lodash/_realNames.js"; +import "lodash/_reorder.js"; +import "lodash/_replaceHolders.js"; +import "lodash/_root.js"; +import "lodash/_safeGet.js"; +import "lodash/_setCacheAdd.js"; +import "lodash/_setCacheHas.js"; +import "lodash/_setData.js"; +import "lodash/_setToArray.js"; +import "lodash/_setToPairs.js"; +import "lodash/_setToString.js"; +import "lodash/_setWrapToString.js"; +import "lodash/_shortOut.js"; +import "lodash/_shuffleSelf.js"; +import "lodash/_stackClear.js"; +import "lodash/_stackDelete.js"; +import "lodash/_stackGet.js"; +import "lodash/_stackHas.js"; +import "lodash/_stackSet.js"; +import "lodash/_strictIndexOf.js"; +import "lodash/_strictLastIndexOf.js"; +import "lodash/_stringSize.js"; +import "lodash/_stringToArray.js"; +import "lodash/_stringToPath.js"; +import "lodash/_toKey.js"; +import "lodash/_toSource.js"; +import "lodash/_trimmedEndIndex.js"; +import "lodash/_unescapeHtmlChar.js"; +import "lodash/_unicodeSize.js"; +import "lodash/_unicodeToArray.js"; +import "lodash/_unicodeWords.js"; +import "lodash/_updateWrapDetails.js"; +import "lodash/_wrapperClone.js"; +import "lodash/add.js"; +import "lodash/after.js"; +import "lodash/array.js"; +import "lodash/ary.js"; +import "lodash/assign.js"; +import "lodash/assignIn.js"; +import "lodash/assignInWith.js"; +import "lodash/assignWith.js"; +import "lodash/at.js"; +import "lodash/attempt.js"; +import "lodash/before.js"; +import "lodash/bind.js"; +import "lodash/bindAll.js"; +import "lodash/bindKey.js"; +import "lodash/camelCase.js"; +import "lodash/capitalize.js"; +import "lodash/castArray.js"; +import "lodash/ceil.js"; +import "lodash/chain.js"; +import "lodash/chunk.js"; +import "lodash/clamp.js"; +import "lodash/clone.js"; +import "lodash/cloneDeep.js"; +import "lodash/cloneDeepWith.js"; +import "lodash/cloneWith.js"; +import "lodash/collection.js"; +import "lodash/commit.js"; +import "lodash/compact.js"; +import "lodash/concat.js"; +import "lodash/cond.js"; +import "lodash/conforms.js"; +import "lodash/conformsTo.js"; +import "lodash/constant.js"; +import "lodash/core.js"; +import "lodash/core.min.js"; +import "lodash/countBy.js"; +import "lodash/create.js"; +import "lodash/curry.js"; +import "lodash/curryRight.js"; +import "lodash/date.js"; +import "lodash/debounce.js"; +import "lodash/deburr.js"; +import "lodash/defaultTo.js"; +import "lodash/defaults.js"; +import "lodash/defaultsDeep.js"; +import "lodash/defer.js"; +import "lodash/delay.js"; +import "lodash/difference.js"; +import "lodash/differenceBy.js"; +import "lodash/differenceWith.js"; +import "lodash/divide.js"; +import "lodash/drop.js"; +import "lodash/dropRight.js"; +import "lodash/dropRightWhile.js"; +import "lodash/dropWhile.js"; +import "lodash/each.js"; +import "lodash/eachRight.js"; +import "lodash/endsWith.js"; +import "lodash/entries.js"; +import "lodash/entriesIn.js"; +import "lodash/eq.js"; +import "lodash/escape.js"; +import "lodash/escapeRegExp.js"; +import "lodash/every.js"; +import "lodash/extend.js"; +import "lodash/extendWith.js"; +import "lodash/fill.js"; +import "lodash/filter.js"; +import "lodash/find.js"; +import "lodash/findIndex.js"; +import "lodash/findKey.js"; +import "lodash/findLast.js"; +import "lodash/findLastIndex.js"; +import "lodash/findLastKey.js"; +import "lodash/first.js"; +import "lodash/flatMap.js"; +import "lodash/flatMapDeep.js"; +import "lodash/flatMapDepth.js"; +import "lodash/flatten.js"; +import "lodash/flattenDeep.js"; +import "lodash/flattenDepth.js"; +import "lodash/flip.js"; +import "lodash/floor.js"; +import "lodash/flow.js"; +import "lodash/flowRight.js"; +import "lodash/forEach.js"; +import "lodash/forEachRight.js"; +import "lodash/forIn.js"; +import "lodash/forInRight.js"; +import "lodash/forOwn.js"; +import "lodash/forOwnRight.js"; +import "lodash/fp"; +import "lodash/fp.js"; +import "lodash/fromPairs.js"; +import "lodash/function.js"; +import "lodash/functions.js"; +import "lodash/functionsIn.js"; +import "lodash/get.js"; +import "lodash/groupBy.js"; +import "lodash/gt.js"; +import "lodash/gte.js"; +import "lodash/has.js"; +import "lodash/hasIn.js"; +import "lodash/head.js"; +import "lodash/identity.js"; +import "lodash/inRange.js"; +import "lodash/includes.js"; +import "lodash/index.js"; +import "lodash/indexOf.js"; +import "lodash/initial.js"; +import "lodash/intersection.js"; +import "lodash/intersectionBy.js"; +import "lodash/intersectionWith.js"; +import "lodash/invert.js"; +import "lodash/invertBy.js"; +import "lodash/invoke.js"; +import "lodash/invokeMap.js"; +import "lodash/isArguments.js"; +import "lodash/isArray.js"; +import "lodash/isArrayBuffer.js"; +import "lodash/isArrayLike.js"; +import "lodash/isArrayLikeObject.js"; +import "lodash/isBoolean.js"; +import "lodash/isBuffer.js"; +import "lodash/isDate.js"; +import "lodash/isElement.js"; +import "lodash/isEmpty.js"; +import "lodash/isEqual.js"; +import "lodash/isEqualWith.js"; +import "lodash/isError.js"; +import "lodash/isFinite.js"; +import "lodash/isFunction.js"; +import "lodash/isInteger.js"; +import "lodash/isLength.js"; +import "lodash/isMap.js"; +import "lodash/isMatch.js"; +import "lodash/isMatchWith.js"; +import "lodash/isNaN.js"; +import "lodash/isNative.js"; +import "lodash/isNil.js"; +import "lodash/isNull.js"; +import "lodash/isNumber.js"; +import "lodash/isObject.js"; +import "lodash/isObjectLike.js"; +import "lodash/isPlainObject.js"; +import "lodash/isRegExp.js"; +import "lodash/isSafeInteger.js"; +import "lodash/isSet.js"; +import "lodash/isString.js"; +import "lodash/isSymbol.js"; +import "lodash/isTypedArray.js"; +import "lodash/isUndefined.js"; +import "lodash/isWeakMap.js"; +import "lodash/isWeakSet.js"; +import "lodash/iteratee.js"; +import "lodash/join.js"; +import "lodash/kebabCase.js"; +import "lodash/keyBy.js"; +import "lodash/keys.js"; +import "lodash/keysIn.js"; +import "lodash/lang.js"; +import "lodash/last.js"; +import "lodash/lastIndexOf.js"; +import "lodash/lodash.js"; +import "lodash/lodash.min.js"; +import "lodash/lowerCase.js"; +import "lodash/lowerFirst.js"; +import "lodash/lt.js"; +import "lodash/lte.js"; +import "lodash/map.js"; +import "lodash/mapKeys.js"; +import "lodash/mapValues.js"; +import "lodash/matches.js"; +import "lodash/matchesProperty.js"; +import "lodash/math.js"; +import "lodash/max.js"; +import "lodash/maxBy.js"; +import "lodash/mean.js"; +import "lodash/meanBy.js"; +import "lodash/memoize.js"; +import "lodash/merge.js"; +import "lodash/mergeWith.js"; +import "lodash/method.js"; +import "lodash/methodOf.js"; +import "lodash/min.js"; +import "lodash/minBy.js"; +import "lodash/mixin.js"; +import "lodash/multiply.js"; +import "lodash/negate.js"; +import "lodash/next.js"; +import "lodash/noop.js"; +import "lodash/now.js"; +import "lodash/nth.js"; +import "lodash/nthArg.js"; +import "lodash/number.js"; +import "lodash/object.js"; +import "lodash/omit.js"; +import "lodash/omitBy.js"; +import "lodash/once.js"; +import "lodash/orderBy.js"; +import "lodash/over.js"; +import "lodash/overArgs.js"; +import "lodash/overEvery.js"; +import "lodash/overSome.js"; +import "lodash/pad.js"; +import "lodash/padEnd.js"; +import "lodash/padStart.js"; +import "lodash/parseInt.js"; +import "lodash/partial.js"; +import "lodash/partialRight.js"; +import "lodash/partition.js"; +import "lodash/pick.js"; +import "lodash/pickBy.js"; +import "lodash/plant.js"; +import "lodash/property.js"; +import "lodash/propertyOf.js"; +import "lodash/pull.js"; +import "lodash/pullAll.js"; +import "lodash/pullAllBy.js"; +import "lodash/pullAllWith.js"; +import "lodash/pullAt.js"; +import "lodash/random.js"; +import "lodash/range.js"; +import "lodash/rangeRight.js"; +import "lodash/rearg.js"; +import "lodash/reduce.js"; +import "lodash/reduceRight.js"; +import "lodash/reject.js"; +import "lodash/remove.js"; +import "lodash/repeat.js"; +import "lodash/replace.js"; +import "lodash/rest.js"; +import "lodash/result.js"; +import "lodash/reverse.js"; +import "lodash/round.js"; +import "lodash/sample.js"; +import "lodash/sampleSize.js"; +import "lodash/seq.js"; +import "lodash/set.js"; +import "lodash/setWith.js"; +import "lodash/shuffle.js"; +import "lodash/size.js"; +import "lodash/slice.js"; +import "lodash/snakeCase.js"; +import "lodash/some.js"; +import "lodash/sortBy.js"; +import "lodash/sortedIndex.js"; +import "lodash/sortedIndexBy.js"; +import "lodash/sortedIndexOf.js"; +import "lodash/sortedLastIndex.js"; +import "lodash/sortedLastIndexBy.js"; +import "lodash/sortedLastIndexOf.js"; +import "lodash/sortedUniq.js"; +import "lodash/sortedUniqBy.js"; +import "lodash/split.js"; +import "lodash/spread.js"; +import "lodash/startCase.js"; +import "lodash/startsWith.js"; +import "lodash/string.js"; +import "lodash/stubArray.js"; +import "lodash/stubFalse.js"; +import "lodash/stubObject.js"; +import "lodash/stubString.js"; +import "lodash/stubTrue.js"; +import "lodash/subtract.js"; +import "lodash/sum.js"; +import "lodash/sumBy.js"; +import "lodash/tail.js"; +import "lodash/take.js"; +import "lodash/takeRight.js"; +import "lodash/takeRightWhile.js"; +import "lodash/takeWhile.js"; +import "lodash/tap.js"; +import "lodash/template.js"; +import "lodash/templateSettings.js"; +import "lodash/throttle.js"; +import "lodash/thru.js"; +import "lodash/times.js"; +import "lodash/toArray.js"; +import "lodash/toFinite.js"; +import "lodash/toInteger.js"; +import "lodash/toIterator.js"; +import "lodash/toJSON.js"; +import "lodash/toLength.js"; +import "lodash/toLower.js"; +import "lodash/toNumber.js"; +import "lodash/toPairs.js"; +import "lodash/toPairsIn.js"; +import "lodash/toPath.js"; +import "lodash/toPlainObject.js"; +import "lodash/toSafeInteger.js"; +import "lodash/toString.js"; +import "lodash/toUpper.js"; +import "lodash/transform.js"; +import "lodash/trim.js"; +import "lodash/trimEnd.js"; +import "lodash/trimStart.js"; +import "lodash/truncate.js"; +import "lodash/unary.js"; +import "lodash/unescape.js"; +import "lodash/union.js"; +import "lodash/unionBy.js"; +import "lodash/unionWith.js"; +import "lodash/uniq.js"; +import "lodash/uniqBy.js"; +import "lodash/uniqWith.js"; +import "lodash/uniqueId.js"; +import "lodash/unset.js"; +import "lodash/unzip.js"; +import "lodash/unzipWith.js"; +import "lodash/update.js"; +import "lodash/updateWith.js"; +import "lodash/upperCase.js"; +import "lodash/upperFirst.js"; +import "lodash/util.js"; +import "lodash/value.js"; +import "lodash/valueOf.js"; +import "lodash/values.js"; +import "lodash/valuesIn.js"; +import "lodash/without.js"; +import "lodash/words.js"; +import "lodash/wrap.js"; +import "lodash/wrapperAt.js"; +import "lodash/wrapperChain.js"; +import "lodash/wrapperLodash.js"; +import "lodash/wrapperReverse.js"; +import "lodash/wrapperValue.js"; +import "lodash/xor.js"; +import "lodash/xorBy.js"; +import "lodash/xorWith.js"; +import "lodash/zip.js"; +import "lodash/zipObject.js"; +import "lodash/zipObjectDeep.js"; +import "lodash/zipWith.js"; +import "lodash"; + +import "underscore"; +import "three.js"; diff --git a/examples/lotta-modules/package.json b/examples/lotta-modules/package.json new file mode 100644 index 000000000..6168008db --- /dev/null +++ b/examples/lotta-modules/package.json @@ -0,0 +1,11 @@ +{ + "name": "lotta-modules", + "version": "1.0.0", + "main": "index.js", + "license": "MIT", + "dependencies": { + "lodash": "^4.17.21", + "three.js": "^0.77.1", + "underscore": "^1.13.1" + } +} diff --git a/examples/react-fast-refresh-test/package.json b/examples/react-fast-refresh-test/package.json new file mode 100644 index 000000000..24b2082ee --- /dev/null +++ b/examples/react-fast-refresh-test/package.json @@ -0,0 +1,33 @@ +{ + "name": "simple-react", + "version": "1.0.0", + "license": "MIT", + "dependencies": { + "@emotion/css": "^11.1.3", + "@vitejs/plugin-react-refresh": "^1.3.3", + "antd": "^4.16.1", + "left-pad": "^1.3.0", + "next": "^11.0.0", + "parcel": "2.0.0-beta.3", + "react": "^17.0.2", + "react-bootstrap": "^1.6.1", + "react-dom": "^17.0.2", + "react-form": "^4.0.1", + "react-hook-form": "^7.8.3" + }, + "parcel": "parceldist/index.js", + "targets": { + "parcel": { + "outputFormat": "esmodule", + "sourceMap": false, + "optimize": false, + "engines": { + "chrome": "last 1 version" + } + } + }, + "devDependencies": { + "@snowpack/plugin-react-refresh": "^2.5.0", + "typescript": "^4.3.4" + } +} diff --git a/examples/react-fast-refresh-test/public/index.html b/examples/react-fast-refresh-test/public/index.html new file mode 100644 index 000000000..2032ea287 --- /dev/null +++ b/examples/react-fast-refresh-test/public/index.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> + <head> + <link + rel="stylesheet" + crossorigin="anonymous" + href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Space+Mono:wght@400;700&display=swap" + /> + </head> + <body> + <div id="reactroot"></div> + <link rel="stylesheet" href="./src/index.css" /> + <script src="./src/index.tsx" async type="module"></script> + </body> +</html> diff --git a/examples/react-fast-refresh-test/src/button.css b/examples/react-fast-refresh-test/src/button.css new file mode 100644 index 000000000..60db46096 --- /dev/null +++ b/examples/react-fast-refresh-test/src/button.css @@ -0,0 +1,11758 @@ +body { + background-color: red; + border: 10px solid red; + color: pink; + box-shadow: 10px 10px 32px red; +} + +body { + background-color: blue; +} + +body { + background-color: aliceblue; +} + +body { + background-color: red; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: red; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: yellow; +} + +body { + background-color: red; +} diff --git a/examples/react-fast-refresh-test/src/colors.css b/examples/react-fast-refresh-test/src/colors.css new file mode 100644 index 000000000..d45bf4ffc --- /dev/null +++ b/examples/react-fast-refresh-test/src/colors.css @@ -0,0 +1,14 @@ +:root { + --timestamp: "12812"; + --interval: "8"; + --progress-bar: 11.83299999999997%; + --spinner-1-muted: rgb(142, 6, 182); + --spinner-1-primary: rgb(177, 8, 227); + --spinner-2-muted: rgb(110, 148, 190); + --spinner-2-primary: rgb(138, 185, 238); + --spinner-3-muted: rgb(75, 45, 64); + --spinner-3-primary: rgb(94, 56, 80); + --spinner-4-muted: rgb(155, 129, 108); + --spinner-4-primary: rgb(194, 161, 135); + --spinner-rotate: 213deg; +}
\ No newline at end of file diff --git a/examples/react-fast-refresh-test/src/components/RenderCounter.tsx b/examples/react-fast-refresh-test/src/components/RenderCounter.tsx new file mode 100644 index 000000000..ed2f00b56 --- /dev/null +++ b/examples/react-fast-refresh-test/src/components/RenderCounter.tsx @@ -0,0 +1,21 @@ +import React from "react"; + +export function RenderCounter({ name, children }) { + const counter = React.useRef(1); + return ( + <div className="RenderCounter"> + <div className="RenderCounter-meta"> + <div className="RenderCounter-title"> + {name} rendered <strong>{counter.current++} times</strong> + </div> + <div className="RenderCounter-lastRender"> + LAST RENDER:{" "} + {new Intl.DateTimeFormat([], { + timeStyle: "long", + }).format(new Date())} + </div> + </div> + <div className="RenderCounter-children">{children}</div> + </div> + ); +} diff --git a/examples/react-fast-refresh-test/src/components/app.tsx b/examples/react-fast-refresh-test/src/components/app.tsx new file mode 100644 index 000000000..2edc02545 --- /dev/null +++ b/examples/react-fast-refresh-test/src/components/app.tsx @@ -0,0 +1,14 @@ +import * as React from "react"; +import { Button } from "./Button"; +import { RenderCounter } from "./RenderCounter"; +export function App() { + return ( + <RenderCounter name="App"> + <div className="AppRoot"> + <h1>This is the root element</h1> + + <Button>Click</Button> + </div> + </RenderCounter> + ); +} diff --git a/examples/react-fast-refresh-test/src/components/button.tsx b/examples/react-fast-refresh-test/src/components/button.tsx new file mode 100644 index 000000000..4c3388670 --- /dev/null +++ b/examples/react-fast-refresh-test/src/components/button.tsx @@ -0,0 +1,9 @@ +import { RenderCounter } from "./RenderCounter"; + +export const Button = ({ children }) => { + return ( + <RenderCounter name="Button"> + <div className="Button">{children}</div> + </RenderCounter> + ); +}; diff --git a/examples/react-fast-refresh-test/src/font.css b/examples/react-fast-refresh-test/src/font.css new file mode 100644 index 000000000..448775ef0 --- /dev/null +++ b/examples/react-fast-refresh-test/src/font.css @@ -0,0 +1 @@ +@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Space+Mono:wght@400;700&display=swap"; diff --git a/examples/react-fast-refresh-test/src/index.css b/examples/react-fast-refresh-test/src/index.css new file mode 100644 index 000000000..c4514199c --- /dev/null +++ b/examples/react-fast-refresh-test/src/index.css @@ -0,0 +1,98 @@ +@import "./colors.css"; + +:root { + --heading-font: "Space Mono", system-ui; + --body-font: "IBM Plex Sans", system-ui; + + --color-brand: #02ff00; + --color-brand-muted: rgb(2, 150, 0); + + --padding-horizontal: 90px; + + --page-background: black; + --page-background-alpha: rgba(0, 0, 0, 0.8); + + --result__background-color: black; + --result__primary-color: var(--color-brand); + --result__foreground-color: white; + --result__muted-color: rgb(165, 165, 165); + + --card-width: 352px; + + --page-width: 1152px; + + --snippets_container-background-unfocused: #171717; + --snippets_container-background-focused: #0017e9; + --snippets_container-background: var( + --snippets_container-background-unfocused + ); + --snippets_container-muted-color: rgb(153, 153, 153); +} + +body { + color: white; + margin: 0; + + padding: 0; + font-family: var(--body-font); + background-color: var(--page-background); + color: var(--result__muted-color); + display: flex; + flex-direction: column; + height: 100%; +} + +#reactroot, +#__next, +body, +html { + height: 100%; +} + +.RenderCounter { + border: 10px solid var(--snippets_container-background-focused); + margin: 10px; + padding: 10px; + animation: flash 0.2s linear; + animation-fill-mode: forwards; +} + +.RenderCounter-meta { + display: flex; + flex-direction: row; + justify-content: space-between; + margin: -10px; + padding: 10px; + background-color: #111; +} + +.RenderCounter-lastRender, +.RenderCounter-title { + white-space: nowrap; + color: rgb(153, 153, 153); +} + +@keyframes flash { + from { + border-color: var(--snippets_container-background-focused); + } + + to { + border-color: var(--snippets_container-background-unfocused); + } +} + +.Button { + display: block; + + border: 1px solid rgb(20, 180, 0); + background-color: rgb(2, 150, 0); + color: white; + font-weight: 500; + padding: 10px 12px; + border-radius: 4px; + text-transform: uppercase; + text-align: center; + width: fit-content; + cursor: pointer; +} diff --git a/examples/react-fast-refresh-test/src/index.tsx b/examples/react-fast-refresh-test/src/index.tsx new file mode 100644 index 000000000..348bd80f2 --- /dev/null +++ b/examples/react-fast-refresh-test/src/index.tsx @@ -0,0 +1,15 @@ +import ReactDOM from "react-dom"; +import React from "react"; +import { App } from "./components/app"; +import classNames from "classnames"; + +function startReact() { + ReactDOM.render(<App />, document.querySelector("#reactroot")); +} + +globalThis.addEventListener("DOMContentLoaded", () => { + startReact(); +}); +startReact(); + +export { App }; diff --git a/examples/react-fast-refresh-test/src/main.tsx b/examples/react-fast-refresh-test/src/main.tsx new file mode 100644 index 000000000..1a9948fe8 --- /dev/null +++ b/examples/react-fast-refresh-test/src/main.tsx @@ -0,0 +1,69 @@ +import React from "react"; + +export const Main = ({ productName }) => { + return ( + <> + <header> + <div className="Title">CSS HMR Stress Test</div> + <p className="Description"> + This page visually tests how quickly a bundler can update CSS over Hot + Module Reloading. + </p> + </header> + <main className="main"> + <section className="ProgressSection"> + <p className="Subtitle"> + <span className="Subtitle-part"> + Ran: <span className="timer"></span> + </span> + </p> + + <div className="ProgressBar-container"> + <div className="ProgressBar"></div> + </div> + <div className="SectionLabel"> + The progress bar should move from left to right smoothly. + </div> + </section> + + <section> + <div className="Spinners"> + <div className="Spinner-container Spinner-1"> + <div className="Spinner"></div> + </div> + + <div className="Spinner-container Spinner-2"> + <div className="Spinner"></div> + </div> + + <div className="Spinner-container Spinner-3"> + <div className="Spinner"></div> + </div> + + <div className="Spinner-container Spinner-4"> + <div className="Spinner"></div> + </div> + </div> + <div className="SectionLabel"> + The spinners should rotate & change color smoothly. + </div> + </section> + </main> + <footer> + <div className="SectionLabel FooterLabel"> + There are no CSS animations on this page. + </div> + + <div className="Bundler-container"> + <div className="Bundler">{productName}</div> + <div className="Bundler-updateRate"> + Saving a css file every + <span className="highlight"> + <span className="interval"></span>ms + </span> + </div> + </div> + </footer> + </> + ); +}; diff --git a/examples/react-fast-refresh-test/tsconfig.json b/examples/react-fast-refresh-test/tsconfig.json new file mode 100644 index 000000000..401ede344 --- /dev/null +++ b/examples/react-fast-refresh-test/tsconfig.json @@ -0,0 +1,19 @@ +{ + "compilerOptions": { + "target": "esnext", + "lib": ["dom", "dom.iterable", "esnext"], + "allowJs": true, + "skipLibCheck": true, + "strict": false, + "forceConsistentCasingInFileNames": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "node", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve" + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], + "exclude": ["node_modules"] +} |
