[ { "path": ".babelrc", "content": "{\n \"presets\": [\n \"@babel/preset-typescript\"\n ],\n \"plugins\": [\n \"@babel/plugin-syntax-jsx\",\n \"babel-plugin-macros\"\n ]\n}" }, { "path": ".eslintrc.js", "content": "module.exports = {\n parser: '@typescript-eslint/parser',\n parserOptions: {\n sourceType: 'module',\n project: './tsconfig.json',\n },\n settings: {\n version: 'detect',\n },\n plugins: [\n '@typescript-eslint',\n 'chai-friendly',\n 'jest',\n 'import',\n 'prettier',\n ],\n extends: [\n 'eslint:recommended',\n 'plugin:@typescript-eslint/recommended',\n 'plugin:unicorn/recommended',\n 'xo/browser',\n 'xo-typescript/space',\n 'xo-react/space',\n 'plugin:jest/recommended',\n 'plugin:import/errors',\n 'plugin:import/warnings',\n 'plugin:import/typescript',\n 'prettier',\n ],\n overrides: [\n {\n files: ['src/**/*.ts', 'tests/**/*.ts'],\n rules: {\n 'no-multiple-empty-lines': ['error', { max: 1, maxEOF: 0, maxBOF: 0 }],\n 'no-undef': 2,\n 'no-console': 'error',\n 'capitalized-comments': 0,\n 'func-style': ['error', 'declaration'],\n 'no-constant-binary-expression': 0,\n 'import/no-unresolved': 'error',\n 'import/no-relative-parent-imports': 'error',\n 'import/newline-after-import': 'error',\n 'import/no-anonymous-default-export': 'error',\n 'unicorn/filename-case': ['error', { case: 'camelCase' }],\n 'unicorn/prefer-optional-catch-binding': 0, // Doubleup\n 'unicorn/consistent-destructuring': 0,\n 'unicorn/prefer-node-protocol': 0,\n 'unicorn/import-style': 0,\n 'unicorn/prefer-array-flat': 0,\n 'unicorn/no-array-for-each': 0,\n 'unicorn/prevent-abbreviations': 'off',\n '@typescript-eslint/naming-convention': 'off',\n '@typescript-eslint/non-nullable-type-assertion-style': 'off',\n '@typescript-eslint/explicit-function-return-type': 'error',\n '@typescript-eslint/no-unused-vars': 'error',\n '@typescript-eslint/consistent-type-imports': [\n 'error',\n {\n prefer: 'type-imports',\n disallowTypeAnnotations: true,\n },\n ],\n },\n },\n {\n files: ['tests/**/*test.ts'],\n rules: {\n '@typescript-eslint/no-require-imports': 0,\n 'unicorn/prefer-module': 0,\n 'jest/no-conditional-expect': 0,\n },\n },\n {\n files: ['types/tests/**/*.ts', 'types/tests/**/*.tsx'],\n rules: {\n 'import/no-unassigned-import': 0,\n '@typescript-eslint/no-unused-vars': 0,\n '@typescript-eslint/no-unsafe-call': 0,\n },\n },\n {\n files: ['**/types/**/*.ts'],\n rules: {\n 'import/no-relative-parent-imports': 0,\n 'unicorn/prefer-export-from': 0,\n },\n },\n ],\n ignorePatterns: [\n '/tests/plugin.test.js',\n '/tests/stitches.config.js',\n '/tests/__fixtures__',\n '/types/macro.d.ts',\n '/types',\n '/.eslintrc.js',\n '/macro.js',\n '/sandbox',\n '/jest.config.ts',\n ],\n globals: { JSX: true, AriaAttributes: true, process: true },\n env: { browser: false, node: true, es6: true },\n}\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: ben-rogerson\n" }, { "path": ".github/ISSUE_TEMPLATE/bug-report.md", "content": "---\nname: 'Bug report'\nabout: 'Report a reproducible bug'\ntitle: ''\nlabels: ''\nassignees: ''\n---\n\n\n" }, { "path": ".github/ISSUE_TEMPLATE/config.yml", "content": "blank_issues_enabled: false\ncontact_links:\n - name: Help / Question / Feature request\n url: https://github.com/ben-rogerson/twin.macro/discussions/new\n about: 'If you have a question, need help or have an idea please ask a question in the discussion forum'\n" }, { "path": ".github/workflows/main.yml", "content": "name: Notification on push\n\non:\n push:\n branches:\n - master\n\njobs:\n build:\n runs-on: ubuntu-latest\n\n steps:\n - name: Discord notification\n env:\n DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}\n uses: Ilshidur/action-discord@master\n" }, { "path": ".gitignore", "content": "node_modules\n/macro.js\n/macro.js.map\n/utils.umd.js\n/utils.umd.js.map\n.vscode\nyarn.lock\n\n# artifacts from type tests\n*.tsbuildinfo\ntypes/build\ntypes/core\ntypes/macro\ntypes/suggestions\ntypes/src\ntypes/tests/types\ntypes/tests/util\ntypes/tests/*.ts\n.eslintcache\ncoverage\nsandbox/out.tsx" }, { "path": ".nvmrc", "content": "16.14.0" }, { "path": ".prettierrc", "content": "{\n \"endOfLine\": \"lf\",\n \"semi\": false,\n \"singleQuote\": true,\n \"bracketSpacing\": true,\n \"tabWidth\": 2,\n \"trailingComma\": \"es5\",\n \"useTabs\": false,\n \"arrowParens\": \"avoid\"\n}\n" }, { "path": "CODE_OF_CONDUCT.md", "content": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nIn the interest of fostering an open and welcoming environment, we as\ncontributors and maintainers pledge to making participation in our project and\nour community a harassment-free experience for everyone, regardless of age, body\nsize, disability, ethnicity, sex characteristics, gender identity and expression,\nlevel of experience, education, socio-economic status, nationality, personal\nappearance, race, religion, or sexual identity and orientation.\n\n## Our Standards\n\nExamples of behavior that contributes to creating a positive environment\ninclude:\n\n- Using welcoming and inclusive language\n- Being respectful of differing viewpoints and experiences\n- Gracefully accepting constructive criticism\n- Focusing on what is best for the community\n- Showing empathy towards other community members\n\nExamples of unacceptable behavior by participants include:\n\n- The use of sexualized language or imagery and unwelcome sexual attention or\n advances\n- Trolling, insulting/derogatory comments, and personal or political attacks\n- Public or private harassment\n- Publishing others' private information, such as a physical or electronic\n address, without explicit permission\n- Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Our Responsibilities\n\nProject maintainers are responsible for clarifying the standards of acceptable\nbehavior and are expected to take appropriate and fair corrective action in\nresponse to any instances of unacceptable behavior.\n\nProject maintainers have the right and responsibility to remove, edit, or\nreject comments, commits, code, wiki edits, issues, and other contributions\nthat are not aligned to this Code of Conduct, or to ban temporarily or\npermanently any contributor for other behaviors that they deem inappropriate,\nthreatening, offensive, or harmful.\n\n## Scope\n\nThis Code of Conduct applies both within project spaces and in public spaces\nwhen an individual is representing the project or its community. Examples of\nrepresenting a project or community include using an official project e-mail\naddress, posting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event. Representation of a project may be\nfurther defined and clarified by project maintainers.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported by contacting the project team at info@benrogerson.dev. All\ncomplaints will be reviewed and investigated and will result in a response that\nis deemed necessary and appropriate to the circumstances. The project team is\nobligated to maintain confidentiality with regard to the reporter of an incident.\nFurther details of specific enforcement policies may be posted separately.\n\nProject maintainers who do not follow or enforce the Code of Conduct in good\nfaith may face temporary or permanent repercussions as determined by other\nmembers of the project's leadership.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,\navailable at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html\n\n[homepage]: https://www.contributor-covenant.org\n\nFor answers to common questions about this code of conduct, see\nhttps://www.contributor-covenant.org/faq\n" }, { "path": "LICENSE", "content": "MIT License\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "

\n \n \"Twin\n \n \n \"Twin\n \n

\n\n

\n The magic of Tailwind with the flexibility of css-in-js.

\n \"Total\n \"Latest\n \"Discord\"\n
\n
\n \n \n \n

\n\n---\n\nStyle jsx elements using Tailwind classes:\n\n```js\nimport 'twin.macro'\n\nconst Input = () => \n```\n\nNest Twin’s `tw` import within a css prop to add conditional styles:\n\n```js\nimport tw from 'twin.macro'\n\nconst Input = ({ hasHover }) => (\n \n)\n```\n\nOr mix sass styles with the css import:\n\n```js\nimport tw, { css } from 'twin.macro'\n\nconst hoverStyles = css`\n &:hover {\n border-color: black;\n ${tw`text-black`}\n }\n`\nconst Input = ({ hasHover }) => (\n \n)\n```\n\n### Styled Components\n\nYou can also use the tw import to create and style new components:\n\n```js\nimport tw from 'twin.macro'\n\nconst Input = tw.input`border hover:border-black`\n```\n\nAnd clone and style existing components:\n\n```js\nconst PurpleInput = tw(Input)`border-purple-500`\n```\n\nSwitch to the styled import to add conditional styling:\n\n```js\nimport tw, { styled } from 'twin.macro'\n\nconst StyledInput = styled.input(({ hasBorder }) => [\n `color: black;`,\n hasBorder && tw`border-purple-500`,\n])\nconst Input = () => \n```\n\nOr use backticks to mix with sass styles:\n\n```js\nimport tw, { styled } from 'twin.macro'\n\nconst StyledInput = styled.input`\n color: black;\n ${({ hasBorder }) => hasBorder && tw`border-purple-500`}\n`\nconst Input = () => \n```\n\n## How it works\n\nWhen babel runs over your javascript or typescript files at compile time, twin grabs your classes and converts them into css objects.\nThese css objects are then passed into your chosen css-in-js library without the need for an extra client-side bundle:\n\n```js\nimport tw from 'twin.macro'\n\ntw`text-sm md:text-lg`\n\n// ↓ ↓ ↓ ↓ ↓ ↓\n\n{\n fontSize: '0.875rem',\n '@media (min-width: 768px)': {\n fontSize: '1.125rem',\n },\n}\n```\n\n## Features\n\n**👌 Simple imports** - Twin collapses imports from common styling libraries into a single import:\n\n```diff\n- import styled from '@emotion/styled'\n- import css from '@emotion/react'\n+ import { styled, css } from 'twin.macro'\n```\n\n**🐹 Adds no size to your build** - Twin converts the classes you’ve used into css objects using Babel and then compiles away, leaving no runtime code\n\n**🍱 Apply variants to multiple classes at once with variant groups**\n\n```js\nimport 'twin.macro'\n\nconst interactionStyles = () => (\n
\n)\n\nconst mediaStyles = () =>
\n\nconst pseudoElementStyles = () =>
\n\nconst stackedVariants = () =>
\n\nconst groupsInGroups = () =>
\n```\n\n**🛎 Helpful suggestions for mistypings** - Twin chimes in with class and variant values from your Tailwind config:\n\n```bash\n✕ ml-1.25 was not found\n\nTry one of these classes:\n\n- ml-1.5 > 0.375rem\n- ml-1 > 0.25rem\n- ml-10 > 2.5rem\n```\n\n**🖌️ Use the theme import to add values from your tailwind config**\n\n```js\nimport { css, theme } from 'twin.macro'\n\nconst Input = () => \n```\n\nSee more examples [using the theme import →](https://github.com/ben-rogerson/twin.macro/pull/106)\n\n**💡 Works with the official tailwind vscode plugin** - Avoid having to look up your classes with auto-completions straight from your Tailwind config - [setup instructions →](https://github.com/ben-rogerson/twin.macro/discussions/227)\n\n**💥 Add !important to any class with a trailing or leading bang!**\n\n```js\n
||
\n// ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓\n
\n```\n\nAdd !important to multiple classes with bracket groups:\n\n```js\n
\n// ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓\n
\n```\n\n## Get started\n\nTwin works with many modern stacks - take a look at these examples to get started:\n\n### App build tools and libraries\n\n- **Parcel**
[styled-components](https://github.com/ben-rogerson/twin.examples/tree/master/react-styled-components) / [emotion](https://github.com/ben-rogerson/twin.examples/tree/master/react-emotion) / [emotion (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/react-emotion-typescript)\n- **Webpack**
[styled-components (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/webpack-styled-components-typescript) / [emotion (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/webpack-emotion-typescript)\n- **Preact**
[styled-components](https://github.com/ben-rogerson/twin.examples/tree/master/preact-styled-components) / [emotion](https://github.com/ben-rogerson/twin.examples/tree/master/preact-emotion) / [goober](https://github.com/ben-rogerson/twin.examples/tree/master/preact-goober)\n- **Create React App**
[styled-components](https://github.com/ben-rogerson/twin.examples/tree/master/cra-styled-components) / [emotion](https://github.com/ben-rogerson/twin.examples/tree/master/cra-emotion)\n- **Vite**
[styled-components (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/vite-styled-components-typescript) / [emotion (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/vite-emotion-typescript) / [solid (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/vite-solid-typescript)\n- **Jest / React Testing Library**
[styled-components (ts) / emotion (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/jest-testing-typescript)\n\n### Advanced frameworks\n\n- **Next.js**
[styled-components](https://github.com/ben-rogerson/twin.examples/tree/master/next-styled-components) / [styled-components (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/next-styled-components-typescript) / [emotion](https://github.com/ben-rogerson/twin.examples/tree/master/next-emotion) / [emotion (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/next-emotion-typescript) / [stitches (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/next-stitches-typescript)\n- **T3 App**
[styled-components (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/t3-styled-components-typescript) /\n [emotion (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/t3-emotion-typescript)\n- **Blitz.js**
[emotion (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/blitz-emotion-typescript)\n- **Gatsby**
[styled-components](https://github.com/ben-rogerson/twin.examples/tree/master/gatsby-styled-components) / [emotion](https://github.com/ben-rogerson/twin.examples/tree/master/gatsby-emotion)\n\n### Component libraries\n\n- **Storybook**
[styled-components (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/storybook-styled-components-typescript) / [emotion](https://github.com/ben-rogerson/twin.examples/tree/master/storybook-emotion) / [emotion (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/storybook-emotion-typescript)\n- **yarn/npm workspaces + Next.js + shared ui components**
[styled-components](https://github.com/ben-rogerson/twin.examples/tree/master/component-library-styled-components)\n- **Yarn workspaces + Rollup**
[emotion](https://github.com/ben-rogerson/twin.examples/tree/master/component-library-emotion)\n- [**HeadlessUI** (ts)](https://github.com/ben-rogerson/twin.examples/tree/master/headlessui-typescript)\n\n## Community\n\n[Drop into our Discord server](https://discord.gg/Xj6x9z7) for announcements, help and styling chat.\n\n\"Discord\"\n\n## Resources\n\n- 🔥 [Docs: The prop styling guide](https://github.com/ben-rogerson/twin.macro/blob/master/docs/prop-styling-guide.md) - A must-read guide to level up on prop styling\n- 🔥 [Docs: The styled component guide](https://github.com/ben-rogerson/twin.macro/blob/master/docs/styled-component-guide.md) - A must-read guide on getting productive with styled components\n- [Docs: Options](https://github.com/ben-rogerson/twin.macro/blob/master/docs/options.md) - Learn about the features you can tweak via the twin config\n- [Plugin: babel-plugin-twin](https://github.com/ben-rogerson/babel-plugin-twin) - Use the tw and css props without adding an import\n- [Example: Advanced theming](https://github.com/ben-rogerson/twin.macro/blob/master/docs/advanced-theming.md) - Add custom theming the right way using css variables\n- [Example: React + Tailwind breakpoint syncing](https://gist.github.com/ben-rogerson/b4b406dffcc18ae02f8a6c8c97bb58a8) - Sync your tailwind.config.js breakpoints with react\n- [Helpers: Twin VSCode snippets](https://gist.github.com/ben-rogerson/c6b62508e63b3e3146350f685df2ddc9) - For devs who want to type less\n- [Plugins: VSCode plugins](https://github.com/ben-rogerson/twin.macro/discussions/227) - VScode plugins that work with twin\n- [Article: \"Why I Love Tailwind\" by Max Stoiber](https://mxstbr.com/thoughts/tailwind) - Max (inventor of styled-components) shares his thoughts on twin\n\n## Special thanks\n\nThis project stemmed from [babel-plugin-tailwind-components](https://github.com/bradlc/babel-plugin-tailwind-components) so a big shout out goes to [Brad Cornes](https://github.com/bradlc) for the amazing work he produced. Styling with tailwind.macro has been such a pleasure.\n\n---\n\n[Consider donating some 🍕 if you enjoy!](https://www.buymeacoffee.com/benrogerson)\n" }, { "path": "docs/advanced-theming.md", "content": "# Theming with css variables\n\nThese examples show how to create themes using css variables rather than relying on the default `dark:` variant supplied in tailwind.\n\nThis technique is the preferred way to add a dark/light theme and allows you to add more themes when needed.\n\n- [react + emotion](https://codesandbox.io/s/github/alexperronnet/codesandbox-examples/tree/master/react/twin-emotion-dark-mode-variables)\n- [react + styled-components](https://codesandbox.io/s/github/alexperronnet/codesandbox-examples/tree/master/react/twin-styled-components-dark-mode-variables)\n- [gatsby + emotion](https://codesandbox.io/s/github/alexperronnet/codesandbox-examples/tree/master/gatsby/twin-emotion-dark-mode-variables)\n- [gatsby + styled-components](https://codesandbox.io/s/github/alexperronnet/codesandbox-examples/tree/master/gatsby/twin-styled-components-dark-mode-variables)\n\n---\n\n[‹ Documentation](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "docs/arbitrary-values.md", "content": "# Arbitrary values\n\nTwin supports the same arbitrary values syntax popularized by Tailwind’s [jit (\"Just-in-Time\") mode](https://tailwindcss.com/docs/just-in-time-mode).\n\n```js\ntw`top-[calc(100vh - 2rem)]`\n// ↓ ↓ ↓ ↓ ↓ ↓\n;({ top: 'calc(100vh - 2rem)' })\n```\n\nArbitrary values use square brackets to allow custom css values instead of classes built from your tailwind.config.js.\n\nThis is a good solution for those unique “once off” values that every project requires which you may not want to add to your tailwind.config.js.\n\n## Supported classes\n\nGenerally the rule is: Dynamic classes - like `bg-red-500` - support arbitrary values, while static classes like `block` don’t.\n\n> For fully custom css properties and values use [arbitrary properties](https://tailwindcss.com/docs/adding-custom-styles#arbitrary-properties).\n\n## Spaces in values\n\nIn Tailwind, when we add classes within the className prop/attribute, values cannot have spaces in them.\n\n```js\n// Spaced values won’t work in Tailwind\n;
\n```\n\nBut with twin, spaces are okay because Twin is not restricted by the spacing rules of the className prop:\n\n```js\n// Twin supports values with spaces\n;
\n\n// Classes can be added on multiple lines when using template literals\n;\n```\n\nAnd we can also use Arbitrary values within variant groups:\n\n```js\n;\n```\n\n## Dynamic values\n\nJust like Tailwind, values can't be dynamically added because Twin doesn’t have the ability to read the variables before converting to a css object:\n\n```js\n// Dynamic values without the tw call won’t work\n;
\n```\n\nYou’ll need to use a full tw class definition to make dynamic values possible:\n\n```js\n// Dynamic values work when constructed like this\n;
\n```\n\n## Resources\n\n- [The PR for arbitrary values](https://github.com/ben-rogerson/twin.macro/pull/447)\n\n---\n\n[‹ Documentation](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "docs/customizing-config.md", "content": "# Customizing the Tailwind config\n\nFor style customizations, add a `tailwind.config.js` in your project root.\n\n> It’s important to know that you don’t need a `tailwind.config.js` to use Twin. You already have access to every class with every variant.\n\nChoose from one of the following configs:\n\n- a) Start with an empty config:\n\n ```js\n // tailwind.config.js\n module.exports = {\n theme: {\n extend: {\n colors: {},\n },\n },\n plugins: [],\n }\n ```\n\n- b) Start with a [full config](https://raw.githubusercontent.com/tailwindcss/tailwindcss/master/stubs/defaultConfig.stub.js):\n\n ```bash\n # cd into your project folder then:\n npx tailwindcss-cli@latest init --full\n ```\n\n## Plugins\n\nYou can use all Tailwind plugins with twin, some popular ones are [tailwindcss-typography](https://github.com/tailwindlabs/tailwindcss-typography) and [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms).\n\n## Resources\n\n- Official [Tailwind theme docs](https://tailwindcss.com/docs/theme)\n\n---\n\n[‹ Documentation](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "docs/fonts.md", "content": "# Fonts\n\nYou can add `@font-face` definitions either [in the global styles provider](#add-the-font-face-in-the-global-styles-provider) or [in a traditional .css file](#add-the-font-face-in-a-traditional-css-file).\n\n## Add `@font-face` in the Global styles provider\n\nAn option is to add the font with the global provider that comes with your css-in-js library. Here are some examples:\n\n### Styled-components\n\n```js\n// styles/GlobalStyles.js\nimport React from 'react'\nimport { createGlobalStyle } from 'styled-components'\nimport tw, { theme, GlobalStyles as BaseStyles } from 'twin.macro'\n\nconst CustomStyles = createGlobalStyle`\n @font-face {\n font-family: 'Foo';\n src: url('/path/to/exampleFont.woff') format('woff');\n font-style: normal;\n font-weight: 400;\n /* https://styled-components.com/docs/faqs#how-do-i-fix-flickering-text-after-server-side-rendering */\n font-display: fallback;\n }\n`\n\nconst GlobalStyles = () => (\n <>\n \n \n \n)\n\nexport default GlobalStyles\n```\n\n[createGlobalStyle docs →](https://styled-components.com/docs/api#createglobalstyle)\n\n### Emotion\n\n```js\n// styles/GlobalStyles.js\nimport React from 'react'\nimport { Global, css } from '@emotion/react'\nimport tw, { theme, GlobalStyles as BaseStyles } from 'twin.macro'\n\nconst customStyles = css`\n @font-face {\n font-family: 'Foo';\n src: url('/path/to/exampleFont.woff') format('woff');\n font-style: normal;\n font-weight: 400;\n /* https://styled-components.com/docs/faqs#how-do-i-fix-flickering-text-after-server-side-rendering */\n font-display: fallback;\n }\n`\n\nconst GlobalStyles = () => (\n <>\n \n \n \n)\n\nexport default GlobalStyles\n```\n\n[Global docs →](https://emotion.sh/docs/globals)\n\n### Goober\n\n```js\n// styles/GlobalStyles.js\nimport React from 'react'\nimport { createGlobalStyle } from 'styled-components'\nimport tw, { GlobalStyles as BaseStyles } from 'twin.macro'\n\nconst CustomStyles = createGlobalStyle`\n @font-face {\n font-family: 'Foo';\n src: url('/path/to/exampleFont.woff') format('woff');\n font-style: normal;\n font-weight: 400;\n /* https://styled-components.com/docs/faqs#how-do-i-fix-flickering-text-after-server-side-rendering */\n font-display: fallback;\n }\n`\n\nconst GlobalStyles = () => (\n <>\n \n \n \n)\n\nexport default GlobalStyles\n```\n\n[createGlobalStyle docs →](https://goober.js.org/api/createGlobalStyles)\n\n## Add the `@font-face` in a .css file and import it\n\nThis method may help to remove text flickering in some frameworks.\n\n```css\n/* styles/fonts.css */\n@font-face {\n font-family: 'Foo';\n src: url('/path/to/exampleFont.woff') format('woff');\n font-style: normal;\n font-weight: 400;\n font-display: fallback;\n}\n```\n\n```js\n// index.js / _app.js\nimport '../styles/fonts.css'\n// ...\n```\n\n---\n\n[‹ Documentation](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "docs/group.md", "content": "# Using the group className\n\nThere’s a couple of Tailwind classes that need to be added to React elements as a `className`.\n\nThese classes are the `peer` and the `group` classes.\n\nA className is used so variants like `group-hover:` and `peer-hover:` can use the className as an anchor to allow their styles to work.\n\nHere’s how we use the `group` classes in twin:\n\n```js\nimport 'twin.macro'\n\nexport default () => (\n \n)\n```\n\nWhen working in emotion and styled-components without the `group` classes, the equivalent looks like this:\n\n```js\nimport tw, { styled } from 'twin.macro'\n\nconst Group = tw.button``\nGroup.Child1 = styled.div`\n ${Group}:hover & {\n ${tw`bg-black`}\n }\n`\nGroup.Child2 = styled.div`\n ${Group}:hover & {\n ${tw`font-bold`}\n }\n`\n\nexport default () => (\n \n Child 1\n Child 2\n \n)\n```\n\nNot as great right?\n\nHere’s some ways you can improve upon that:\n\n## Attrs in 💅 styled‑components\n\nIn styled-components we have a `styled` function called `attrs`.\nHere’s what the docs have to say about it:\n\n> The rule of thumb is to use attrs when you want every instance of a styled component to have that prop, and pass props directly when every instance needs a different one.
- [styled-components docs](https://styled-components.com/docs/faqs#when-to-use-attrs)\n\nBut we can also put it to use to define the `group` class in Tailwind.\n\nRather than adding `className=\"group\"` directly onto your jsx element, the class can be more tightly coupled with your styles:\n\n```js\nimport tw, { styled } from 'twin.macro'\n\nconst Group = styled.button.attrs({ className: 'group' })``\n\nGroup.Child1 = tw.div`group-hover:bg-black`\nGroup.Child2 = tw.div`group-hover:font-bold`\n\nexport default () => (\n \n Child 1\n Child 2\n \n)\n```\n\n## Attrs in emotion\n\nUnfortunately emotion [doesn’t have any plans](https://github.com/emotion-js/emotion/issues/821) to add `attrs` so the easiest option is to add `className=\"group\"` directly on the jsx element:\n\n```js\nimport tw from 'twin.macro'\n\nconst Group = tw.button``\nGroup.Child1 = tw.div`group-hover:bg-black`\nGroup.Child2 = tw.div`group-hover:font-bold`\n\nexport default () => (\n \n Child 1\n Child 2\n \n)\n```\n\nBut if you’d like similar functionality to the attr function in styled-components then you could add the className using a [Higher-Order Component (HOC)](https://reactjs.org/docs/higher-order-components.html):\n\n```js\nimport tw from 'twin.macro'\n\nconst withAttrs = (Component, attrs) => props =>\n \n\nconst Button = tw.button``\nconst Group = withAttrs(Button, { className: 'group' })\n\nGroup.Child1 = tw.div`group-hover:bg-black`\nGroup.Child2 = tw.div`group-hover:font-bold`\n\nexport default () => (\n \n Child 1\n Child 2\n \n)\n```\n\nYou could also use `defaultProps` but it’s [going to be deprecated at some stage](https://twitter.com/dan_abramov/status/1133878326358171650), which is a shame because it’s a really nice way to add the className:\n\n```js\nimport tw from 'twin.macro'\n\nconst Group = tw.button``\nGroup.defaultProps = { className: 'group' }\n\nGroup.Child1 = tw.div`group-hover:bg-black`\nGroup.Child2 = tw.div`group-hover:font-bold`\n\nexport default () => (\n \n Child 1\n Child 2\n \n)\n```\n\n## Resources\n\n- [Quick Start Guide to Attrs in styled-components](https://scalablecss.com/styled-components-attrs/)\n- [Emotion issue: .attrs equivalent](https://github.com/emotion-js/emotion/issues/821)\n\n---\n\n[‹ Documentation](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "docs/index.md", "content": "[](#documentation)\n\n# Documentation\n\n[](#usage)\n\n## Usage\n\n- [The prop styling guide](https://github.com/ben-rogerson/twin.macro/blob/master/docs/prop-styling-guide.md)\n- [Styled component guide](https://github.com/ben-rogerson/twin.macro/blob/master/docs/styled-component-guide.md)\n\n[](#configuration)\n\n## Configuration\n\n- [Twin config options](https://github.com/ben-rogerson/twin.macro/blob/master/docs/options.md)\n- [Customizing the tailwind config](https://github.com/ben-rogerson/twin.macro/blob/master/docs/customizing-config.md)\n- [Fonts](https://github.com/ben-rogerson/twin.macro/blob/master/docs/fonts.md)\n\n[](#theming)\n\n## Theming\n\n- [Theming with css variables](https://github.com/ben-rogerson/twin.macro/blob/master/docs/advanced-theming.md)\n\n[](#classes)\n\n## More\n\n- [group](https://github.com/ben-rogerson/twin.macro/blob/master/docs/group.md)\n" }, { "path": "docs/options.md", "content": "[](#twin-config-options)\n\n# Twin config options\n\nThese options are available in your [twin config](#twin-config-location):\n\n| Name | Default | Description |\n| --------------------------- | ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |\n| config | `\"tailwind.config.js\"` | The path to your Tailwind config. Also takes a config object. |\n| preset | `\"emotion\"` | The css-in-js library behind the scenes.
Also supported: `\"styled-components\"` `\"goober\"` `\"stitches\"` `\"solid\"` |\n| dataTwProp | `true` | Add a prop to jsx components in development showing the original tailwind classes.
Use `\"all\"` to keep the prop in production. |\n| debug | `false` | Display information in your terminal about the Tailwind class conversions. |\n| disableShortCss | `true` | Disable converting short css within the tw import/prop. |\n| hasLogColors | `true` | Disable log colors to remove the glyphs when the color display is not supported |\n| includeClassNames | `false` | Check className attributes for tailwind classes to convert. |\n| dataCsProp | `true` | Add a prop to your elements in development so you can see the original cs prop classes, eg: `
`. |\n| disableCsProp | `true` | Disable twin from reading values specified in the cs prop. |\n| sassyPseudo | `false` | Some css-in-js frameworks require the `&` in selectors like `&:hover`, this option ensures it’s added. |\n| moveKeyframesToGlobalStyles | `false` | `@keyframes` are added next to the `animation-x` classes - this option can move them to global styles instead. |\n\n### Options\n\n---\n\n
\n\n config\n\n
\n\n```js\nconfig: 'tailwind.config.js', // Path to the tailwind config\n```\n\nSet a custom location by specifying a path to your tailwind.config.js file.\n\n**Passing in a config**: The config option also accepts a config object:\n\n```js\n// babel-plugin-macros.config.js\nconst tailwindConfig = {\n theme: {\n extend: {\n colors: {\n primary: '#ff0000',\n },\n },\n },\n}\n\nmodule.exports = {\n twin: {\n config: tailwindConfig,\n },\n}\n```\n\nThis can be useful in component libraries, tests, or just to remove the need for a tailwind.config.js file.\n\n**Monorepos / Workspaces**: The tailwind.config.js is commonly added as a shared file in the project root so you may need to add a `path.resolve` on the pathname in the twin config:\n\n```js\n// babel-plugin-macros.config.js\nconst path = require('path')\n\nmodule.exports = {\n twin: {\n config: path.resolve(__dirname, '../../', 'tailwind.config.js'),\n },\n}\n```\n\n
\n\n---\n\n
\n\n preset\n\n
\n\n```js\npreset: 'emotion', // Set the css-in-js library to use with twin\n```\n\nSupports: `'emotion'` / `'styled-components'` / `'goober'` / `'stitches'`.\n\nThe preset option primarily assigns the library imports for `css`, `styled` and `GlobalStyles`.\n\n
\n\n---\n\n
\n\n dataTwProp\n\n
\n\n```js\ndataTwProp: false, // Set the display of the data-tw prop on jsx elements\n```\n\nThe `data-tw` prop gets added to your elements while in development so you can see the original tailwind classes:\n\n```js\n
\n```\n\nIf you add the value `all`, twin will add the data-tw prop in production as well as development.\n\n
\n\n---\n\n
\n\n debug\n\n
\n\n```js\ndebug: true, // Display information about class conversions\n```\n\nWhen debug mode is on, twin displays logs on class conversions.\nThis feedback only displays in development.\n\n##
\n\n---\n\n
\n\n hasLogColors\n\n
\n\n```js\nhasLogColors: false, // Disable log colors (removes those glyphs in your console/overlay)\n```\n\nSometimes the display of errors and suggestions are pretty poor due to lack of support for custom colors. Use this setting to disable the colors so you can actually read the messages.\n\n
\n\n---\n\n
\n\n disableShortCss\n\n
\n\n```js\ndisableShortCss: false, // Enable converting short css within the tw import/prop\n```\n\nWhen set to `true`, this will throw an error if short css is added within the tw import or tw prop.\n\nDisable short css completely with `dataCsProp: false`.\n\n
\n\n---\n\n
\n\n includeClassNames\n\n
\n\n```js\nincludeClassNames: true, // Check className props for tailwind classes to convert\n```\n\nWhen a tailwind class is found in a className prop, it’s plucked out, converted and delivered to the css-in-js library.\n\n- Unmatched classes are skipped and preserved within the className\n- Suggestions aren’t shown for unmatched classes like they are for the tw prop\n- The tw and css props can be used on the same jsx element\n- Limitation: classNames with conditional props or variables aren’t touched, eg: `
`\n\n
\n\n---\n\n
\n\n dataCsProp\n\n
\n\n```js\ndataCsProp: false, // JSX prop twin adds that shows the original cs prop classes\n```\n\nIf you add short css within the `cs` prop then twin will add a `data-cs` prop to preserve the css you added.\nThis option controls the display of the prop.\n\nShows in development only.\n\n
\n\n---\n\n
\n\n disableCsProp\n\n
\n\n```js\ndisableCsProp: true, // Whether to read short css values added in a `cs` prop\n```\n\nIf you're using the cs prop for something else or don’t want other developers using the feature you can disable it with this option.\n\n
\n\n---\n\n
\n\n sassyPseudo\n\n
\n\n```js\nsassyPseudo: true, // Prefix pseudo selectors with a `&`\n```\n\nSome css-in-js frameworks require the `&` in selectors like `&:hover`, this option ensures it’s added.\n\n
\n\n---\n\n
\n\n moveKeyframesToGlobalStyles\n\n
\n\n```js\nmoveKeyframesToGlobalStyles: true, // Avoid @keyframes next to animation-x classes\n```\n\nAdd `@keyframes` matching an `animation-x` class to global styles instead of alongside the `animation-x` class.
\nIn stitches this gets set to `true` to make animations work.\n\n
\n\n---\n\n[](#twin-config-location)\n\n## Twin config location\n\nTwin’s config can be added in a couple of different files.\n\na) Either in `babel-plugin-macros.config.js`:\n\n```js\n// babel-plugin-macros.config.js\nmodule.exports = {\n twin: {\n // add options here\n },\n}\n```\n\nb) Or in `package.json`:\n\n```js\n// package.json\n\"babelMacros\": {\n \"twin\": {\n // add options here\n }\n},\n```\n\n---\n\n[‹ Documentation index](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "docs/prop-styling-guide.md", "content": "# The prop styling guide\n\n## Basic styling\n\nUse Twin’s tw prop to add Tailwind classes onto jsx elements:\n\n```js\nimport 'twin.macro'\n\nconst Component = () => (\n
\n
\n
\n
\n)\n```\n\n- Use the tw prop when conditional styles aren’t needed\n- Any import from `twin.macro` activates the tw prop\n- Remove the need for an import with [babel-plugin-twin](https://github.com/ben-rogerson/babel-plugin-twin)\n\n## Conditional styling\n\nTo add conditional styles, nest the styles in an array and use the `css` prop:\n\n```js\nimport tw from 'twin.macro'\n\nconst Component = ({ hasBg }) => (\n \n
\n
\n
\n)\n```\n\n
\n\nTypeScript example\n\n```tsx\nimport tw from 'twin.macro'\n\ninterface ComponentProps {\n hasBg?: string\n}\n\nconst Component = ({ hasBg }: ComponentProps) => (\n \n
\n
\n
\n)\n```\n\n
\n\n- Twin doesn’t own the css prop, the prop comes from your css-in-js library\n- Adding values to an array makes it easier to define base styles, conditionals and vanilla css\n- Use multiple lines to organize styles within the backticks ([template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals))\n\n## Overriding styles\n\nUse the `tw` prop after the css prop to add any overriding styles:\n\n```js\nimport tw from 'twin.macro'\n\nconst Component = () => (\n
\n Has black text\n
\n)\n```\n\n## Keeping jsx clean\n\nIt’s no secret that when tailwind class sets become larger, they obstruct the readability of other jsx props.\n\nTo clean up the jsx, lift the styles out and group them as named entries in an object:\n\n```js\nimport tw from 'twin.macro'\n\nconst styles = {\n container: ({ hasBg }) => [\n tw`flex w-full`, // Add base styles first\n hasBg && tw`bg-black`, // Then add conditional styles\n ],\n column: tw`w-1/2`,\n}\n\nconst Component = ({ hasBg }) => (\n
\n
\n
\n
\n)\n```\n\n
\n TypeScript example\n\n```js\nimport tw from 'twin.macro'\n\ninterface ContainerProps {\n hasBg?: boolean;\n}\n\nconst styles = {\n container: ({ hasBg }: ContainerProps) => [\n tw`flex w-full`, // Add base styles first\n hasBg && tw`bg-black`, // Then add conditional styles\n ],\n column: tw`w-1/2`,\n}\n\nconst Component = ({ hasBg }: ContainerProps) => (\n
\n
\n
\n
\n)\n```\n\n
\n\n## Variants with many values\n\nWhen a variant has many values (eg: `variant=\"light/dark/etc\"`), name the class set in an object and use a prop to grab the entry containing the styles:\n\n```js\nimport tw from 'twin.macro'\n\nconst containerVariants = {\n // Named class sets\n light: tw`bg-white text-black`,\n dark: tw`bg-black text-white`,\n crazy: tw`bg-yellow-500 text-red-500`,\n}\n\nconst styles = {\n container: ({ variant = 'dark' }) => [\n tw`flex w-full`,\n containerVariants[variant], // Grab the variant style via a prop\n ],\n column: tw`w-1/2`,\n}\n\nconst Component = ({ variant }) => (\n
\n
\n
\n
\n)\n```\n\n
\n TypeScript example\n\nUse the `TwStyle` import to type tw blocks:\n\n```tsx\nimport tw, { TwStyle } from 'twin.macro'\n\ntype WrapperVariant = 'light' | 'dark' | 'crazy'\n\ninterface ContainerProps {\n variant?: WrapperVariant\n}\n\nconst containerVariants: Record = {\n // Named class sets\n light: tw`bg-white text-black`,\n dark: tw`bg-black text-white`,\n crazy: tw`bg-yellow-500 text-red-500`,\n}\n\nconst styles = {\n container: ({ variant = 'dark' }: ContainerProps) => [\n tw`flex w-full`,\n containerVariants[variant], // Grab the variant style via a prop\n ],\n column: tw`w-1/2`,\n}\n\nconst Component = ({ variant }: ContainerProps) => (\n
\n
\n
\n
\n)\n```\n\n
\n\n## Interpolation workaround\n\nDue to Babel limitations, tailwind classes and arbitrary properties can’t have any part of them dynamically created.\n\nSo interpolated values like this won’t work:\n\n```js\n
// Won't work with tailwind classes\n
// Won't work with arbitrary properties\n```\n\nThis is because babel doesn’t know the values of the variables and so twin can’t make a conversion to css.\n\nInstead, define the classes in objects and grab them using props:\n\n```js\nimport tw from 'twin.macro'\n\nconst styles = { sm: tw`mt-2`, lg: tw`mt-4` }\n\nconst Component = ({ spacing = 'sm' }) =>
\n```\n\nOr combine vanilla css with twins `theme` import:\n\n```js\nimport { theme } from 'twin.macro'\n\n// Use theme values from your tailwind config\nconst styles = { sm: theme`spacing.2`, lg: theme`spacing.4` }\n\nconst Component = ({ spacing = 'sm' }) => (\n
\n)\n```\n\nOr we can always fall back to vanilla css, which can interpolate anything:\n\n```js\nimport 'twin.macro'\n\nconst Component = ({ width = 5 }) =>
\n```\n\n## Custom selectors (Arbitrary variants)\n\nUse square-bracketed arbitrary variants to style elements with a custom selector:\n\n```js\nimport tw from 'twin.macro'\n\nconst buttonStyles = tw`\n bg-black\n [> i]:block\n [> span]:(text-blue-500 w-10)\n`\n\nconst Component = () => (\n \n)\n```\n\n
\n More examples\n\n
\n\n```js\n// Style the current element based on a theming/scoping className\n;\n
Dark theme
\n\n\n// Add custom group selectors\n;\n\n// Add custom height queries\n;
\n This window is less than 800px height\n
\n\n// Use custom at-rules like @supports\n;
A grid
\n\n// Style the current element based on a dynamic className\nconst Component = ({ isLarge }) => (\n
\n ...\n
\n)\n```\n\n
\n\n## Custom class values (Arbitrary values)\n\nCustom values can be added to many tailwind classes by using square brackets to define the custom value:\n\n```js\n;
\n// ↓ ↓ ↓ ↓ ↓ ↓\n
\n```\n\n[Read more about Arbitrary values →](https://github.com/ben-rogerson/twin.macro/blob/master/docs/arbitrary-values.md)\n\n## Custom css\n\nBasic css is added using [arbitrary properties](https://tailwindcss.com/docs/adding-custom-styles#arbitrary-properties) or within vanilla css which supports more advanced use cases like dynamic/interpolated values.\n\n### Simple css styling\n\nTo add simple custom styling, use [arbitrary properties](https://tailwindcss.com/docs/adding-custom-styles#arbitrary-properties):\n\n```js\n// Set css variables\n
\n\n// Set vendor prefixes\n
\n\n// Set grid areas\n
\n```\n\nUse arbitrary properties with variants or twins grouping features:\n\n```js\n
\n```\n\nArbitrary properties also work with the `tw` import:\n\n```js\nimport tw from 'twin.macro'\n;\n```\n\n- Add a bang to make the custom css !important: `![grid-area:1 / 1 / 4 / 2]`\n- Arbitrary properties can have camelCase properties: `[gridArea:1 / 1 / 4 / 2]`\n\n### Advanced css styling\n\nThe css prop accepts a sass-like syntax, allowing both custom css and tailwind styles with values that can come from your tailwind config:\n\n```js\nimport tw, { css, theme } from 'twin.macro'\n\nconst Components = () => (\n \n)\n```\n\nBut it’s often cleaner to use an object to add styles as it avoids the interpolation cruft seen above:\n\n```js\nimport tw, { css, theme } from 'twin.macro'\n\nconst Components = () => (\n \n)\n```\n\n## Learn more\n\n- [Styled component guide](https://github.com/ben-rogerson/twin.macro/blob/master/docs/styled-component-guide.md) - A must-read guide on getting productive with styled-components\n\n## Resources\n\n- [babel-plugin-twin](https://github.com/ben-rogerson/babel-plugin-twin) - Use the tw and css props without adding an import\n- [React + Tailwind breakpoint syncing](https://gist.github.com/ben-rogerson/b4b406dffcc18ae02f8a6c8c97bb58a8) - Sync your tailwind.config.js breakpoints with react\n- [Twin VSCode snippits](https://gist.github.com/ben-rogerson/c6b62508e63b3e3146350f685df2ddc9) - For devs who want to type less\n- [Twin VSCode extensions](https://github.com/ben-rogerson/twin.macro/discussions/227) - For faster class suggestions and feedback\n\n---\n\n[‹ Documentation](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "docs/screen-import.md", "content": "# Screen import\n\nThe screen import creates media queries for custom css that sync with your tailwind config screen values (sm, md, lg, etc).\n\n**Usage with the css prop**\n\n```js\nimport tw, { screen, css } from 'twin.macro'\n\nconst styles = [\n screen`sm`({ display: 'block', ...tw`inline` }),\n]\n\n
\n```\n\n**Usage with styled components**\n\n```js\nimport tw, { styled, screen, css } from 'twin.macro'\n\nconst Component = styled.div(() => [\n screen`sm`({ display: 'block', ...tw`inline` }),\n])\n\n\n```\n\n## Screen as a key\n\nWithout the styles, the screen import just creates a media query, so you can use it as a key:\n\n```js\n\n\n// ↓ ↓ ↓ ↓ ↓ ↓\n\n\n```\n\n## Relaxed usage\n\nThe screen import can be used in different ways:\n\n```js\nscreen`sm`({ ... })\nscreen('sm')({ ... })\nscreen(`sm`)({ ... })\nscreen.sm({ ... }) // Dot syntax can’t be used when the screen begins with a number, eg: screen.2xl\n```\n\n## Custom media queries\n\nSince the screen import always adds a min-width query, it’s not suitable for constructing custom media queries.\n\nSo to add custom media queries, use the theme import instead.\n\n**With the css prop**\n\n```js\nimport tw, { theme } from 'twin.macro'\n\nconst styles = {\n [`@media (max-width: ${theme`screens.sm`})`]: {\n display: 'block',\n ...tw`inline`,\n },\n}\n\n;
\n```\n\n**With a styled component**\n\n```js\nimport tw, { styled, theme } from 'twin.macro'\n\nconst Component = styled.div({\n [`@media (max-width: ${theme`screens.sm`})`]: {\n display: 'block',\n ...tw`inline`,\n },\n})\n\n\n```\n\n---\n\n[‹ Documentation](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "docs/styled-component-guide.md", "content": "# Styled component guide\n\n## Basic styling\n\nUse Twin’s `tw` import to create and style new components with Tailwind classes:\n\n```js\nimport tw from 'twin.macro'\n\nconst Wrapper = tw.section`flex w-full`\nconst Column = tw.div`w-1/2`\n\nconst Component = () => (\n \n \n \n \n)\n```\n\n## Conditional styling\n\nTo add conditional styles, nest the styles in an array and use the `styled` import:\n\n```js\nimport tw, { styled } from 'twin.macro'\n\nconst Container = styled.div(({ hasBg }) => [\n tw`flex w-full`, // Add base styles first\n hasBg && tw`bg-black`, // Then add conditional styles\n])\nconst Column = tw.div`w-1/2`\n\nconst Component = ({ hasBg }) => (\n \n \n \n \n)\n```\n\n
\n TypeScript example\n\n```tsx\nimport tw, { styled } from 'twin.macro'\n\ninterface ContainerProps {\n hasBg?: string\n}\n\nconst Container = styled.div(({ hasBg }) => [\n tw`flex w-full`, // Add base styles first\n hasBg && tw`bg-black`, // Then add conditional styles\n])\nconst Column = tw.div`w-1/2`\n\nconst Component = ({ hasBg }: ContainerProps) => (\n \n \n \n \n)\n```\n\n
\n\n- Adding styles in an array makes it easier to separate base styles, conditionals and vanilla css\n- The `styled` import comes from the css-in-js library, twin just exports it\n- Use multiple lines to organize styles within the backticks ([template literals](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals))\n\n## Variants with many values\n\nWhen a variant has many values (eg: `variant=\"light/dark/etc\"`), name the class set in an object and use a prop to grab the entry containing the styles. Note that you must return a function as follows:\n\n```js\nimport tw, { styled } from 'twin.macro'\n\nconst containerVariants = {\n // Named class sets\n light: tw`bg-white text-black`,\n dark: tw`bg-black text-white`,\n crazy: tw`bg-yellow-500 text-red-500`,\n}\n\nconst Container = styled.section(() => [\n // Return a function here\n tw`flex w-full`,\n ({ variant = 'dark' }) => containerVariants[variant], // Grab the variant style via a prop\n])\nconst Column = tw.div`w-1/2`\n\nconst Component = () => (\n \n \n \n \n)\n```\n\n
\n TypeScript example\n\nUse the `TwStyle` import to type tw blocks:\n\n```tsx\nimport tw, { styled, TwStyle } from 'twin.macro'\n\ntype ContainerVariant = 'light' | 'dark' | 'crazy'\n\ninterface ContainerProps {\n variant?: ContainerVariant\n}\n\n// Use the `TwStyle` import to type tw blocks\nconst containerVariants: Record = {\n // Named class sets\n light: tw`bg-white text-black`,\n dark: tw`bg-black text-white`,\n crazy: tw`bg-yellow-500 text-red-500`,\n}\n\nconst Container = styled.section(() => [\n // Return a function here\n tw`flex w-full`,\n ({ variant = 'dark' }) => containerVariants[variant], // Grab the variant style via a prop\n])\nconst Column = tw.div`w-1/2`\n\nconst Component = () => (\n \n \n \n \n)\n```\n\n
\n\n## Interpolation workaround\n\nDue to Babel limitations, tailwind classes and arbitrary properties can’t have any part of them dynamically created.\n\nSo interpolated values like this won’t work:\n\n```js\nconst Component = styled.div(({ spacing }) => [\n tw`mt-${spacing === 'sm' ? 2 : 4}`, // Won't work with tailwind classes\n `[margin-top:${spacing === 'sm' ? 2 : 4}rem]`, // Won't work with arbitrary properties\n])\n```\n\nThis is because babel doesn’t know the values of the variables and so twin can’t make a conversion to css.\n\nInstead, define the classes in objects and grab them using props:\n\n```js\nimport tw, { styled } from 'twin.macro'\n\nconst styles = { sm: tw`mt-2`, lg: tw`mt-4` }\nconst Card = styled.div(({ spacing }) => styles[spacing])\n\nconst Component = ({ spacing = 'sm' }) => \n```\n\nOr combine vanilla css with twins `theme` import:\n\n```js\nimport { styled, theme } from 'twin.macro'\n\n// Use theme values from your tailwind config\nconst styles = { sm: theme`spacing.2`, lg: theme`spacing.4` }\nconst Card = styled.div(({ spacing }) => ({ marginTop: styles[spacing] }))\n\nconst Component = ({ spacing = 'sm' }) => \n```\n\nOr you can always fall back to “vanilla css” which can interpolate anything:\n\n```js\nimport { styled } from 'twin.macro'\n\nconst Card = styled.div(({ spacing }) => ({\n marginTop: `${spacing === 'sm' ? 2 : 4}rem`,\n}))\n\nconst Component = ({ spacing = 'sm' }) => \n```\n\n## Overriding styles\n\nYou can use the `tw` jsx prop to override styles in the styled-component:\n\n```tsx\nimport tw from 'twin.macro'\n\nconst Text = tw.div`text-white`\n\nconst Component = () => Has black text\n```\n\n## Extending components\n\nWrap components using the component extending feature to copy/override styles from another component:\n\n```tsx\nimport tw, { styled } from 'twin.macro'\n\nconst Container = tw.div`bg-black text-white`\n\n// Extend with tw: for basic styling\nconst BlueContainer = tw(Container)`bg-blue-500`\n// Or extend with styled: For conditionals\nconst RedContainer = styled(Container)(({ hasBorder }) => [\n tw`bg-red-500 text-black`,\n hasBorder && tw`border`,\n])\n\n// Extending more than once like this is not recommended\nconst BlueContainerBold = tw(BlueContainer)`font-bold`\n\nconst Component = () => (\n <>\n \n \n \n \n)\n```\n\n## Changing elements\n\nReuse styled components with a different element using the `as` prop:\n\n```tsx\nimport tw from 'twin.macro'\n\nconst Heading = tw.h1`font-bold` // or styled.h1(tw`font-bold`)\n\nconst Component = () => (\n <>\n I am a H1\n I am a H2 with the same style\n \n)\n```\n\n## Custom selectors (Arbitrary variants)\n\nUse square-bracketed arbitrary variants to style elements with a custom selector:\n\n```js\nimport tw from 'twin.macro'\n\nconst Button = tw.button`\n bg-black\n [> i]:block\n [> span]:(text-blue-500 w-10)\n`\n\nconst Component = () => (\n \n)\n```\n\n
\n More examples\n\n
\n\n```js\n// Style the current element based on a theming/scoping className\nconst Theme = tw.div`[.dark-theme &]:(bg-black text-white)`\n;\n Dark theme\n\n\n// Add custom group selectors\nconst Text = tw.div`[.group:disabled &]:text-gray-500`\n;\n\n// Add custom height queries\nconst SmallHeightOnly = tw.div`[@media (min-height: 800px)]:hidden`\n;Burger menu\n\n// Use custom at-rules like @supports\nconst Grid = tw.div`[@supports (display: grid)]:grid`\n;A grid\n\n// Style the component based on a dynamic className\nconst Text = tw.div`text-base [&.is-large]:text-lg`\nconst Container = ({ isLarge }) => (\n ...\n)\n```\n\n
\n\n## Custom class values (Arbitrary values)\n\nCustom values can be added to many tailwind classes by using square brackets to define the custom value:\n\n```js\ntw.div`top-[calc(100vh - 2rem)]`\n// ↓ ↓ ↓ ↓ ↓ ↓\nstyled.div({ top: 'calc(100vh - 2rem)' })\n```\n\n[Read more about Arbitrary values →](https://github.com/ben-rogerson/twin.macro/blob/master/docs/arbitrary-values.md)\n\n## Custom css\n\nBasic css is added using [arbitrary properties](https://tailwindcss.com/docs/adding-custom-styles#arbitrary-properties) or within vanilla css which supports more advanced use cases like dynamic/interpolated values.\n\n### Simple css styling\n\nTo add simple custom styling, use [arbitrary properties](https://tailwindcss.com/docs/adding-custom-styles#arbitrary-properties):\n\n```js\n// Set css variables\ntw.div`[--my-width-variable:calc(100vw - 10rem)]`\n\n// Set vendor prefixes\ntw.div`[-webkit-line-clamp:3]`\n\n// Set grid areas\ntw.div`[grid-area:1 / 1 / 4 / 2]`\n```\n\nUse arbitrary properties with variants or twins grouping features:\n\n```js\ntw.div`block md:(relative [grid-area:1 / 1 / 4 / 2])`\n```\n\nUse a theme value to grab a value from your tailwind.config:\n\n```js\ntw.div`[color:theme('colors.gray.300')]`\ntw.div`[margin:theme('spacing[2.5]')]`\ntw.div`[box-shadow: 5px 10px theme('colors.black')]`\n```\n\n- Add a bang to make the custom css !important: `![grid-area:1 / 1 / 4 / 2]`\n- Arbitrary properties can have camelCase properties: `[gridArea:1 / 1 / 4 / 2]`\n\n### Advanced css styling\n\nThe styled import accepts a sass-like syntax, allowing both custom css and tailwind styles with values that can come from your tailwind config:\n\n```js\nimport tw, { styled, css, theme } from 'twin.macro'\n\nconst Input = styled.div`\n ${css`\n -webkit-tap-highlight-color: transparent; /* add css styles */\n background-color: ${theme`colors.red.500`}; /* add values from your tailwind config */\n ${tw`text-blue-500 border-2`}; /* tailwind classes */\n\n &::selection {\n ${tw`text-purple-500`}; /* style custom css selectors with tailwind classes */\n }\n `}\n`\n\nconst Component = () => \n```\n\n- Prefix css styles with the `css` import to apply css highlighting in your editor\n- Add semicolons to the end of each line\n\nIt can be cleaner to use an object to add styles as it avoids the interpolation cruft seen in the last example:\n\n```js\nimport tw, { styled, theme } from 'twin.macro'\n\nconst Input = styled.div({\n WebkitTapHighlightColor: 'transparent', // css properties are camelCased\n backgroundColor: theme`colors.red.500`, // values don’t require interpolation\n ...tw`text-blue-500 border-2`, // merge tailwind classes into the container\n\n '&::selection': tw`text-purple-500`, // allows single-line tailwind selector styling\n})\n\nconst Component = () => \n```\n\n### Mixing css with tailwind classes\n\nMix tailwind classes and custom css in an array:\n\n```js\nimport tw, { styled } from 'twin.macro'\n\nconst Input = styled.div(({ tapColor }) => [\n tw`block`,\n `-webkit-tap-highlight-color: ${tapColor};`,\n])\n\nconst Component = () => \n```\n\nWhen you move the styles out of jsx, prefix them with the `css` import:\n\n```js\nimport tw, { styled, css } from 'twin.macro'\n\nconst widthStyles = ({ tapColor }) => css`\n -webkit-tap-highlight-color: ${tapColor};\n`\n\nconst Input = styled.div(({ tapColor }) => [\n tw`block`,\n widthStyles({ tapColor }),\n])\n\nconst Component = () => \n```\n\n## Learn more\n\n- [Prop styling guide](https://github.com/ben-rogerson/twin.macro/blob/master/docs/prop-styling-guide.md) - A must-read guide to level up on prop styling\n\n## Resources\n\n- [babel-plugin-twin](https://github.com/ben-rogerson/babel-plugin-twin) - Use the tw and css props without adding an import\n- [React + Tailwind breakpoint syncing](https://gist.github.com/ben-rogerson/b4b406dffcc18ae02f8a6c8c97bb58a8) - Sync your tailwind.config.js breakpoints with react\n- [Twin VSCode snippits](https://gist.github.com/ben-rogerson/c6b62508e63b3e3146350f685df2ddc9) - For devs who want to type less\n- [Twin VSCode extensions](https://github.com/ben-rogerson/twin.macro/discussions/227) - For faster class suggestions and feedback\n\n---\n\n[‹ Documentation](https://github.com/ben-rogerson/twin.macro/blob/master/docs/index.md)\n" }, { "path": "jest.config.ts", "content": "module.exports = {\n preset: 'ts-jest',\n testEnvironment: 'node',\n transform: {\n '^.+\\\\.ts?$': 'ts-jest',\n },\n transformIgnorePatterns: ['/node_modules/', '/types'],\n setupFilesAfterEnv: ['/tests/util/customMatchers.ts'],\n}\n" }, { "path": "package.json", "content": "{\n \"name\": \"twin.macro\",\n \"version\": \"3.4.1\",\n \"description\": \"Twin blends the magic of Tailwind with the flexibility of css-in-js\",\n \"main\": \"macro.js\",\n \"types\": \"types/index.d.ts\",\n \"scripts\": {\n \"dev\": \"concurrently npm:dev:* -p none\",\n \"dev:macro\": \"NODE_ENV=dev nodemon -q --watch 'src/**/*.ts' --watch package.json -x \\\"npm run build:macro\\\" --delay .01\",\n \"dev:sandbox\": \"NODE_ENV=dev nodemon -q --watch sandbox/in.tsx --watch package.json --watch macro.js -x \\\"npm run build:sandbox\\\" --delay .01\",\n \"build\": \"npm run build:macro\",\n \"build:macro\": \"microbundle -i src/macro.ts -f cjs -o ./macro.js --target node\",\n \"build:sandbox\": \"babel sandbox/in.tsx --out-file sandbox/out.tsx\",\n \"test\": \"npm run build && jest && npm run test:types\",\n \"test:types\": \"tsc -b ./types/tsconfig.json\",\n \"test:update\": \"npm run build && jest --u\",\n \"prepublishOnly\": \"npm run build\"\n },\n \"nodemonConfig\": {\n \"ignore\": [],\n \"watch\": [\n \"src\"\n ],\n \"ext\": \"ts\",\n \"delay\": \"0\"\n },\n \"husky\": {\n \"hooks\": {\n \"pre-commit\": \"lint-staged\"\n }\n },\n \"engines\": {\n \"node\": \">=16.14.0\"\n },\n \"lint-staged\": {\n \"*.{js,ts,jsx,tsx}\": [\n \"eslint src --cache --fix\",\n \"jest plugin.test.js\"\n ],\n \"*.{js,ts,jsx,tsx,json,md}\": [\n \"prettier --write\"\n ]\n },\n \"files\": [\n \"macro.js\",\n \"types/index.d.ts\"\n ],\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/ben-rogerson/twin.macro.git\"\n },\n \"keywords\": [\n \"emotion\",\n \"styled-components\",\n \"stitches\",\n \"goober\",\n \"tailwind\",\n \"tailwindcss\",\n \"css-in-js\",\n \"babel-plugin\",\n \"babel-plugin-macros\"\n ],\n \"author\": \"Ben Rogerson \",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/ben-rogerson/twin.macro/issues\"\n },\n \"homepage\": \"https://github.com/ben-rogerson/twin.macro#readme\",\n \"peerDependencies\": {\n \"tailwindcss\": \">=3.3.1\"\n },\n \"dependencies\": {\n \"@babel/template\": \"^7.22.15\",\n \"babel-plugin-macros\": \"^3.1.0\",\n \"chalk\": \"4.1.2\",\n \"lodash.get\": \"^4.4.2\",\n \"lodash.merge\": \"^4.6.2\",\n \"postcss-selector-parser\": \"^6.0.13\"\n },\n \"devDependencies\": {\n \"@babel/cli\": \"^7.19.3\",\n \"@babel/plugin-syntax-jsx\": \"^7.18.6\",\n \"@babel/preset-typescript\": \"^7.18.6\",\n \"@emotion/react\": \"^11.10.5\",\n \"@emotion/styled\": \"^11.10.5\",\n \"@tailwindcss/aspect-ratio\": \"^0.4.2\",\n \"@tailwindcss/container-queries\": \"^0.1.0\",\n \"@tailwindcss/forms\": \"^0.5.3\",\n \"@tailwindcss/typography\": \"^0.5.7\",\n \"@types/babel-plugin-macros\": \"^2.8.5\",\n \"@types/didyoumean\": \"^1.2.0\",\n \"@types/dlv\": \"^1.1.2\",\n \"@types/jest\": \"^29.2.2\",\n \"@types/lodash.flatmap\": \"^4.5.7\",\n \"@types/lodash.get\": \"^4.4.7\",\n \"@types/lodash.merge\": \"^4.6.7\",\n \"@types/react\": \"^18.0.25\",\n \"@types/string-similarity\": \"^4.0.0\",\n \"@types/styled-components\": \"^5.1.26\",\n \"@typescript-eslint/eslint-plugin\": \"^5.42.0\",\n \"@typescript-eslint/parser\": \"^5.42.0\",\n \"babel-plugin-tester\": \"^10.1.0\",\n \"concurrently\": \"^7.5.0\",\n \"daisyui\": \"^2.38.0\",\n \"escalade\": \"^3.1.1\",\n \"eslint\": \"^8.26.0\",\n \"eslint-config-prettier\": \"^8.5.0\",\n \"eslint-config-xo\": \"^0.42.0\",\n \"eslint-config-xo-react\": \"^0.27.0\",\n \"eslint-config-xo-space\": \"^0.33.0\",\n \"eslint-config-xo-typescript\": \"^0.53.0\",\n \"eslint-plugin-chai-friendly\": \"^0.7.2\",\n \"eslint-plugin-import\": \"^2.26.0\",\n \"eslint-plugin-jest\": \"^27.1.4\",\n \"eslint-plugin-prettier\": \"^4.2.1\",\n \"eslint-plugin-react\": \"^7.31.10\",\n \"eslint-plugin-react-hooks\": \"^4.6.0\",\n \"eslint-plugin-unicorn\": \"^44.0.2\",\n \"glob-all\": \"^3.3.0\",\n \"husky\": \"4.3.8\",\n \"jest\": \"^29.2.2\",\n \"lint-staged\": \"^13.0.3\",\n \"microbundle\": \"^0.15.1\",\n \"nodemon\": \"^2.0.20\",\n \"prettier\": \"^2.8.7\",\n \"react\": \"^18.2.0\",\n \"string-similarity\": \"^4.0.4\",\n \"styled-components\": \"^5.3.6\",\n \"tailwindcss-typography\": \"3.1.0\",\n \"ts-jest\": \"^29.0.3\",\n \"ts-node\": \"^10.9.1\",\n \"typescript\": \"^4.8.4\"\n }\n}\n" }, { "path": "sandbox/in.tsx", "content": "/**\n * Twin Sandbox\n * A place to test the output twin creates.\n * Good for general testing or for developing new features.\n *\n * Getting started\n * 1. Run the script: `npm run dev`\n * 2. Make a change to this file or to a file in the `src` folder\n * 3. Check `sandbox/out.tsx` for the macro output\n */\n\n// @ts-nocheck\nimport tw, { globalStyles, css, styled, screen, theme } from '../macro'\n\n// Tw block\ntw`bg-black/25`\n\n// Styled component\ntw.div`bg-black/25`\n\n// Inline tw\n;
\n" }, { "path": "src/core/constants.ts", "content": "const CLASS_SEPARATOR = /\\S+/g\nconst DEFAULTS_UNIVERSAL = '*, ::before, ::after'\nconst EMPTY_CSS_VARIABLE_VALUE = 'var(--tw-empty,/*!*/ /*!*/)'\nconst PRESERVED_ATRULE_TYPES = new Set([\n 'charset',\n 'counter-style',\n 'document',\n 'font-face',\n 'font-feature-values',\n 'import',\n 'keyframes',\n 'namespace',\n])\nconst LAYER_DEFAULTS = 'defaults'\nconst LINEFEED = /\\n/g\nconst WORD_CHARACTER = /\\w/\nconst SPACE_ID = '_'\nconst SPACE = /\\s/\nconst SPACES = /\\s+/g\n\nexport {\n CLASS_SEPARATOR,\n DEFAULTS_UNIVERSAL,\n EMPTY_CSS_VARIABLE_VALUE,\n PRESERVED_ATRULE_TYPES,\n LAYER_DEFAULTS,\n LINEFEED,\n SPACE_ID,\n SPACE,\n SPACES,\n WORD_CHARACTER,\n}\n" }, { "path": "src/core/createCoreContext.ts", "content": "/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { getTailwindConfig, getConfigTwinValidated } from './lib/configHelpers'\nimport getStitchesPath from './lib/getStitchesPath'\nimport userPresets from './lib/userPresets'\nimport createTheme from './lib/createTheme'\nimport createAssert from './lib/createAssert'\nimport { createDebug } from './lib/logging'\nimport { createContext } from './lib/util/twImports'\nimport type {\n PresetItem,\n GetPackageUsed,\n PossiblePresets,\n CoreContext,\n CreateCoreContext,\n TwinConfig,\n Assert,\n} from './types'\n\nfunction packageCheck(\n packageToCheck: PossiblePresets,\n params: GetPackageConfig,\n hasNoFallback?: boolean\n): boolean {\n if (params.config && params.config.preset === packageToCheck) return true\n\n if (hasNoFallback) return false\n\n return (\n params.styledImport.from.includes(packageToCheck) ||\n params.cssImport.from.includes(packageToCheck)\n )\n}\n\ntype GetPackageConfig = {\n config?: TwinConfig\n cssImport: PresetItem\n styledImport: PresetItem\n}\n\nfunction getPackageUsed(params: GetPackageConfig): GetPackageUsed {\n return {\n isEmotion: packageCheck('emotion', params),\n isStyledComponents: packageCheck('styled-components', params, true),\n isGoober: packageCheck('goober', params),\n isSolid: packageCheck('solid', params),\n isStitches: packageCheck('stitches', params),\n }\n}\n\ntype ConfigParameters = {\n sourceRoot?: string\n filename: string\n config?: TwinConfig\n assert: Assert\n}\n\nfunction getStyledConfig({\n sourceRoot,\n filename,\n config,\n}: ConfigParameters): PresetItem {\n const usedConfig =\n (config?.styled && config) ||\n (config?.preset && userPresets[config.preset]) ||\n userPresets.emotion\n\n if (typeof usedConfig.styled === 'string') {\n return { import: 'default', from: usedConfig.styled }\n }\n\n if (config && config.preset === 'stitches') {\n const stitchesPath = getStitchesPath({ sourceRoot, filename, config })\n if (stitchesPath && usedConfig.styled) {\n // Overwrite the stitches import data with the path from the current file\n usedConfig.styled.from = stitchesPath\n }\n }\n\n return usedConfig.styled as PresetItem\n}\n\nfunction getCssConfig({\n sourceRoot,\n filename,\n config,\n}: ConfigParameters): PresetItem {\n const usedConfig =\n (config?.css && config) ||\n (config?.preset && userPresets[config.preset]) ||\n userPresets.emotion\n\n if (typeof usedConfig.css === 'string') {\n return { import: 'css', from: usedConfig.css }\n }\n\n if (config && config.preset === 'stitches') {\n const stitchesPath = getStitchesPath({ sourceRoot, filename, config })\n if (stitchesPath && usedConfig.css) {\n // Overwrite the stitches import data with the path from the current file\n usedConfig.css.from = stitchesPath\n }\n }\n\n return usedConfig.css as PresetItem\n}\n\nfunction getGlobalConfig(config: TwinConfig): PresetItem {\n const usedConfig =\n (config.global && config) ||\n (config.preset && userPresets[config.preset]) ||\n userPresets.emotion\n return usedConfig.global as PresetItem\n}\n\nfunction createCoreContext(params: CreateCoreContext): CoreContext {\n const { sourceRoot, filename, config, isDev = false, CustomError } = params\n const assert = createAssert(CustomError, false, config?.hasLogColors)\n const configParameters = {\n sourceRoot,\n assert,\n filename: filename ?? '',\n config,\n }\n const styledImport = getStyledConfig(configParameters)\n const cssImport = getCssConfig(configParameters)\n const tailwindConfig =\n params.tailwindConfig ?? getTailwindConfig(configParameters)\n\n const packageUsed = getPackageUsed({ config, cssImport, styledImport })\n const twinConfig = getConfigTwinValidated(config, { ...packageUsed, isDev })\n const importConfig = {\n styled: styledImport,\n css: cssImport,\n global: getGlobalConfig(config ?? {}),\n }\n\n return {\n isDev,\n assert,\n debug: createDebug(isDev, twinConfig),\n theme: createTheme(tailwindConfig),\n tailwindContext: createContext(tailwindConfig),\n packageUsed,\n tailwindConfig,\n twinConfig,\n CustomError,\n importConfig,\n }\n}\n\nexport default createCoreContext\n" }, { "path": "src/core/extractRuleStyles.ts", "content": "import camelize from './lib/util/camelize'\nimport deepMerge from './lib/util/deepMerge'\nimport get from './lib/util/get'\nimport replaceThemeValue from './lib/util/replaceThemeValue'\nimport sassifySelector from './lib/util/sassifySelector'\nimport { splitAtTopLevelOnly, unescape } from './lib/util/twImports'\nimport {\n DEFAULTS_UNIVERSAL,\n EMPTY_CSS_VARIABLE_VALUE,\n PRESERVED_ATRULE_TYPES,\n LAYER_DEFAULTS,\n LINEFEED,\n} from './constants'\nimport getStyles from './getStyles'\nimport type { ExtractRuleStyles, CssObject, TransformDecl } from './types'\nimport type * as P from 'postcss'\n\nconst ESC_COMMA = /\\\\2c/g\nconst ESC_DIGIT = /\\\\3(\\d)/g\nconst UNDERSCORE_ESCAPING = /\\\\+(_)/g\nconst SLASH_DOT_ESCAPING = /\\\\\\./g\nconst BACKSLASH_ESCAPING = /\\\\\\\\/g\n\nfunction transformImportant(value: string, params: TransformDecl): string {\n if (params.passChecks === true) return value\n if (!params.hasImportant) return value\n\n // Avoid adding important if the rule doesn't respect it\n if (params.hasImportant && params.options?.respectImportant === false)\n return value\n\n return `${value} !important`\n}\n\nfunction transformEscaping(value: string): string {\n return (\n value\n .replace(UNDERSCORE_ESCAPING, '$1')\n // Remove slash dot encoding in values\n // eg: calc(\\\\.5 * .25rem)\n .replace(SLASH_DOT_ESCAPING, '.')\n // Fix the duplicate escaping babel delivers\n .replace(BACKSLASH_ESCAPING, '\\\\')\n )\n}\n\nconst transformValueTasks = [\n replaceThemeValue,\n transformImportant,\n transformEscaping,\n]\n\nfunction transformDeclValue(value: string, params: TransformDecl): string {\n const valueOriginal = value\n\n for (const task of transformValueTasks) {\n value = task(value, params)\n }\n\n if (value !== valueOriginal)\n params.debug('converted theme/important', {\n old: valueOriginal,\n new: value,\n })\n\n return value\n}\n\nfunction extractFromRule(\n rule: P.Rule,\n params: ExtractRuleStyles\n): [string, CssObject] {\n const selectorForUnescape = rule.selector.replace(ESC_DIGIT, '$1') // Remove digit escaping\n const selector = unescape(selectorForUnescape).replace(LINEFEED, ' ')\n\n return [selector, extractRuleStyles(rule.nodes, params)] as [\n string,\n CssObject\n ]\n}\n\nfunction extractSelectorFromAtRule(\n name: string,\n value: string,\n params: ExtractRuleStyles\n): string | undefined {\n if (name === LAYER_DEFAULTS) {\n if (params.includeUniversalStyles === false) return\n return DEFAULTS_UNIVERSAL\n }\n\n const val = value.replace(ESC_COMMA, ',')\n\n // Handle @screen usage in plugins, eg: `@screen md`\n if (name === 'screen') {\n const screenConfig = get(params, 'tailwindConfig.theme.screens') as Record<\n string,\n string\n >\n return `@media (min-width: ${screenConfig[val]})`\n }\n\n return `@${name} ${val}`.trim()\n}\n\nconst ruleTypes = {\n decl(decl: P.Declaration, params: ExtractRuleStyles): CssObject | undefined {\n const property = decl.prop.startsWith('--')\n ? decl.prop\n : camelize(decl.prop)\n\n const value =\n decl.prop.startsWith('--') && decl.value === ' '\n ? EMPTY_CSS_VARIABLE_VALUE // valid empty value in js, unlike ` `\n : transformDeclValue(decl.value, { ...params, decl, property })\n\n if (value === null) return\n\n // `background-clip: text` is still in \"unofficial\" phase and needs a\n // prefix in Firefox, Chrome and Safari.\n // https://caniuse.com/background-img-opts\n if (\n property === 'backgroundClip' &&\n (value === 'text' || value === 'text !important')\n )\n return {\n WebkitBackgroundClip: value,\n [property]: value,\n }\n\n return { [property]: value }\n },\n // General styles, eg: `{ display: block }`\n rule(rule: P.Rule, params: ExtractRuleStyles): CssObject | undefined {\n if (!rule.selector) {\n if (rule.nodes) {\n const styles = extractRuleStyles(rule.nodes, params)\n params.debug('rule has no selector, returning nodes', styles)\n return styles\n }\n\n params.debug('no selector found in rule', rule, 'error')\n return\n }\n\n let [selector, styles] = extractFromRule(rule, params)\n\n if (selector && styles === null) return\n\n if (params.passChecks) {\n const out = selector ? { [selector]: styles } : styles\n params.debug('style pass return', out)\n return out\n }\n\n params.debug('styles extracted', { selector, styles })\n\n // As classes aren't used in css-in-js we split the selector into\n // multiple selectors and strip the ones that don't affect the current\n // element, eg: In `.this, .sub`, .sub is stripped as it has no target\n const selectorList = [...splitAtTopLevelOnly(selector, ',')].filter(s => {\n // Match the selector as a class\n const result = params.selectorMatchReg?.test(s)\n // Only keep selectors if they contain a `&` || aren’t\n // targeting multiple elements with classes\n if (!result && (s.includes('&') || !s.includes('.'))) return true\n return result\n })\n\n if (selectorList.length === 0) {\n params.debug('no selector match', selector, 'warn')\n return\n }\n\n if (selectorList.length === 1)\n params.debug('matched whole selector', selectorList[0])\n if (selectorList.length > 1)\n params.debug('matched multiple selectors', selectorList)\n\n selector = selectorList\n .map(s =>\n sassifySelector(\n s,\n params as ExtractRuleStyles & {\n selectorMatchReg: RegExp\n sassyPseudo: boolean\n }\n )\n )\n .filter(Boolean)\n .join(',')\n\n params.debug('sassified key', selector || styles)\n\n if (!selector) return styles\n\n return { [selector]: styles }\n },\n\n // At-rules, eg: `@media __` && `@screen md`\n atrule(atrule: P.AtRule, params: ExtractRuleStyles): CssObject | undefined {\n const selector = extractSelectorFromAtRule(\n atrule.name,\n atrule.params,\n params\n )\n\n if (!selector) {\n params.debug(\n 'no atrule selector found, removed',\n { name: atrule.name, params: atrule.params },\n 'warn'\n )\n return\n }\n\n // Add @apply support in plugins\n if (selector.startsWith('@apply ')) {\n const { styles, unmatched } = getStyles(\n selector.slice(7),\n params.coreContext\n )\n params.coreContext.assert(unmatched.length === 0, ({ color }) => {\n const extraMessage =\n selector === `@apply ${unmatched.join(' ')}`\n ? '.'\n : ` as:\\n\\`${selector}\\``\n return `${color(\n `✕ ${color(unmatched.join(' '), 'errorLight')} ${\n unmatched.length > 1 ? 'classes' : 'class'\n } can’t be used.\\n\\nThis is defined in a tailwind plugin${extraMessage}`\n )}`\n })\n return styles\n }\n\n // Strip keyframes from animate-* classes\n if (\n selector.startsWith('@keyframes ') &&\n !params.passChecks &&\n params.twinConfig.moveKeyframesToGlobalStyles\n )\n return\n\n if (PRESERVED_ATRULE_TYPES.has(atrule.name)) {\n params.debug(`${atrule.name} pass given`, selector)\n // Rules that pass checks have no further style transformations\n params.passChecks = true\n }\n\n const styles = extractRuleStyles(atrule.nodes, params)\n if (!styles) return\n\n let ruleset = { [selector]: styles }\n\n if (selector === DEFAULTS_UNIVERSAL) {\n // Add a cloned backdrop style\n ruleset = { ...ruleset, '::backdrop': styles }\n params.debug('universal default', styles)\n }\n\n params.debug('atrule', selector)\n return ruleset\n },\n}\n\ntype Styles = CssObject | undefined\n\nfunction extractRuleStyles(nodes: P.Node[], params: ExtractRuleStyles): Styles {\n const styles: Styles[] = nodes\n .map((rule): CssObject | undefined => {\n const handler = ruleTypes[rule.type as keyof typeof ruleTypes]\n if (!handler) return\n\n return handler(rule as never, params)\n })\n .filter(Boolean)\n if (styles.length === 0) return undefined\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return deepMerge(styles[0], ...styles.slice(1))\n}\n\nexport default extractRuleStyles\n" }, { "path": "src/core/getGlobalStyles.ts", "content": "import deepMerge from './lib/util/deepMerge'\nimport extractRuleStyles from './extractRuleStyles'\nimport { LAYER_DEFAULTS } from './constants'\nimport type { CoreContext, CssObject, Candidate } from './types'\n\nfunction getGlobalStyles(params: CoreContext): CssObject | undefined {\n const candidates = [...params.tailwindContext.candidateRuleMap]\n\n const globalPluginStyles = candidates\n .flatMap(([, candidate]: [unknown, Candidate[]]) => {\n const out = candidate.map(([data, rule]) => {\n if (data.layer !== LAYER_DEFAULTS) return\n return extractRuleStyles([rule], {\n ...params,\n coreContext: params,\n passChecks: true,\n })\n })\n if (out.length === 0) return\n\n return out\n })\n .filter(Boolean)\n\n const [globalKey, preflightRules]: [string, Candidate[]] = candidates[0]\n // @ts-expect-error TOFIX: Fix tuple type error\n if (globalKey.trim() !== '*') return deepMerge(...globalPluginStyles)\n\n // @ts-expect-error TOFIX: Fix tuple type error\n if (!Array.isArray(preflightRules)) return deepMerge(...globalPluginStyles)\n\n const preflightStyles = preflightRules.flatMap(([, rule]) =>\n extractRuleStyles([rule], {\n ...params,\n coreContext: params,\n passChecks: true,\n })\n )\n\n return deepMerge(\n // @ts-expect-error TOFIX: Fix tuple type error\n ...preflightStyles,\n ...globalPluginStyles,\n ...globalKeyframeStyles(params)\n )\n}\n\nfunction globalKeyframeStyles(\n params: CoreContext\n): Array> {\n if (params.twinConfig.moveKeyframesToGlobalStyles === false) return []\n const keyframes = params.theme('keyframes')\n if (!keyframes) return []\n\n return Object.entries(keyframes).map(\n ([name, frames]: [string, Record]) => ({\n [`@keyframes ${name}`]: frames,\n })\n )\n}\n\nexport default getGlobalStyles\n" }, { "path": "src/core/getStyles.ts", "content": "import extractRuleStyles from './extractRuleStyles'\nimport createAssert from './lib/createAssert'\nimport expandVariantGroups from './lib/expandVariantGroups'\nimport deepMerge from './lib/util/deepMerge'\nimport { resolveMatches, splitAtTopLevelOnly } from './lib/util/twImports'\nimport escapeRegex from './lib/util/escapeRegex'\nimport convertClassName from './lib/convertClassName'\nimport { WORD_CHARACTER } from './constants'\nimport type {\n CoreContext,\n CssObject,\n ExtractRuleStyles,\n AssertContext,\n TailwindMatch,\n TailwindContext,\n TailwindConfig,\n Assert,\n} from './types'\n\nconst IMPORTANT_OUTSIDE_BRACKETS =\n /(:!|^!)(?=(?:(?:(?!\\)).)*\\()|[^()]*$)(?=(?:(?:(?!]).)*\\[)|[^[\\]]*$)/\nconst COMMENTS_MULTI_LINE = /(?\n extractRuleStyles([rule], { ...params, options: data.options })\n )\n .filter(Boolean)\n\n if (rulesets.length === 0) {\n params.debug('no node rulesets found', {}, 'error')\n return\n }\n\n // @ts-expect-error Avoid tuple type error\n return deepMerge(...rulesets)\n}\n\n// When removing a multiline comment, determine if a space is left or not\n// eg: You'd want a space left in this situation: tw`class1/* comment */class2`\nfunction multilineReplaceWith(\n match: string,\n index: number,\n input: string\n): ' ' | '' {\n const charBefore = input[index - 1]\n const directPrefixMatch = charBefore && WORD_CHARACTER.exec(charBefore)\n const charAfter = input[Number(index) + Number(match.length)]\n const directSuffixMatch = charAfter && WORD_CHARACTER.exec(charAfter)\n return directPrefixMatch?.[0] && directSuffixMatch && directSuffixMatch[0]\n ? ' '\n : ''\n}\n\nfunction validateClasses(\n classes: string,\n {\n assert,\n tailwindConfig,\n }: { tailwindConfig: TailwindConfig; assert: CoreContext['assert'] }\n): boolean {\n // TOFIX: Avoid counting brackets within arbitrary values\n assert(\n (classes.match(ALL_BRACKET_SQUARE_LEFT) ?? []).length ===\n (classes.match(ALL_BRACKET_SQUARE_RIGHT) ?? []).length,\n ({ color }: AssertContext) =>\n `${color(\n `✕ Unbalanced square brackets found in classes:\\n\\n${color(\n classes,\n 'errorLight'\n )}`\n )}`\n )\n // TOFIX: Avoid counting brackets within arbitrary values\n assert(\n (classes.match(ALL_BRACKET_ROUND_LEFT) ?? []).length ===\n (classes.match(ALL_BRACKET_ROUND_RIGHT) ?? []).length,\n ({ color }: AssertContext) =>\n `${color(\n `✕ Unbalanced round brackets found in classes:\\n\\n${color(\n classes,\n 'errorLight'\n )}`\n )}`\n )\n\n for (const className of splitAtTopLevelOnly(classes, ' ')) {\n // Check for missing class attached to a variant\n const classCheck = className.replace(ESCAPE_CHARACTERS, ' ').trim()\n assert(\n !classCheck.endsWith(tailwindConfig.separator ?? ':'),\n ({ color }: AssertContext) =>\n `${color(\n `✕ The variant ${String(\n color(classCheck, 'errorLight')\n )} doesn’t look right`\n )}\\n\\nUpdate to ${String(\n color(`${classCheck}block`, 'success')\n )} or ${String(color(`${classCheck}(block mt-4)`, 'success'))}`\n )\n }\n\n return true\n}\n\nconst tasks: Array<\n (classes: string, tailwindConfig: TailwindConfig, assert: Assert) => string\n> = [\n (classes): string => classes.replace(CLASS_DIVIDER_PIPE, ' '),\n (classes): string =>\n classes.replace(COMMENTS_MULTI_LINE, multilineReplaceWith),\n (classes): string => classes.replace(COMMENTS_SINGLE_LINE, ''),\n (classes, tailwindConfig, assert): string =>\n expandVariantGroups(classes, { assert, tailwindConfig }), // Expand grouped variants to individual classes\n]\n\nfunction sortBigSign(bigIntValue: bigint): number {\n return Number(bigIntValue > 0n) - Number(bigIntValue < 0n)\n}\n\nfunction getOrderedClassList(\n tailwindContext: TailwindContext,\n convertedClassList: string[],\n classList: string[],\n assert: CoreContext['assert']\n): Array<[order: bigint, className: string, preservedClassName: string]> {\n assert(typeof tailwindContext?.getClassOrder === 'function', ({ color }) =>\n color('Twin requires a newer version of tailwindcss, please update')\n ) // `getClassOrder` was added in tailwindcss@3.0.23\n\n let orderedClassList\n\n try {\n orderedClassList = tailwindContext\n .getClassOrder(convertedClassList)\n .map(([className, order], index): [bigint, string, string] => [\n order || 0n,\n className,\n classList[index],\n ])\n .sort(([a], [z]) => sortBigSign(a - z))\n } catch (error: unknown) {\n assert(\n false,\n ({ color }) =>\n `${color(\n String(error).replace('with \\\\ may', 'with a single \\\\ may') // Improve error\n )}\\n\\n${color('Found in:')} ${color(\n convertedClassList.join(' '),\n 'errorLight'\n )}`\n )\n }\n\n return orderedClassList as Array<[bigint, string, string]>\n}\n\nfunction getStyles(\n classes: string,\n params: CoreContext\n): { styles: CssObject | undefined; unmatched: string[]; matched: string[] } {\n const assert = createAssert(\n params.CustomError,\n params.isSilent,\n params.twinConfig.hasLogColors\n )\n\n params.debug('string in', classes)\n\n assert(\n ![null, 'null', undefined].includes(classes),\n ({ color }: AssertContext) =>\n `${color(\n `✕ Your classes need to be complete strings for Twin to detect them correctly`\n )}\\n\\nRead more at https://twinredirect.page.link/template-literals`\n )\n\n const result = validateClasses(classes, {\n tailwindConfig: params.tailwindConfig,\n assert,\n })\n if (!result) return { styles: undefined, matched: [], unmatched: [] }\n\n for (const task of tasks) {\n classes = task(classes, params.tailwindConfig, assert)\n }\n\n params.debug('classes after format', classes)\n\n const matched: string[] = []\n const unmatched: string[] = []\n const styles: CssObject[] = []\n\n const commonContext = {\n assert,\n theme: params.theme,\n debug: params.debug,\n }\n\n const convertedClassNameContext = {\n ...commonContext,\n tailwindConfig: params.tailwindConfig,\n isShortCssOnly: params.isShortCssOnly,\n disableShortCss: params.twinConfig.disableShortCss,\n }\n\n const classList = [...splitAtTopLevelOnly(classes, ' ')]\n\n const convertedClassList = classList.map(c =>\n convertClassName(c, convertedClassNameContext)\n )\n\n const orderedClassList = getOrderedClassList(\n params.tailwindContext,\n convertedClassList,\n classList,\n assert\n )\n\n const commonMatchContext = {\n ...commonContext,\n includeUniversalStyles: false,\n coreContext: params,\n twinConfig: params.twinConfig,\n tailwindConfig: params.tailwindConfig,\n tailwindContext: params.tailwindContext,\n sassyPseudo: params.twinConfig.sassyPseudo,\n }\n\n for (const [, convertedClassName, className] of orderedClassList) {\n const matches = [\n ...resolveMatches(convertedClassName, params.tailwindContext),\n ]\n\n const results = getStylesFromMatches(matches, {\n ...commonMatchContext,\n hasImportant: IMPORTANT_OUTSIDE_BRACKETS.test(\n escapeRegex(convertedClassName)\n ),\n selectorMatchReg: new RegExp(\n // This regex specifies a list of characters allowed for the character\n // immediately after the class ends - this avoids matching other classes\n // eg: Input 'btn' will avoid matching '.btn-primary' in `.btn + .btn-primary`\n `(${escapeRegex(`.${convertedClassName}`)})(?=[\\\\[.# >~+*:$\\\\)]|$)`\n ),\n original: convertedClassName,\n })\n\n if (!results) {\n params.debug('🔥 No matching rules found', className, 'error')\n\n // Allow tw``/tw=\"\" to pass through\n if (className !== '') unmatched.push(className)\n\n // If non-match and is on silent mode: Continue next iteration\n if (params.isSilent) continue\n\n // If non-match: Stop iteration and return\n // (This \"for of\" loop returns to the parent function)\n return { styles: undefined, matched, unmatched }\n }\n\n matched.push(className)\n params.debug('✨ ruleset out', results, 'success')\n\n styles.push(results)\n }\n\n if (styles.length === 0) return { styles: undefined, matched, unmatched }\n\n // @ts-expect-error Avoid tuple type error\n const mergedStyles = deepMerge(...styles)\n\n return { styles: mergedStyles, matched, unmatched }\n}\n\nexport default getStyles\n" }, { "path": "src/core/index.ts", "content": "export { default as createCoreContext } from './createCoreContext'\nexport { default as getGlobalStyles } from './getGlobalStyles'\nexport { default as getStyles } from './getStyles'\nexport { splitAtTopLevelOnly } from './lib/util/twImports'\n" }, { "path": "src/core/lib/configHelpers.ts", "content": "import { resolve, dirname } from 'path'\nimport { existsSync } from 'fs'\nimport escalade from 'escalade/sync'\nimport { configTwinValidators, configDefaultsTwin } from './twinConfig'\nimport defaultTwinConfig from './defaultTailwindConfig'\nimport { resolveTailwindConfig, getAllConfigs } from './util/twImports'\nimport isObject from './util/isObject'\nimport { logGeneralError } from './logging'\nimport type {\n TwinConfig,\n TwinConfigAll,\n GetConfigTwinValidatedParameters,\n TailwindConfig,\n Assert,\n AssertContext,\n} from 'core/types'\nimport loadConfig from 'tailwindcss/loadConfig'\n\ntype Validator = [(value: unknown) => boolean, string]\n\ntype GetTailwindConfig = {\n sourceRoot?: string\n filename: string\n config?: TwinConfig\n assert: Assert\n}\n\nfunction getTailwindConfig({\n sourceRoot,\n filename,\n config,\n assert,\n}: GetTailwindConfig): TailwindConfig {\n sourceRoot = sourceRoot ?? '.'\n\n const baseDirectory = filename ? dirname(filename) : process.cwd()\n\n const userTailwindConfig = config?.config\n\n if (isObject(userTailwindConfig))\n return resolveTailwindConfig([\n // User config\n ...getAllConfigs(userTailwindConfig as Record),\n // Default config\n ...getAllConfigs(defaultTwinConfig),\n ])\n\n const configPath = userTailwindConfig\n ? resolve(sourceRoot, userTailwindConfig)\n : escalade(baseDirectory, (_, names) => {\n if (names.includes('tailwind.config.js')) return 'tailwind.config.js'\n\n if (names.includes('tailwind.config.cjs')) return 'tailwind.config.cjs'\n\n if (names.includes('tailwind.config.ts')) return 'tailwind.config.ts'\n }) ?? ''\n\n const configExists = Boolean(configPath && existsSync(configPath))\n\n if (userTailwindConfig)\n assert(configExists, ({ color }: AssertContext) =>\n [\n `${String(\n color(\n `✕ The tailwind config ${color(\n String(userTailwindConfig),\n 'errorLight'\n )} wasn’t found`\n )\n )}`,\n `Update the \\`config\\` option in your twin config`,\n ].join('\\n\\n')\n )\n\n const configs = [\n // User config\n ...(configExists ? getAllConfigs(loadConfig(configPath)) : []),\n // Default config\n ...getAllConfigs(defaultTwinConfig),\n ]\n\n const tailwindConfig = resolveTailwindConfig(configs)\n\n return tailwindConfig\n}\n\nfunction runConfigValidator([item, value]: [\n keyof typeof configTwinValidators,\n string | boolean\n]): boolean {\n const validatorConfig: Validator = configTwinValidators[item]\n if (!validatorConfig) return true\n\n const [validator, errorMessage] = validatorConfig\n\n if (typeof validator !== 'function') return false\n\n if (!validator(value)) {\n throw new Error(logGeneralError(String(errorMessage)))\n }\n\n return true\n}\n\nfunction getConfigTwin(\n config: TwinConfig | undefined,\n params: GetConfigTwinValidatedParameters\n): TwinConfigAll {\n const output: TwinConfigAll = {\n ...configDefaultsTwin(params),\n ...config,\n }\n return output\n}\n\nfunction getConfigTwinValidated(\n config: TwinConfig | undefined,\n params: GetConfigTwinValidatedParameters\n): TwinConfigAll {\n const twinConfig = getConfigTwin(config, params)\n // eslint-disable-next-line unicorn/no-array-reduce\n return Object.entries(twinConfig).reduce((result, item) => {\n const validatedItem = item as [\n keyof typeof configTwinValidators,\n string | boolean\n ]\n return {\n ...result,\n ...(runConfigValidator(validatedItem) && {\n [validatedItem[0]]: validatedItem[1],\n }),\n }\n }, {}) as TwinConfigAll\n}\n\nexport { getTailwindConfig, getConfigTwinValidated }\n" }, { "path": "src/core/lib/convertClassName.ts", "content": "import replaceThemeValue from './util/replaceThemeValue'\nimport isShortCss from './util/isShortCss'\nimport splitOnFirst from './util/splitOnFirst'\nimport { splitAtTopLevelOnly } from './util/twImports'\nimport type { AssertContext, CoreContext, TailwindConfig } from 'core/types'\n// eslint-disable-next-line import/no-relative-parent-imports\nimport { SPACE_ID, SPACES } from '../constants'\n\nconst ALL_COMMAS = /,/g\nconst ALL_AMPERSANDS = /&/g\nconst ENDING_AMP_THEN_WHITESPACE = /&[\\s_]*$/\nconst ALL_CLASS_DOTS = /(?[_~])[\\w-])/g\nconst BASIC_SELECTOR_TYPES = /^#|^\\\\.|[^\\W_]/\n\ntype ConvertShortCssToArbitraryPropertyParameters = {\n disableShortCss: CoreContext['twinConfig']['disableShortCss']\n origClassName: string\n} & Pick\n\nfunction convertShortCssToArbitraryProperty(\n className: string,\n {\n tailwindConfig,\n assert,\n disableShortCss,\n isShortCssOnly,\n origClassName,\n }: ConvertShortCssToArbitraryPropertyParameters\n): string {\n const splitArray = [\n ...splitAtTopLevelOnly(className, tailwindConfig.separator ?? ':'),\n ]\n\n const lastValue = splitArray.slice(-1)[0]\n\n let [property, value] = splitOnFirst(lastValue, '[')\n value = value.slice(0, -1).trim()\n\n let preSelector = ''\n\n if (property.startsWith('!')) {\n property = property.slice(1)\n preSelector = '!'\n }\n\n const template = `${preSelector}[${[\n property,\n value === '' ? \"''\" : value,\n ].join(tailwindConfig.separator ?? ':')}]`\n splitArray.splice(-1, 1, template)\n\n const arbitraryProperty = splitArray.join(tailwindConfig.separator ?? ':')\n\n const isShortCssDisabled = disableShortCss && !isShortCssOnly\n assert(!isShortCssDisabled, ({ color }) =>\n [\n `${String(\n color(\n `✕ ${String(\n color(origClassName, 'errorLight')\n )} uses twin’s deprecated short-css syntax`\n )\n )}`,\n `Update to ${String(color(arbitraryProperty, 'success'))}`,\n `To ignore this notice, add this to your twin config:\\n{ \"disableShortCss\": false }`,\n `Read more at https://twinredirect.page.link/short-css`,\n ].join('\\n\\n')\n )\n\n return arbitraryProperty\n}\n\ntype ConvertClassNameParameters = {\n disableShortCss: CoreContext['twinConfig']['disableShortCss']\n} & Pick<\n CoreContext,\n 'tailwindConfig' | 'theme' | 'assert' | 'debug' | 'isShortCssOnly'\n>\n\nfunction checkForVariantSupport({\n className,\n tailwindConfig,\n assert,\n}: { className: string } & Pick<\n CoreContext,\n 'tailwindConfig' | 'assert'\n>): void {\n const pieces = [\n ...splitAtTopLevelOnly(className, tailwindConfig.separator ?? ':'),\n ]\n const hasMultipleVariants = pieces.length > 2 // One is the class name\n const hasACommaInVariants = pieces.some(\n p => splitAtTopLevelOnly(p.slice(1, -1), ',').length > 1\n )\n const hasIssue = hasMultipleVariants && hasACommaInVariants\n assert(\n !hasIssue,\n ({ color }: AssertContext) =>\n `${color(\n `✕ The variants on ${String(\n color(className, 'errorLight')\n )} are invalid tailwind and twin classes`\n )}\\n\\n${color(\n `To fix, either reduce all variants into a single arbitrary variant:`,\n 'success'\n )}\\nFrom: \\`[.this, .that]:first:block\\`\\nTo: \\`[.this:first, .that:first]:block\\`\\n\\n${color(\n `Or split the class into separate classes instead of using commas:`,\n 'success'\n )}\\nFrom: \\`[.this, .that]:first:block\\`\\nTo: \\`[.this]:first:block [.that]:first:block\\`\\n\\nRead more at https://twinredirect.page.link/arbitrary-variants-with-commas`\n )\n}\n\n// Convert a twin class to a tailwindcss friendly class\nfunction convertClassName(\n className: string,\n {\n tailwindConfig,\n theme,\n isShortCssOnly,\n disableShortCss,\n assert,\n debug,\n }: ConvertClassNameParameters\n): string {\n checkForVariantSupport({ className, tailwindConfig, assert })\n\n const origClassName = className\n\n // Convert spaces to class friendly underscores\n className = className.replace(SPACES, SPACE_ID)\n\n // Move the bang to the front of the class\n if (className.endsWith('!')) {\n debug('trailing bang found', className)\n\n const splitArray = [\n ...splitAtTopLevelOnly(\n className.slice(0, -1),\n tailwindConfig.separator ?? ':'\n ),\n ]\n // Place a ! before the class\n splitArray.splice(-1, 1, `!${splitArray[splitArray.length - 1]}`)\n className = splitArray.join(tailwindConfig.separator ?? ':')\n }\n\n // Convert short css to an arbitrary property, eg: `[display:block]`\n // (Short css is deprecated)\n if (isShortCss(className, tailwindConfig)) {\n debug('short css found', className)\n className = convertShortCssToArbitraryProperty(className, {\n tailwindConfig,\n assert,\n disableShortCss,\n isShortCssOnly,\n origClassName,\n })\n }\n\n // Replace theme values throughout the class\n className = replaceThemeValue(className, { assert, theme })\n\n // Add missing parent selectors and collapse arbitrary variants\n className = sassifyArbitraryVariants(className, { tailwindConfig })\n\n debug('class after format', className)\n\n return className\n}\n\nfunction isArbitraryVariant(variant: string): boolean {\n return variant.startsWith('[') && variant.endsWith(']')\n}\n\nfunction unbracket(variant: string): string {\n return variant.slice(1, -1)\n}\n\nfunction sassifyArbitraryVariants(\n fullClassName: string,\n { tailwindConfig }: { tailwindConfig: TailwindConfig }\n): string {\n const splitArray = [\n ...splitAtTopLevelOnly(fullClassName, tailwindConfig.separator ?? ':'),\n ]\n\n const variants = splitArray.slice(0, -1)\n const className = splitArray.slice(-1)[0]\n\n if (variants.length === 0) return fullClassName\n\n // Collapse arbitrary variants when they don't contain `&`.\n // `[> div]:[.nav]:(flex block)` -> `[> div_.nav]:flex [> div_.nav]:block`\n const collapsed = [] as string[]\n variants.forEach((variant, index) => {\n // We can’t match the selector if there's a character right next to the parent selector (eg: `[§ion]:block`) otherwise we'd accidentally replace `.step` in classes like this:\n // Bad: `.steps-primary .steps` -> `&-primary &`\n // Good: `.steps-primary .steps` -> `.steps-primary &`\n // So here we replace it with crazy brackets to identify and unwrap it later\n if (isArbitraryVariant(variant))\n variant = variant.replace(ALL_WRAPPABLE_PARENT_SELECTORS, '(((&)))')\n\n if (\n index === 0 ||\n !isArbitraryVariant(variant) ||\n !isArbitraryVariant(variants[index - 1])\n )\n return collapsed.push(variant)\n\n const prev = collapsed[collapsed.length - 1]\n\n if (variant.includes('&')) {\n const prevHasParent = prev.includes('&')\n\n // Merge with current\n if (prevHasParent) {\n const mergedWithCurrent = variant.replace(\n ALL_AMPERSANDS,\n unbracket(prev)\n )\n const isLast = index === variants.length - 1\n collapsed[index - 1] = isLast\n ? mergedWithCurrent.replace(ALL_AMPERSANDS, '')\n : mergedWithCurrent\n return\n }\n\n // Merge with previous\n if (!prevHasParent) {\n const mergedWithPrev = `[${unbracket(variant).replace(\n ALL_AMPERSANDS,\n unbracket(prev)\n )}]`\n collapsed[collapsed.length - 1] = mergedWithPrev\n return\n }\n }\n\n // Parentless variants are merged into the previous arbitrary variant\n const mergedWithPrev = `[${[\n unbracket(prev).replace(ENDING_AMP_THEN_WHITESPACE, ''),\n unbracket(variant),\n ].join('_')}]`\n collapsed[collapsed.length - 1] = mergedWithPrev\n })\n\n // The supplied class requires the reversal of it's variants as resolveMatches adds them in reverse order\n const reversedVariantList = [...collapsed].slice().reverse()\n const allVariants = reversedVariantList.map((v, idx) => {\n if (!isArbitraryVariant(v)) return v\n\n const unwrappedVariant = unbracket(v)\n // Unescaped dots incorrectly add the prefix within arbitrary variants (only when`prefix` is set in tailwind config)\n // eg: tw`[.a]:first:tw-block` -> `.tw-a &:first-child`\n .replace(ALL_CLASS_DOTS, '\\\\.')\n // Unescaped ats will throw a conversion error\n .replace(ALL_CLASS_ATS, '\\\\@')\n\n const variantList = unwrappedVariant.startsWith('@')\n ? [unwrappedVariant]\n : // Arbitrary variants with commas are split, handled as separate selectors then joined\n [...splitAtTopLevelOnly(unwrappedVariant, ',')]\n const out = variantList\n .map(variant =>\n addParentSelector(variant, collapsed[idx - 1], collapsed[idx + 1] ?? '')\n )\n // Tailwindcss removes everything from a comma onwards in arbitrary variants, so we need to encode to preserve them\n // Underscore is needed to distance the code from another possible number\n // Eg: [path[fill='rgb(51,100,51)']]:[fill:white]\n .join('\\\\2c_')\n .replace(ALL_COMMAS, '\\\\2c_')\n\n return `[${out}]`\n })\n\n return [...allVariants, className].join(tailwindConfig.separator ?? ':')\n}\n\nfunction addParentSelector(\n selector: string,\n prev: string,\n next: string\n): string {\n // Preserve selectors with a parent selector and media queries\n if (selector.includes('&') || selector.startsWith('@')) return selector\n\n // Arbitrary variants\n // Pseudo elements get an auto parent selector prefixed\n if (selector.startsWith(':')) return `&${selector}`\n // Variants that start with a class/id get treated as a child\n if (BASIC_SELECTOR_TYPES.test(selector) && !prev) return `& ${selector}`\n // When there's more than one variant and it's at the end then prefix it\n if (!next && prev) return `&${selector}`\n\n return `& ${selector}`\n}\n\nexport default convertClassName\n" }, { "path": "src/core/lib/createAssert.ts", "content": "import type { AssertContext } from 'core/types'\nimport { makeColor } from './logging'\n\nfunction createAssert(\n CustomError = Error,\n isSilent = false,\n hasLogColors = true\n) {\n return (\n expression: boolean | string | (({ color }: AssertContext) => string),\n message: string | (({ color }: AssertContext) => string)\n ): void => {\n if (isSilent) return\n\n if (typeof expression === 'string') {\n throw new CustomError(`\\n\\n${expression}\\n`)\n }\n\n const messageContext = { color: makeColor(hasLogColors) }\n\n if (typeof expression === 'function') {\n throw new CustomError(`\\n\\n${expression(messageContext)}\\n`)\n }\n\n if (expression) return\n\n if (typeof message === 'string') {\n throw new CustomError(`\\n\\n${message}\\n`)\n }\n\n if (typeof message === 'function') {\n throw new CustomError(`\\n\\n${message(messageContext)}\\n`)\n }\n }\n}\n\nexport default createAssert\n" }, { "path": "src/core/lib/createTheme.ts", "content": "import dlv from 'dlv'\nimport { transformThemeValue, toPath } from './util/twImports'\nimport isObject from './util/isObject'\nimport type { TailwindConfig } from 'core/types'\n\nfunction createTheme(\n tailwindConfig: TailwindConfig\n): (\n dotSeparatedItem: string,\n extra?: string\n) => Record | boolean | number {\n function getConfigValue(path: string[], defaultValue?: string): unknown {\n return dlv(tailwindConfig, path, defaultValue)\n }\n\n function resolveThemeValue(\n path: string,\n defaultValue?: string,\n options = {}\n ): number | boolean | Record {\n let [pathRoot, ...subPaths] = toPath(path)\n\n // Retain dots in spacing values, eg: `ml-[theme(spacing.0.5)]`\n if (\n pathRoot === 'spacing' &&\n subPaths.length === 2 &&\n subPaths.every(x => !Number.isNaN(Number(x)))\n ) {\n subPaths = [subPaths.join('.')]\n }\n\n const value = getConfigValue(\n path ? ['theme', pathRoot, ...subPaths] : ['theme'],\n defaultValue\n )\n return sassifyValues(transformThemeValue(pathRoot)(value, options))\n }\n\n const out = Object.assign(\n (path: string, defaultValue?: string) =>\n resolveThemeValue(path, defaultValue),\n {\n withAlpha: (path: string, opacityValue?: string) =>\n resolveThemeValue(path, undefined, { opacityValue }),\n }\n )\n\n return out\n}\n\nfunction sassifyValues(\n values: Record\n): Record {\n if (!isObject(values)) return values\n const transformed: Array<[string, unknown]> = Object.entries(values).map(\n ([k, v]: [string, unknown]) => [\n k,\n (isObject(v) && sassifyValues(v)) ||\n (typeof v === 'number' && String(v)) ||\n v,\n ]\n )\n return Object.fromEntries(transformed)\n}\n\nexport default createTheme\n" }, { "path": "src/core/lib/defaultTailwindConfig.ts", "content": "import toArray from './util/toArray'\nimport type { PluginAPI } from 'tailwindcss/types/config'\n\nconst AMPERSAND_AFTER = /&(.+)/g\nconst AMPERSAND = /&/g\n\nfunction stripAmpersands(string: string): string {\n return typeof string === 'string'\n ? string.replace(AMPERSAND, '').trim()\n : string\n}\n\nconst EXTRA_VARIANTS = [\n ['all', '& *'],\n ['all-child', '& > *'],\n ['sibling', '& ~ *'],\n ['hocus', ['&:hover', '&:focus']],\n 'link',\n 'read-write',\n ['svg', '& svg'],\n ['even-of-type', '&:nth-of-type(even)'],\n ['odd-of-type', '&:nth-of-type(odd)'],\n]\n\nconst EXTRA_NOT_VARIANTS = [\n // Positional\n ['first', '&:first-child'],\n ['last', '&:last-child'],\n ['only', '&:only-child'],\n ['odd', '&:nth-child(odd)'],\n ['even', '&:nth-child(even)'],\n 'first-of-type',\n 'last-of-type',\n 'only-of-type',\n\n // State\n 'target',\n ['open', '&[open]'],\n\n // Forms\n 'default',\n 'checked',\n 'indeterminate',\n 'placeholder-shown',\n 'autofill',\n 'optional',\n 'required',\n 'valid',\n 'invalid',\n 'in-range',\n 'out-of-range',\n 'read-only',\n\n // Content\n 'empty',\n\n // Interactive\n 'focus-within',\n 'hover',\n 'focus',\n 'focus-visible',\n 'active',\n 'enabled',\n 'disabled',\n]\n\nfunction defaultVariants({ config, addVariant }: PluginAPI): void {\n const extraVariants = EXTRA_VARIANTS.flatMap(v => {\n let [name, selector] = toArray(v)\n selector = selector || `&:${String(name)}`\n const variant = [name, selector]\n\n // Create a :not() version of the selectors above\n const notVariant = [\n `not-${String(name)}`,\n (toArray(selector) as string[]).map(\n (s: string) => `&:not(${stripAmpersands(s)})`\n ),\n ]\n\n return [variant, notVariant]\n })\n\n // Create :not() versions of these selectors\n const notPseudoVariants = EXTRA_NOT_VARIANTS.map(v => {\n const [name, selector] = toArray(v)\n const notConfig = [\n `not-${name as string}`,\n (toArray(selector || `&:${name as string}`) as string[]).map(\n s => `&:not(${stripAmpersands(s)})`\n ),\n ]\n\n return notConfig\n })\n\n const variants = [...extraVariants, ...notPseudoVariants]\n\n for (const [name, selector] of variants) {\n addVariant(name as string, toArray(selector) as string[])\n }\n\n for (const [name, selector] of variants) {\n const groupSelector = (toArray(selector) as string[]).map(s =>\n s.replace(AMPERSAND_AFTER, ':merge(.group)$1 &')\n )\n addVariant(`group-${name as string}`, groupSelector)\n }\n\n for (const [name, selector] of variants) {\n const peerSelector = (toArray(selector) as string[]).map(s =>\n s.replace(AMPERSAND_AFTER, ':merge(.peer)$1 ~ &')\n )\n addVariant(`peer-${name as string}`, peerSelector)\n }\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/any-pointer\n addVariant('any-pointer-none', '@media (any-pointer: none)')\n addVariant('any-pointer-fine', '@media (any-pointer: fine)')\n addVariant('any-pointer-coarse', '@media (any-pointer: coarse)')\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer\n addVariant('pointer-none', '@media (pointer: none)')\n addVariant('pointer-fine', '@media (pointer: fine)')\n addVariant('pointer-coarse', '@media (pointer: coarse)')\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/any-hover\n addVariant('any-hover-none', '@media (any-hover: none)')\n addVariant('any-hover', '@media (any-hover: hover)')\n\n // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n addVariant('can-hover', '@media (hover: hover)')\n addVariant('cant-hover', '@media (hover: none)')\n\n addVariant('screen', '@media screen')\n\n // Light mode\n\n // eslint-disable-next-line unicorn/prefer-spread\n let [mode, className = '.light'] = ([] as Array).concat(\n config('lightMode', 'media')\n )\n\n if (mode === false) mode = 'media'\n\n if (mode === 'class') {\n addVariant('light', `${String(className)} &`)\n } else if (mode === 'media') {\n addVariant('light', '@media (prefers-color-scheme: light)')\n }\n\n // eslint-disable-next-line unicorn/prefer-spread\n ;[mode, className = '.light'] = ([] as string[]).concat(\n config('lightMode', 'media')\n )\n\n if (mode === 'class') {\n addVariant('light', `${className} &`)\n } else if (mode === 'media') {\n addVariant('light', '@media (prefers-color-scheme: light)')\n }\n}\n\nconst defaultTailwindConfig = {\n presets: [\n {\n content: [''], // Silence empty content warning\n theme: {\n extend: {\n content: { DEFAULT: '' }, // Add a `content` class\n zIndex: { 1: '1' }, // Add a handy small zIndex (`z-1` / `-z-1`)\n },\n },\n plugins: [defaultVariants], // Add extra variants\n },\n ],\n}\n\nexport default defaultTailwindConfig\n" }, { "path": "src/core/lib/expandVariantGroups.ts", "content": "import type { Assert, AssertContext, TailwindConfig } from 'core/types'\nimport { splitAtTopLevelOnly } from './util/twImports'\n\nconst BRACKETED = /^\\(.*?\\)$/\nconst BRACKETED_MAYBE_IMPORTANT = /\\)!?$/\nconst ESCAPE_CHARACTERS = /\\n|\\t/g\n\ntype Context = {\n variants?: string\n beforeImportant?: string\n afterImportant?: string\n tailwindConfig: TailwindConfig\n assert: Assert\n}\n\nfunction spreadVariantGroups(classes: string, context: Context): string[] {\n const pieces = [\n ...splitAtTopLevelOnly(\n classes.trim(),\n context.tailwindConfig.separator ?? ':'\n ),\n ] as string[]\n\n let groupedClasses = pieces.pop()\n if (!groupedClasses) return [] // type guard\n\n // Check for too many dividers used\n // Added here instead of \"validateClasses\" as it's less error prone to check here\n context.assert(\n !pieces.includes(''),\n ({ color }: AssertContext) =>\n `${color(\n `✕ ${String(color(classes, 'errorLight'))} has too many dividers`\n )}\\n\\nUpdate to ${String(\n color(\n `${pieces\n .filter(Boolean)\n .join(context.tailwindConfig.separator ?? ':')}`,\n 'success'\n )\n )}`\n )\n\n let beforeImportant = context?.beforeImportant ?? ''\n let afterImportant = context?.afterImportant ?? ''\n\n if (!beforeImportant && groupedClasses.startsWith('!')) {\n groupedClasses = groupedClasses.slice(1)\n beforeImportant = '!'\n }\n\n if (!afterImportant && groupedClasses.endsWith('!')) {\n groupedClasses = groupedClasses.slice(0, -1)\n afterImportant = '!'\n }\n\n // Remove () brackets and split\n const unwrapped = BRACKETED.test(groupedClasses)\n ? groupedClasses.slice(1, -1)\n : groupedClasses\n\n const classList = [...splitAtTopLevelOnly(unwrapped, ' ')].filter(Boolean)\n\n const group = classList\n .map(className => {\n if (\n BRACKETED_MAYBE_IMPORTANT.test(className) &&\n // Avoid infinite loop due to lack of separator, eg: `[em](block)`\n !className.includes('](')\n ) {\n const ctx = { ...context, beforeImportant, afterImportant }\n return expandVariantGroups(\n [...pieces, className].join(context.tailwindConfig.separator ?? ':'),\n ctx\n )\n }\n\n return [...pieces, [beforeImportant, className, afterImportant].join('')]\n .filter(Boolean)\n .join(context.tailwindConfig.separator ?? ':')\n })\n .filter(Boolean)\n\n return group\n}\n\nfunction expandVariantGroups(classes: string, context: Context): string {\n const classList = [\n ...splitAtTopLevelOnly(classes.replace(ESCAPE_CHARACTERS, ' ').trim(), ' '),\n ]\n if (classList.length === 1 && ['', '()'].includes(classList[0])) return ''\n\n const expandedClasses = classList.flatMap(item =>\n spreadVariantGroups(item, context)\n )\n\n return expandedClasses.join(' ')\n}\n\nexport default expandVariantGroups\n" }, { "path": "src/core/lib/getStitchesPath.ts", "content": "import { resolve, relative, parse } from 'path'\nimport { existsSync } from 'fs'\nimport { logGeneralError } from './logging'\nimport toArray from './util/toArray'\nimport type { TwinConfig } from 'core/types'\n\nfunction getFirstValue(\n list: ListItem[],\n getValue: (\n params: ListItem,\n options: { index: number; isLast: boolean }\n ) => unknown\n): [unknown, ListItem | undefined] {\n let firstValue\n const listLength = list.length - 1\n const listItem = list.find((listItem, index) => {\n const isLast = index === listLength\n firstValue = getValue(listItem, { index, isLast })\n return Boolean(firstValue)\n })\n\n return [firstValue, listItem]\n}\n\nfunction checkExists(\n fileName: string | string[],\n sourceRoot: string\n): string | undefined {\n const [, value] = getFirstValue(\n toArray(fileName) as string[],\n existingFileName => existsSync(resolve(sourceRoot, `./${existingFileName}`))\n )\n return value\n}\n\nfunction getRelativePath(comparePath: string, filename: string): string {\n const pathName = parse(filename).dir\n return relative(pathName, comparePath)\n}\n\nfunction getStitchesPath({\n sourceRoot,\n filename,\n config,\n}: {\n sourceRoot?: string\n filename: string\n config: TwinConfig\n}): string {\n sourceRoot = sourceRoot ?? '.'\n\n const configPathCheck = config.stitchesConfig ?? [\n 'stitches.config.ts',\n 'stitches.config.js',\n ]\n\n const configPath = checkExists(configPathCheck, sourceRoot)\n if (!configPath)\n throw new Error(\n logGeneralError(\n `Couldn’t find the Stitches config at ${\n config.stitchesConfig\n ? `“${String(config.stitchesConfig)}”`\n : 'the project root'\n }.\\nUse the twin config: stitchesConfig=\"PATH_FROM_PROJECT_ROOT\" to set the location.`\n )\n )\n\n return getRelativePath(configPath, filename)\n}\n\nexport default getStitchesPath\n" }, { "path": "src/core/lib/logging.ts", "content": "import chalk from 'chalk'\nimport type {\n MakeColor,\n ColorType,\n ColorValue,\n TwinConfigAll,\n} from 'core/types'\n\nconst colors = {\n error: chalk.hex('#ff8383'),\n errorLight: chalk.hex('#ffd3d3'),\n warn: chalk.yellowBright,\n success: chalk.greenBright,\n highlight: chalk.yellowBright,\n subdued: chalk.hex('#999'),\n}\n\nfunction makeColor(hasColor: boolean): MakeColor {\n return (message: string, type: keyof typeof colors = 'error') => {\n if (!hasColor) return message\n return colors[type](message)\n }\n}\n\nfunction spaced(string: string): string {\n return `\\n\\n${string}\\n`\n}\n\nfunction warning(string: string): string {\n return colors.error(`✕ ${string}`)\n}\n\nfunction logGeneralError(error: string | [ColorValue, string]): string {\n return Array.isArray(error)\n ? spaced(\n `${warning(\n typeof error[0] === 'function' ? error[0](colors) : error[0]\n )}\\n\\n${error[1]}`\n )\n : spaced(warning(error))\n}\n\nfunction createDebug(isDev: boolean, twinConfig: TwinConfigAll) {\n return (\n reference: string,\n data: unknown,\n type: ColorType = 'subdued'\n ): void => {\n if (!isDev) return\n if (!twinConfig.debug) return\n\n const log = `${String(colors[type]('-'))} ${reference} ${String(\n colors[type](JSON.stringify(data))\n )}`\n\n // eslint-disable-next-line no-console\n console.log(log)\n }\n}\n\nexport { makeColor, spaced, warning, colors, logGeneralError, createDebug }\n" }, { "path": "src/core/lib/twinConfig.ts", "content": "import type { GetPackageUsed, TwinConfigAll } from 'core/types'\n\nconst TWIN_CONFIG_DEFAULTS = {\n allowStyleProp: false,\n autoCssProp: false,\n config: undefined,\n convertHtmlElementToStyled: false,\n convertStyledDotToParam: false,\n convertStyledDotToFunction: false,\n css: { import: '', from: '' },\n dataCsProp: false,\n dataTwProp: false,\n debug: false,\n disableCsProp: true,\n disableShortCss: true,\n global: { import: '', from: '' },\n hasLogColors: true,\n includeClassNames: false,\n moveTwPropToStyled: false,\n moveKeyframesToGlobalStyles: false,\n preset: undefined,\n sassyPseudo: false,\n stitchesConfig: undefined,\n styled: { import: '', from: '' },\n} as const\n\n// Defaults for different css-in-js libraries\n\nconst configDefaultsStyledComponents = {\n sassyPseudo: true, // Sets selectors like hover to &:hover\n} as const\n\nconst configDefaultsGoober = {\n sassyPseudo: true, // Sets selectors like hover to &:hover\n} as const\n\nconst configDefaultsSolid = {\n sassyPseudo: true, // Sets selectors like hover to &:hover\n moveTwPropToStyled: true, // Move the tw prop to a styled definition\n convertHtmlElementToStyled: true, // Add a styled definition on css prop elements\n convertStyledDotToFunction: true, // Convert styled.[element] to a default syntax\n} as const\n\nconst configDefaultsStitches = {\n sassyPseudo: true, // Sets selectors like hover to &:hover\n convertStyledDotToParam: true, // Convert styled.[element] to a default syntax\n moveTwPropToStyled: true, // Move the tw prop to a styled definition\n convertHtmlElementToStyled: true, // Add a styled definition on css prop elements\n stitchesConfig: undefined, // Set the path to the stitches config\n moveKeyframesToGlobalStyles: true, // Stitches doesn't support inline @keyframes\n} as const\n\nfunction configDefaultsTwin({\n isSolid,\n isStyledComponents,\n isGoober,\n isStitches,\n isDev,\n}: GetPackageUsed & { isDev: boolean }): TwinConfigAll {\n return {\n ...TWIN_CONFIG_DEFAULTS,\n ...(isSolid && configDefaultsSolid),\n ...(isStyledComponents && configDefaultsStyledComponents),\n ...(isGoober && configDefaultsGoober),\n ...(isStitches && configDefaultsStitches),\n dataTwProp: isDev,\n dataCsProp: isDev,\n }\n}\n\nfunction isBoolean(value: unknown): boolean {\n return typeof value === 'boolean'\n}\n\nconst allowedPresets = [\n 'styled-components',\n 'emotion',\n 'goober',\n 'stitches',\n 'solid',\n]\n\ntype ConfigTwinValidators = Record<\n keyof typeof TWIN_CONFIG_DEFAULTS & 'disableColorVariables',\n [(value: unknown) => boolean, string]\n>\n\nconst configTwinValidators: ConfigTwinValidators = {\n preset: [\n (value: unknown): boolean =>\n value === undefined ||\n (typeof value === 'string' && allowedPresets.includes(value)),\n `The config “preset” can only be:\\n${allowedPresets\n .map(p => `'${p}'`)\n .join(', ')}`,\n ],\n allowStyleProp: [\n isBoolean,\n 'The config “allowStyleProp” can only be a boolean',\n ],\n autoCssProp: [\n (value: unknown): boolean => !value,\n 'The “autoCssProp” feature has been removed from twin.macro@2.8.2+\\nThis means the css prop must be added by styled-components instead.\\nSetup info at https://twinredirect.page.link/auto-css-prop\\n\\nRemove the “autoCssProp” item from your config to avoid this message.',\n ],\n convertStyledDot: [\n (value: unknown): boolean => !value,\n 'The “convertStyledDot” feature was changed to “convertStyledDotParam”.',\n ],\n disableColorVariables: [\n (value: unknown): boolean => !value,\n 'The disableColorVariables feature has been removed from twin.macro@3+\\n\\nRemove the disableColorVariables item from your config to avoid this message.',\n ],\n sassyPseudo: [isBoolean, 'The config “sassyPseudo” can only be a boolean'],\n dataTwProp: [\n (value: unknown): boolean => isBoolean(value) || value === 'all',\n 'The config “dataTwProp” can only be true, false or \"all\"',\n ],\n dataCsProp: [\n (value: unknown): boolean => isBoolean(value) || value === 'all',\n 'The config “dataCsProp” can only be true, false or \"all\"',\n ],\n includeClassNames: [\n isBoolean,\n 'The config “includeClassNames” can only be a boolean',\n ],\n disableCsProp: [\n isBoolean,\n 'The config “disableCsProp” can only be a boolean',\n ],\n convertStyledDotToParam: [\n isBoolean,\n 'The config “convertStyledDotToParam” can only be a boolean',\n ],\n convertStyledDotToFunction: [\n isBoolean,\n 'The config “convertStyledDotToFunction” can only be a boolean',\n ],\n moveTwPropToStyled: [\n isBoolean,\n 'The config “moveTwPropToStyled” can only be a boolean',\n ],\n convertHtmlElementToStyled: [\n isBoolean,\n 'The config “convertHtmlElementToStyled” can only be a boolean',\n ],\n}\n\nexport { configDefaultsTwin, configTwinValidators, TWIN_CONFIG_DEFAULTS }\n" }, { "path": "src/core/lib/userPresets.ts", "content": "/**\n * Config presets\n *\n * To change the preset, add the following in `package.json`:\n * `{ \"babelMacros\": { \"twin\": { \"preset\": \"styled-components\" } } }`\n *\n * Or in `babel-plugin-macros.config.js`:\n * `module.exports = { twin: { preset: \"styled-components\" } }`\n */\n\nconst userPresets = {\n 'styled-components': {\n styled: { import: 'default', from: 'styled-components' },\n css: { import: 'css', from: 'styled-components' },\n global: { import: 'createGlobalStyle', from: 'styled-components' },\n },\n emotion: {\n styled: { import: 'default', from: '@emotion/styled' },\n css: { import: 'css', from: '@emotion/react' },\n global: { import: 'Global', from: '@emotion/react' },\n },\n goober: {\n styled: { import: 'styled', from: 'goober' },\n css: { import: 'css', from: 'goober' },\n global: { import: 'createGlobalStyles', from: 'goober/global' },\n },\n stitches: {\n styled: { import: 'styled', from: 'stitches.config' },\n css: { import: 'css', from: 'stitches.config' },\n global: { import: 'global', from: 'stitches.config' },\n },\n solid: {\n styled: { import: 'styled', from: 'solid-styled-components' },\n css: { import: 'css', from: 'solid-styled-components' },\n global: { import: 'createGlobalStyles', from: 'solid-styled-components' },\n },\n}\n\nexport default userPresets\n" }, { "path": "src/core/lib/util/camelize.ts", "content": "const CAMEL_FIND = /\\W+(.)/g\n\nexport default function camelize(string: string): string {\n return string?.replace(CAMEL_FIND, (_, chr: string) => chr.toUpperCase())\n}\n" }, { "path": "src/core/lib/util/deepMerge.ts", "content": "import deepMerge from 'lodash.merge'\n\n// eslint-disable-next-line unicorn/prefer-export-from\nexport default deepMerge\n" }, { "path": "src/core/lib/util/escapeRegex.ts", "content": "const REGEX_SPECIAL_CHARACTERS = /[$()*+./?[\\\\\\]^{|}-]/g\n\nexport default function escapeRegex(string: string): string {\n return string.replace(REGEX_SPECIAL_CHARACTERS, '\\\\$&')\n}\n" }, { "path": "src/core/lib/util/formatProp.ts", "content": "// eslint-disable-next-line import/no-relative-parent-imports\nimport { SPACE_ID, LINEFEED } from '../../constants'\n\nconst EXTRA_WHITESPACE = /\\s\\s+/g\n\nexport default function formatProp(classes: string): string {\n return (\n classes\n // Normalize spacing\n .replace(EXTRA_WHITESPACE, ' ')\n // Remove newline characters\n .replace(LINEFEED, ' ')\n // Replace the space id\n .replace(SPACE_ID, ' ')\n .trim()\n )\n}\n" }, { "path": "src/core/lib/util/get.ts", "content": "import get from 'lodash.get'\n\n// eslint-disable-next-line unicorn/prefer-export-from\nexport default get\n" }, { "path": "src/core/lib/util/isEmpty.ts", "content": "export default function isEmpty(value: unknown): boolean {\n return (\n value === undefined ||\n value === null ||\n (typeof value === 'object' && Object.keys(value).length === 0) ||\n (typeof value === 'string' && value.trim().length === 0)\n )\n}\n" }, { "path": "src/core/lib/util/isObject.ts", "content": "export default function isObject(\n value: unknown\n): value is Record {\n // eslint-disable-next-line eqeqeq, no-eq-null\n return value != null && typeof value === 'object' && !Array.isArray(value)\n}\n" }, { "path": "src/core/lib/util/isShortCss.ts", "content": "import { splitAtTopLevelOnly } from './twImports'\nimport type { TailwindConfig } from 'core/types'\n\nexport default function isShortCss(\n fullClassName: string,\n tailwindConfig: TailwindConfig\n): boolean {\n const classPieces = [\n ...splitAtTopLevelOnly(fullClassName, tailwindConfig.separator ?? ':'),\n ]\n\n const className = classPieces.slice(-1)[0]\n\n if (!className.includes('[')) return false\n\n // Replace brackets before splitting on them as the split function already\n // reads brackets to determine where the top level is\n const splitAtArbitrary = [\n ...splitAtTopLevelOnly(className.replace(/\\[/g, '∀'), '∀'),\n ]\n\n // Normal class\n if (splitAtArbitrary[0].endsWith('-')) return false\n\n // Important suffix\n if (splitAtArbitrary[0].endsWith('!')) return false\n\n // Arbitrary property\n if (splitAtArbitrary[0] === '') return false\n\n // Slash opacity, eg: bg-red-500/fromConfig/[.555]\n if (splitAtArbitrary[0].endsWith('/')) return false\n\n return true\n}\n" }, { "path": "src/core/lib/util/replaceThemeValue.ts", "content": "import type { AssertContext, CoreContext } from 'core/types'\n\nconst MATCH_THEME = /theme\\((.+?)\\)/\nconst MATCH_QUOTES = /[\"'`]/g\n\nfunction replaceThemeValue(\n value: string,\n {\n assert,\n theme,\n }: { assert: CoreContext['assert']; theme: CoreContext['theme'] }\n): string {\n const match = MATCH_THEME.exec(value)\n if (!match) return value\n\n const themeFunction = match[0]\n const themeParameters = match[1].replace(MATCH_QUOTES, '').trim()\n\n const [main, second] = themeParameters.split(',')\n let themeValue = theme(main, second)\n\n assert(Boolean(themeValue), ({ color }: AssertContext) =>\n color(\n `✕ ${color(\n themeParameters,\n 'errorLight'\n )} doesn’t match a theme value from the config`\n )\n )\n\n // Account for the 'DEFAULT' key\n if (typeof themeValue === 'object' && 'DEFAULT' in themeValue) {\n themeValue = themeValue.DEFAULT as typeof themeValue\n }\n\n // Escape spaces in the value - without this we get an incorrect order\n // in class groups like this:\n // tw`w-[calc(100%-theme('spacing.1'))] w-[calc(100%-theme('spacing[0.5]'))]`\n // theme: { spacing: { 0.5: \"calc(.5 * .25rem)\", 1: \"calc(1 * .25rem)\" } }\n const stringValue = String(themeValue).replace(/\\./g, '\\\\.')\n\n const replacedValue = value.replace(themeFunction, stringValue)\n\n return replacedValue\n}\n\nexport default replaceThemeValue\n" }, { "path": "src/core/lib/util/sassifySelector.ts", "content": "import type { ExtractRuleStyles } from 'core/types'\n\nconst SELECTOR_PARENT_CANDIDATE = /^[ #.[]/\nconst SELECTOR_SPECIAL_STARTS = /^ [>@]/\nconst SELECTOR_ROOT = /(^| ):root(?!\\w)/g\nconst UNDERSCORE_ESCAPING = /\\\\+(_)/g\nconst WRAPPED_PARENT_SELECTORS = /(\\({3}&(.*?)\\){3})/g\n\ntype OptionalSassifyContext = {\n selectorMatchReg: RegExp\n sassyPseudo: boolean\n original?: string\n}\n\ntype SassifySelectorTasks = Array<\n (selector: string, params: OptionalSassifyContext) => string\n>\n\nconst sassifySelectorTasks: SassifySelectorTasks = [\n (selector): string => selector.trim(),\n\n // Prefix with the parent selector when sassyPseudo is enabled,\n // otherwise just replace the class with the parent selector\n (selector, { selectorMatchReg, sassyPseudo, original }): string => {\n const out = selector.replace(\n selectorMatchReg,\n (match, __, offset: number) => {\n if (selector === match) return ''\n\n if (\n /\\w/.test(selector[offset - 1]) &&\n selector[offset + match.length] === ':'\n ) {\n if (sassyPseudo && selector[offset - 1] === undefined) return '&'\n return '' // Cover [section&]:hover:block / .btn.loading&:before\n }\n\n return offset === 0 ? '' : '&'\n }\n )\n\n // Fix certain matches not covered by the previous task, eg: `first:[section]:m-1`\n // (Arbitrary variants targeting html elements)\n if (original && out === selector && selector.includes(`.${original}`))\n return selector.replace(`.${original}`, '')\n\n return out\n },\n\n // Unwrap the pre-wrapped parent selectors (pre-wrapping avoids matching issues against word characters, eg: `[§ion]:block`)\n (selector): string => selector.replace(WRAPPED_PARENT_SELECTORS, '&$2'),\n\n // Remove unneeded escaping from the selector\n (selector): string => selector.replace(UNDERSCORE_ESCAPING, '$1'),\n\n // Prefix classes/ids/attribute selectors with a parent selector so styles\n // are applied to the current element rather than its children\n (selector): string => {\n if (selector.includes('&')) return selector\n\n const addParentSelector = SELECTOR_PARENT_CANDIDATE.test(selector)\n if (!addParentSelector) return selector\n\n // Fix: ` > :not([hidden]) ~ :not([hidden])` / ` > *`\n // Fix: `[@page]:x`\n if (SELECTOR_SPECIAL_STARTS.test(selector)) return selector\n\n return `&${selector}`\n },\n\n // Fix the spotty `:root` support in emotion/styled-components\n (selector): string => selector.replace(SELECTOR_ROOT, '*:root'),\n\n // Escape selectors containing forward slashes, eg: group-hover/link:bg-black\n (selector): string => selector.replace(/\\//g, '\\\\/'),\n\n (selector): string => selector.trim(),\n]\n\nfunction sassifySelector(\n selector: string,\n params: ExtractRuleStyles & OptionalSassifyContext\n): string {\n // Remove the selector if it only contains the parent selector\n if (selector === '&') {\n params.debug('selector not required', selector)\n return ''\n }\n\n for (const task of sassifySelectorTasks) {\n selector = task(selector, params)\n }\n\n return selector\n}\n\nexport default sassifySelector\n" }, { "path": "src/core/lib/util/splitOnFirst.ts", "content": "// Split a string at a value and return an array of the two parts\nexport default function splitOnFirst(input: string, delim: string): string[] {\n return (([first, ...rest]): [string, string] => [first, rest.join(delim)])(\n input.split(delim)\n )\n}\n" }, { "path": "src/core/lib/util/toArray.ts", "content": "export default function toArray(array: T): T | [T] {\n if (Array.isArray(array)) return array\n return [array]\n}\n" }, { "path": "src/core/lib/util/twImports.ts", "content": "import type { Config } from 'tailwindcss'\nimport type { TailwindConfig, TailwindContext, TailwindMatch } from 'core/types'\n\n// @ts-expect-error Types added below\nimport { toPath as toPathRaw } from 'tailwindcss/lib/util/toPath'\n// @ts-expect-error Types added below\nimport { resolveMatches as resolveMatchesRaw } from 'tailwindcss/lib/lib/generateRules'\n// @ts-expect-error Types added below\nimport { createContext as createContextRaw } from 'tailwindcss/lib/lib/setupContextUtils'\n// @ts-expect-error Types added below\nimport { default as defaultTailwindConfigRaw } from 'tailwindcss/stubs/config.full'\n// @ts-expect-error Types added below\nimport { default as transformThemeValueRaw } from 'tailwindcss/lib/util/transformThemeValue'\n// @ts-expect-error Types added below\nimport { default as resolveTailwindConfigRaw } from 'tailwindcss/lib/util/resolveConfig'\n// @ts-expect-error Types added below\nimport { default as getAllConfigsRaw } from 'tailwindcss/lib/util/getAllConfigs'\n// @ts-expect-error Types added below\nimport { splitAtTopLevelOnly as splitAtTopLevelOnlyRaw } from 'tailwindcss/lib/util/splitAtTopLevelOnly'\n// @ts-expect-error Types added below\nimport unescapeRaw from 'postcss-selector-parser/dist/util/unesc'\n\nconst toPath = toPathRaw as (path: string[] | string) => string[]\nconst createContext = createContextRaw as (config: Config) => TailwindContext\nconst defaultTailwindConfig = defaultTailwindConfigRaw as Config\nconst resolveMatches = resolveMatchesRaw as (\n candidate: string,\n context: TailwindContext\n) => TailwindMatch[]\nconst transformThemeValue = transformThemeValueRaw as (\n themeValue: string\n) => (\n value: unknown,\n options: Record\n) => Record\nconst resolveTailwindConfig = resolveTailwindConfigRaw as (\n config: unknown[]\n) => TailwindConfig\nconst getAllConfigs = getAllConfigsRaw as (\n config: Record\n) => TailwindConfig[]\nconst splitAtTopLevelOnly = splitAtTopLevelOnlyRaw as (\n input: string,\n separator: string\n) => string[]\nconst unescape = unescapeRaw as (string: string) => string\n\nexport {\n toPath,\n createContext,\n defaultTailwindConfig,\n resolveMatches,\n transformThemeValue,\n resolveTailwindConfig,\n getAllConfigs,\n splitAtTopLevelOnly,\n unescape,\n}\n" }, { "path": "src/core/types/index.ts", "content": "import type { MacroParams } from 'babel-plugin-macros'\nimport type { NodePath, types as T } from '@babel/core'\nimport type * as P from 'postcss'\nimport type { Config as TailwindConfig } from 'tailwindcss'\nimport type { colors } from '../lib/logging'\nimport type userPresets from '../lib/userPresets'\n\ntype KeyValuePair = Record\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface RecursiveKeyValuePair {\n [key: string]: V | RecursiveKeyValuePair\n}\nexport type CssObject = RecursiveKeyValuePair\n\n// Make all properties in T optional\ntype Partial = {\n [P in keyof T]?: T[P]\n}\n\nexport type ColorValue = (c: typeof colors) => string\n\nexport type ColorType = keyof typeof colors\n\nexport type MakeColor = (message: string, type?: keyof typeof colors) => string\n\nexport type PresetItem = { import: string; from: string }\n\nexport type PresetConfig = {\n styled: PresetItem\n css: PresetItem\n global: PresetItem\n}\n\nexport type TwinConfigAll = {\n preset?: keyof typeof userPresets\n allowStyleProp: boolean\n autoCssProp: boolean\n dataTwProp: boolean | 'all'\n sassyPseudo: boolean\n debug: boolean\n includeClassNames: boolean\n dataCsProp: boolean | 'all'\n disableCsProp: boolean\n disableShortCss: boolean\n config?: string | Partial\n convertStyledDotToParam?: boolean\n convertStyledDotToFunction?: boolean\n moveTwPropToStyled?: boolean\n moveKeyframesToGlobalStyles?: boolean\n convertHtmlElementToStyled?: boolean\n hasLogColors?: boolean\n stitchesConfig?: string\n} & PresetConfig\n\nexport type Candidate = [\n data: { layer: string },\n rule: P.Rule | P.AtRule | P.Declaration\n]\n\nexport type TailwindContext = {\n getClassOrder: (\n classes: string[]\n ) => Array<[className: string, order: bigint]>\n candidateRuleMap: Array<[string, Candidate[]]>\n variantMap: Array>\n}\n\nexport type AssertContext = {\n color: MakeColor\n}\n\nexport type Assert = (\n expression: boolean | string,\n message: ({ color }: AssertContext) => string\n) => void\n\nexport type CoreContext = {\n isDev: boolean\n assert: Assert\n debug: (reference: string, data: unknown, type?: ColorType) => void\n theme: (\n dotSeparatedItem: string,\n extra?: string\n ) => Record | boolean | number\n tailwindContext: TailwindContext\n packageUsed: GetPackageUsed\n tailwindConfig: TailwindConfig\n twinConfig: TwinConfigAll\n CustomError: typeof Error\n importConfig: PresetConfig\n isShortCssOnly?: boolean\n isSilent?: boolean\n options?: TailwindMatchOptions\n}\n\nexport type ExtractRuleStyles = {\n includeUniversalStyles?: boolean\n original?: string\n hasImportant?: boolean\n selectorMatchReg?: RegExp\n passChecks?: boolean\n sassyPseudo?: TwinConfigAll['sassyPseudo']\n coreContext: CoreContext\n} & Pick<\n CoreContext,\n | 'assert'\n | 'debug'\n | 'theme'\n | 'tailwindConfig'\n | 'tailwindContext'\n | 'options'\n | 'twinConfig'\n>\n\nexport type TransformDecl = {\n decl: P.Declaration\n property: string\n} & ExtractRuleStyles\n\nexport type CreateCoreContext = {\n isDev?: boolean\n config?: TwinConfig\n sourceRoot?: string\n filename?: string\n tailwindConfig?: TailwindConfig\n CustomError: typeof Error\n}\n\nexport type PossiblePresets = keyof typeof userPresets\n\nexport type GetPackageUsed = {\n isEmotion: boolean\n isStyledComponents: boolean\n isGoober: boolean\n isStitches: boolean\n isSolid: boolean\n}\n\nexport type TailwindMatchOptions = {\n preserveSource?: boolean\n respectPrefix?: boolean\n respectImportant?: boolean\n values?: Record\n}\n\nexport type TailwindMatch = [\n { options?: TailwindMatchOptions; layer?: string },\n P.Rule | P.AtRule | P.Declaration\n]\n\nexport type GetConfigTwinValidatedParameters = GetPackageUsed & {\n isDev: boolean\n}\n\nexport type TwinConfig = Partial\n\nexport type { T, NodePath, MacroParams, TailwindConfig, KeyValuePair }\n" }, { "path": "src/macro/className.ts", "content": "// eslint-disable-next-line import/no-relative-parent-imports\nimport { getStyles } from '../core'\nimport { addDataTwPropToPath, addDataPropToExistingPath } from './dataProp'\nimport isEmpty from './lib/util/isEmpty'\nimport {\n astify,\n getParentJSX,\n getAttributeNames,\n getCssAttributeData,\n} from './lib/astHelpers'\nimport type { JSXAttributeHandler, T, NodePath } from './types'\n\nfunction makeJsxAttribute(\n [key, value]: [string, T.Expression | T.JSXEmptyExpression],\n t: typeof T\n): T.JSXAttribute {\n return t.jsxAttribute(t.jsxIdentifier(key), t.jsxExpressionContainer(value))\n}\n\nfunction handleClassNameProperty({\n path,\n t,\n state,\n coreContext,\n}: JSXAttributeHandler): void {\n if (!coreContext.twinConfig.includeClassNames) return\n if (path.node.name.name !== 'className') return\n\n const nodeValue = path.node.value\n if (!nodeValue) return\n\n // Ignore className if it cannot be resolved\n if ((nodeValue as T.JSXExpressionContainer).expression) return\n\n const rawClasses = (nodeValue as T.StringLiteral).value\n if (!rawClasses) return\n\n const { styles, unmatched, matched } = getStyles(rawClasses, {\n ...coreContext,\n isSilent: true,\n })\n if (matched.length === 0) return\n\n const astStyles = astify(isEmpty(styles) ? {} : styles, t)\n\n // When classes can't be matched we add them back into the className (it exists as a few properties)\n const unmatchedClasses = unmatched.join(' ')\n if (!path.node.value) return\n ;(path.node.value as T.StringLiteral).value = unmatchedClasses\n if (path.node.value.extra) {\n path.node.value.extra.rawValue = unmatchedClasses\n path.node.value.extra.raw = `\"${unmatchedClasses}\"`\n }\n\n const jsxPath = getParentJSX(path)\n const attributes = jsxPath.get('attributes')\n const { attribute: cssAttribute } = getCssAttributeData(attributes)\n\n if (!cssAttribute) {\n const attribute = makeJsxAttribute(['css', astStyles], t)\n if (unmatchedClasses) {\n path.insertAfter(attribute)\n } else {\n path.replaceWith(attribute)\n }\n\n const pathParameters = {\n t,\n path,\n state,\n attributes,\n coreContext,\n rawClasses: matched.join(' '),\n }\n\n addDataTwPropToPath(pathParameters)\n return\n }\n\n const cssExpression = (cssAttribute as NodePath)\n .get('value')\n .get('expression') as NodePath\n const attributeNames = getAttributeNames(jsxPath)\n\n const isBeforeCssAttribute =\n attributeNames.indexOf('className') - attributeNames.indexOf('css') < 0\n\n if (cssExpression.isArrayExpression()) {\n // The existing css prop is an array, eg: css={[...]}\n if (isBeforeCssAttribute) {\n cssExpression.unshiftContainer('elements', astStyles)\n } else {\n cssExpression.pushContainer('elements', astStyles)\n }\n } else {\n // The existing css prop is not an array, eg: css={{ ... }} / css={`...`}\n const existingCssAttribute = cssExpression.node\n coreContext.assert(Boolean(existingCssAttribute), ({ color }) =>\n color(\n `✕ An empty css prop (css=\"\") isn’t supported alongside the className prop`\n )\n )\n const styleArray = isBeforeCssAttribute\n ? [astStyles, existingCssAttribute]\n : [existingCssAttribute, astStyles]\n cssExpression.replaceWith(t.arrayExpression(styleArray))\n }\n\n if (!unmatchedClasses) path.remove()\n\n addDataPropToExistingPath({\n t,\n attributes,\n rawClasses: matched.join(' '),\n path: jsxPath,\n state,\n coreContext,\n })\n}\n\nexport { handleClassNameProperty }\n" }, { "path": "src/macro/css.ts", "content": "import { addImport, makeStyledComponent } from './lib/astHelpers'\nimport isEmpty from './lib/util/isEmpty'\nimport type {\n T,\n AdditionalHandlerParameters,\n HandlerParameters,\n NodePath,\n} from './types'\n\nfunction updateCssReferences({\n references,\n state,\n}: AdditionalHandlerParameters): void {\n if (state.existingCssIdentifier) return\n\n const cssReferences = references.css\n if (isEmpty(cssReferences)) return\n\n cssReferences.forEach(path => {\n // @ts-expect-error Setting value on target\n path.node.name = state.cssIdentifier.name\n })\n}\n\nfunction addCssImport({\n references,\n program,\n t,\n state,\n coreContext,\n}: AdditionalHandlerParameters): void {\n if (!state.isImportingCss) {\n const shouldImport =\n !isEmpty(references.css) && !state.existingCssIdentifier\n if (!shouldImport) return\n }\n\n if (state.existingCssIdentifier) return\n if (!coreContext.importConfig.css) return\n\n addImport({\n types: t,\n program,\n name: coreContext.importConfig.css.import,\n mod: coreContext.importConfig.css.from,\n identifier: state.cssIdentifier,\n })\n}\n\nfunction convertHtmlElementToStyled(\n params: HandlerParameters & { path: NodePath }\n): void {\n const { path, t, coreContext } = params\n if (!coreContext.twinConfig.convertHtmlElementToStyled) return\n\n const jsxPath = path.get('openingElement')\n\n makeStyledComponent({\n ...params,\n jsxPath,\n secondArg: t.objectExpression([]),\n fromProp: 'css',\n })\n}\n\nexport { updateCssReferences, addCssImport, convertHtmlElementToStyled }\n" }, { "path": "src/macro/dataProp.ts", "content": "import type { AddDataPropToExistingPath, T } from './types'\n\nconst SPACE_ID = '_'\nconst EXTRA_WHITESPACE = /\\s\\s+/g\nconst LINEFEED = /\\n/g\n\nfunction formatProp(classes: string): string {\n return (\n classes\n // Normalize spacing\n .replace(EXTRA_WHITESPACE, ' ')\n // Remove newline characters\n .replace(LINEFEED, ' ')\n // Replace the space id\n .replace(SPACE_ID, ' ')\n .trim()\n )\n}\n\nfunction addDataTwPropToPath({\n t,\n attributes,\n rawClasses,\n path,\n state,\n coreContext,\n propName = 'data-tw',\n}: AddDataPropToExistingPath): void {\n const dataTwPropAllEnvironments =\n propName === 'data-tw' && coreContext.twinConfig.dataTwProp === 'all'\n const dataCsPropAllEnvironments =\n propName === 'data-cs' && coreContext.twinConfig.dataCsProp === 'all'\n if (!state.isDev && !dataTwPropAllEnvironments && !dataCsPropAllEnvironments)\n return\n if (propName === 'data-tw' && !coreContext.twinConfig.dataTwProp) return\n if (propName === 'data-cs' && !coreContext.twinConfig.dataCsProp) return\n\n // A for in loop looping over attributes and removing the one we want\n for (const p of attributes) {\n if (p.type === 'JSXSpreadAttribute') continue\n const nodeName = p.node as T.JSXAttribute\n if (nodeName?.name && nodeName.name.name === propName) p.remove()\n }\n\n const classes = formatProp(rawClasses)\n\n // Add the attribute\n path.insertAfter(\n t.jsxAttribute(t.jsxIdentifier(propName), t.stringLiteral(classes))\n )\n}\n\nfunction addDataPropToExistingPath({\n t,\n attributes,\n rawClasses,\n path,\n state,\n coreContext,\n propName = 'data-tw',\n}: AddDataPropToExistingPath): void {\n const dataTwPropAllEnvironments =\n propName === 'data-tw' && coreContext.twinConfig.dataTwProp === 'all'\n const dataCsPropAllEnvironments =\n propName === 'data-cs' && coreContext.twinConfig.dataCsProp === 'all'\n if (!state.isDev && !dataTwPropAllEnvironments && !dataCsPropAllEnvironments)\n return\n if (propName === 'data-tw' && !coreContext.twinConfig.dataTwProp) return\n if (propName === 'data-cs' && !coreContext.twinConfig.dataCsProp) return\n\n // Append to the existing debug attribute\n const dataProperty = attributes.find(\n p =>\n (p.node as T.JSXAttribute)?.name &&\n (p.node as T.JSXAttribute).name.name === propName\n )\n\n if (dataProperty) {\n try {\n // Existing data prop\n if (\n ((dataProperty.node as T.JSXAttribute).value as T.StringLiteral).value\n ) {\n ;(\n (dataProperty.node as T.JSXAttribute).value as T.StringLiteral\n ).value = `${[\n ((dataProperty.node as T.JSXAttribute).value as T.StringLiteral)\n .value,\n rawClasses,\n ]\n .filter(Boolean)\n .join(' | ')}`\n return\n }\n\n // New data prop\n const attribute = (dataProperty.node as T.JSXAttribute)\n .value as T.JSXExpressionContainer\n // @ts-expect-error Setting value on target\n attribute.expression.value = `${[\n // @ts-expect-error Okay with value not on all expression types\n (dataProperty.node.value as T.JSXExpressionContainer).expression.value,\n rawClasses,\n ]\n .filter(Boolean)\n .join(' | ')}`\n } catch (_: unknown) {}\n\n return\n }\n\n const classes = formatProp(rawClasses)\n\n // Add a new attribute\n path.pushContainer(\n // @ts-expect-error Key is never\n 'attributes',\n t.jSXAttribute(\n t.jSXIdentifier(propName),\n t.jSXExpressionContainer(t.stringLiteral(classes))\n )\n )\n}\n\nexport { addDataTwPropToPath, addDataPropToExistingPath }\n" }, { "path": "src/macro/globalStyles.ts", "content": "// eslint-disable-next-line import/no-relative-parent-imports\nimport { getGlobalStyles } from '../core'\nimport template from '@babel/template'\nimport {\n addImport,\n generateUid,\n generateTaggedTemplateExpression,\n} from './lib/astHelpers'\nimport type {\n CoreContext,\n AdditionalHandlerParameters,\n NodePath,\n State,\n T,\n CssObject,\n} from './types'\n\nconst KEBAB_CANDIDATES = /([\\da-z]|(?=[A-Z]))([A-Z])/g\n\ntype AddGlobalStylesImport = {\n program: NodePath\n t: typeof T\n identifier: T.Identifier\n coreContext: CoreContext\n}\n\nfunction addGlobalStylesImport({\n program,\n t,\n identifier,\n coreContext,\n}: AddGlobalStylesImport): void {\n addImport({\n types: t,\n program,\n identifier,\n name: coreContext.importConfig.global.import,\n mod: coreContext.importConfig.global.from,\n })\n}\n\nexport type DeclarationParameters = {\n t: typeof T\n state: State\n globalUid: T.Identifier\n stylesUid: T.Identifier\n styles: string | undefined\n}\n\nfunction getGlobalDeclarationTte({\n t,\n stylesUid,\n globalUid,\n styles,\n}: DeclarationParameters): T.VariableDeclaration {\n return t.variableDeclaration('const', [\n t.variableDeclarator(\n globalUid,\n generateTaggedTemplateExpression({ t, identifier: stylesUid, styles })\n ),\n ])\n}\n\nfunction getGlobalDeclarationProperty(\n params: DeclarationParameters\n): T.VariableDeclaration {\n const { t, stylesUid, globalUid, state, styles } = params\n\n const ttExpression = generateTaggedTemplateExpression({\n t,\n identifier: state.cssIdentifier as T.Identifier,\n styles,\n })\n\n const openingElement = t.jsxOpeningElement(\n t.jsxIdentifier(stylesUid.name),\n [\n t.jsxAttribute(\n t.jsxIdentifier('styles'),\n t.jsxExpressionContainer(ttExpression)\n ),\n ],\n true\n )\n\n const closingElement = t.jsxClosingElement(t.jsxIdentifier('close'))\n\n const arrowFunctionExpression = t.arrowFunctionExpression(\n [],\n t.jsxElement(openingElement, closingElement, [], true)\n )\n\n const code = t.variableDeclaration('const', [\n t.variableDeclarator(globalUid, arrowFunctionExpression),\n ])\n\n return code\n}\n\nfunction kebabize(string: string): string {\n return string.replace(KEBAB_CANDIDATES, '$1-$2').toLowerCase()\n}\n\nfunction convert(k: string, v: string | number): string {\n return typeof v === 'string'\n ? ` ${kebabize(k)}: ${v};`\n : `${k} {\n${convertCssObjectToString(v)}\n}`\n}\n\nfunction convertCssObjectToString(\n cssObject: CssObject | string | number | undefined\n): string {\n if (!cssObject) return ''\n return Object.entries(cssObject)\n .map(([k, v]) => convert(k, v))\n .join('\\n')\n}\n\nfunction handleGlobalStylesFunction(params: AdditionalHandlerParameters): void {\n const { references } = params\n if (references.GlobalStyles) handleGlobalStylesJsx(params)\n if (references.globalStyles) handleGlobalStylesVariable(params)\n}\n\nfunction handleGlobalStylesVariable(params: AdditionalHandlerParameters): void {\n const { references } = params\n if (references.globalStyles.length === 0) return\n\n const styles = getGlobalStyles(params.coreContext)\n\n references.globalStyles.forEach(path => {\n const templateStyles = `(${JSON.stringify(styles)})` // `template` requires () wrapping\n const convertedStyles = template(templateStyles, {\n placeholderPattern: false,\n })()\n\n path.replaceWith(convertedStyles as NodePath)\n })\n}\n\nfunction handleGlobalStylesJsx(params: AdditionalHandlerParameters): void {\n const { references, program, t, state, coreContext } = params\n if (references.GlobalStyles.length === 0) return\n\n coreContext.assert(\n references.GlobalStyles.length < 2,\n ({ color }) =>\n `${color(\n `✕ Only one can be added per file`\n )}\\n\\nNeed something custom?\\nUse the \\`globalStyles\\` import for a style object you can work with`\n )\n\n const path = references.GlobalStyles[0]\n const parentPath = path.findParent(x => x.isJSXElement())\n\n coreContext.assert(\n Boolean(parentPath),\n ({ color }) =>\n `${color(\n `✕ The \\`GlobalStyles\\` import must be added as a JSX element`\n )}\\neg: \\`\\`\\n\\nNeed something custom?\\nUse the \\`globalStyles\\` import for a style object you can work with`\n )\n\n const globalStyles = getGlobalStyles(params.coreContext)\n\n const styles = convertCssObjectToString(globalStyles)\n\n const globalUid = generateUid('GlobalStyles', program)\n const stylesUid = generateUid('globalImport', program)\n const declarationData = { t, globalUid, stylesUid, styles, state }\n\n if (coreContext.packageUsed.isStyledComponents) {\n const declaration = getGlobalDeclarationTte(declarationData)\n program.unshiftContainer('body', declaration)\n path.replaceWith(t.jSXIdentifier(globalUid.name))\n }\n\n if (coreContext.packageUsed.isEmotion) {\n const declaration = getGlobalDeclarationProperty(declarationData)\n program.unshiftContainer('body', declaration)\n path.replaceWith(t.jSXIdentifier(globalUid.name))\n // Check if the css import has already been imported\n // https://github.com/ben-rogerson/twin.macro/issues/313\n state.isImportingCss = !state.existingCssIdentifier\n }\n\n if (coreContext.packageUsed.isGoober || coreContext.packageUsed.isSolid) {\n const declaration = getGlobalDeclarationTte(declarationData)\n program.unshiftContainer('body', declaration)\n path.replaceWith(t.jSXIdentifier(globalUid.name))\n }\n\n coreContext.assert(\n Boolean(!coreContext.packageUsed.isStitches),\n ({ color }) =>\n `${color(\n `✕ The ${color(\n 'GlobalStyles',\n 'errorLight'\n )} import can’t be used with stitches`\n )}\\n\\nUse the ${color(`globalStyles`, 'success')} import instead`\n )\n\n addGlobalStylesImport({\n identifier: stylesUid,\n t,\n program,\n coreContext,\n })\n}\n\nexport { handleGlobalStylesFunction }\n" }, { "path": "src/macro/lib/astHelpers.ts", "content": "import get from './util/get'\nimport type {\n T,\n State,\n NodePath,\n CoreContext,\n ImportDeclarationHandler,\n} from 'macro/types'\n\nfunction addImport({\n types: t,\n program,\n mod,\n name,\n identifier,\n}: {\n types: typeof T\n program: NodePath\n mod: string\n name: string\n identifier: T.Identifier\n}): void {\n const importName =\n name === 'default'\n ? [t.importDefaultSpecifier(identifier)]\n : name\n ? [t.importSpecifier(identifier, t.identifier(name))]\n : []\n program.unshiftContainer(\n 'body',\n t.importDeclaration(importName, t.stringLiteral(mod))\n )\n}\n\n/**\n * Convert plain js into babel ast\n */\nfunction astify(\n literal: unknown,\n t: typeof T\n):\n | T.NullLiteral\n | T.UnaryExpression\n | T.NumericLiteral\n | T.BooleanLiteral\n | T.StringLiteral\n | T.Expression {\n if (literal === null) {\n return t.nullLiteral()\n }\n\n switch (typeof literal) {\n case 'function': {\n return t.unaryExpression('void', t.numericLiteral(0), true)\n }\n\n case 'number': {\n return t.numericLiteral(literal)\n }\n\n case 'boolean': {\n return t.booleanLiteral(literal)\n }\n\n case 'undefined': {\n return t.unaryExpression('void', t.numericLiteral(0), true)\n }\n\n case 'string': {\n return t.stringLiteral(literal)\n }\n\n default: {\n if (Array.isArray(literal)) {\n return t.arrayExpression(literal.map(x => astify(x, t)))\n }\n\n return t.objectExpression(\n objectExpressionElements(literal as Record, t)\n )\n }\n }\n}\n\nfunction objectExpressionElements(\n literal: Record,\n t: typeof T\n): T.ObjectProperty[] {\n return Object.keys(literal)\n .filter(k => typeof literal[k] !== 'undefined')\n .map(\n (k: string): T.ObjectProperty =>\n t.objectProperty(t.stringLiteral(k), astify(literal[k], t))\n )\n}\n\nfunction setStyledIdentifier({\n state,\n path,\n coreContext,\n}: ImportDeclarationHandler): void {\n const importFromStitches =\n coreContext.packageUsed.isStitches &&\n coreContext.importConfig.styled.from.includes(path.node.source.value)\n const importFromLibrary =\n path.node.source.value === coreContext.importConfig.styled.from\n\n if (!importFromLibrary && !importFromStitches) return\n\n // Look for an existing import that matches the config,\n // if found then reuse it for the rest of the function calls\n path.node.specifiers.some(specifier => {\n if (\n specifier.type === 'ImportDefaultSpecifier' &&\n coreContext.importConfig.styled.import === 'default' &&\n // fixes an issue in gatsby where the styled-components plugin has run\n // before twin. fix is to ignore import aliases which babel creates\n // https://github.com/ben-rogerson/twin.macro/issues/192\n !specifier.local.name.startsWith('_')\n ) {\n state.styledIdentifier = specifier.local\n state.existingStyledIdentifier = true\n return true\n }\n\n if (\n specifier.type === 'ImportSpecifier' &&\n specifier.imported.type === 'Identifier' &&\n specifier.imported.name === coreContext.importConfig.styled.import\n ) {\n state.styledIdentifier = specifier.local\n state.existingStyledIdentifier = true\n return true\n }\n\n state.existingStyledIdentifier = false\n return false\n })\n}\n\nfunction setCssIdentifier({\n state,\n path,\n coreContext,\n}: ImportDeclarationHandler): void {\n const importFromStitches =\n coreContext.packageUsed.isStitches &&\n coreContext.importConfig.css.from.includes(path.node.source.value)\n const isLibraryImport =\n path.node.source.value === coreContext.importConfig.css.from\n\n if (!isLibraryImport && !importFromStitches) return\n\n // Look for an existing import that matches the config,\n // if found then reuse it for the rest of the function calls\n path.node.specifiers.some(specifier => {\n if (\n specifier.type === 'ImportDefaultSpecifier' &&\n coreContext.importConfig.css.import === 'default'\n ) {\n state.cssIdentifier = specifier.local\n state.existingCssIdentifier = true\n return true\n }\n\n if (\n specifier.type === 'ImportSpecifier' &&\n specifier.imported.type === 'Identifier' &&\n specifier.imported.name === coreContext.importConfig.css.import\n ) {\n state.cssIdentifier = specifier.local\n state.existingCssIdentifier = true\n return true\n }\n\n state.existingCssIdentifier = false\n return false\n })\n}\n\nfunction getStringFromTTE(path: NodePath): string {\n let getRawValue = false\n let rawValue = ''\n\n // Convert basic interpolated variables defined in the same file\n const evaluatedValue = (path.get('quasi').evaluate().value as string) ?? ''\n if (evaluatedValue === '') getRawValue = true\n\n // Evaluating strips escaping, so if there's a square bracket we know it's an\n // arbitrary value/property/variant and should grab the raw value\n if (evaluatedValue.includes('[')) getRawValue = true\n\n if (getRawValue)\n rawValue = (path.get('quasi.quasis') as Array>)\n .map(q => q.node.value.raw)\n .join('')\n\n // Trigger error due to non-evaluated value, eg:`w-[${sizes.width}]`\n if (evaluatedValue.length === 0 && rawValue.length > 0) return 'null'\n\n // Return raw classes with escaping, eg: [content\\!]:block\n if (rawValue.length > evaluatedValue.length) return rawValue\n\n return evaluatedValue\n}\n\n// Parse tagged template arrays (``)\nfunction parseTte(\n path: NodePath,\n { t, state }: { t: typeof T; state: State }\n): { string: string; path: NodePath } | undefined {\n const cloneNode = t.cloneNode || t.cloneDeep\n const tagType = path.node.tag.type\n\n if (\n tagType !== 'Identifier' &&\n tagType !== 'MemberExpression' &&\n tagType !== 'CallExpression'\n )\n return\n\n const string = getStringFromTTE(path)\n\n // Grab the path location before changing it\n const stringLoc = path.get('quasi').node.loc\n\n if (tagType === 'CallExpression') {\n replaceWithLocation(\n path.get('tag').get('callee') as NodePath,\n // @ts-expect-error Source type doesn’t include `Identifier` as possible type\n cloneNode(state.styledIdentifier)\n )\n state.isImportingStyled = true\n } else if (tagType === 'MemberExpression') {\n replaceWithLocation(\n path.get('tag').get('object') as NodePath,\n // @ts-expect-error Source type doesn’t include `Identifier` as possible type\n cloneNode(state.styledIdentifier)\n )\n state.isImportingStyled = true\n }\n\n if (tagType === 'CallExpression' || tagType === 'MemberExpression') {\n replaceWithLocation(\n path,\n t.callExpression(cloneNode(path.node.tag), [\n t.identifier('__twPlaceholder'),\n ]) as unknown as NodePath\n )\n\n path = (\n path.get('arguments') as Array>\n )[0]\n }\n\n path.node.loc = stringLoc // Restore the original path location\n\n return { string, path }\n}\n\nfunction replaceWithLocation(\n path: NodePath,\n replacement: NodePath | T.Expression | T.ExpressionStatement\n): [NodePath] | EmptyArray[] {\n const { loc } = path.node\n const newPaths = replacement ? path.replaceWith(replacement) : []\n if (Array.isArray(newPaths) && newPaths.length > 0) {\n newPaths.forEach(p => {\n p.node.loc = loc\n })\n }\n\n return newPaths\n}\n\nfunction generateUid(name: string, program: NodePath): T.Identifier {\n return program.scope.generateUidIdentifier(name)\n}\n\nfunction getParentJSX(path: NodePath): NodePath {\n return path.findParent(p =>\n p.isJSXOpeningElement()\n ) as NodePath\n}\n\nfunction getAttributeNames(jsxPath: NodePath): string[] {\n const attributes = jsxPath.get('attributes') as Array<\n NodePath\n >\n const attributeNames = attributes.map(p => p.node.name?.name) as string[]\n return attributeNames\n}\n\nfunction getCssAttributeData(\n attributes: NodeType[]\n): {\n index: number\n hasCssAttribute: boolean\n attribute: NodeType | undefined\n} {\n if (!String(attributes))\n return { index: 0, hasCssAttribute: false, attribute: undefined }\n const index = attributes.findIndex(\n attribute =>\n attribute?.isJSXAttribute() &&\n ((attribute.get('name.name') as NodePath).node as unknown as string) ===\n 'css'\n )\n\n return { index, hasCssAttribute: index >= 0, attribute: attributes[index] }\n}\n\nfunction getFunctionValue(\n path: NodePath\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): { parent: NodePath; input: any } | undefined {\n if (path.parent.type !== 'CallExpression') return\n\n const parent = path.findParent(x => x.isCallExpression())\n if (!parent) return\n\n const argument = (parent.get('arguments') as NodePath[])[0] || ''\n\n return {\n parent,\n input: argument.evaluate && (argument.evaluate().value as string),\n }\n}\n\nfunction getTaggedTemplateValue(\n path: Path\n): { parent: NodePath; input: string } | undefined {\n if (path.parent.type !== 'TaggedTemplateExpression') return\n\n const parent = path.findParent(x =>\n x.isTaggedTemplateExpression()\n ) as NodePath\n if (!parent) return\n\n if (parent.node.tag.type !== 'Identifier') return\n\n return { parent, input: parent.get('quasi').evaluate().value as string }\n}\n\nfunction getMemberExpression(\n path: NodePath\n): { parent: NodePath; input: string } | undefined {\n if (path.parent.type !== 'MemberExpression') return\n\n const parent = path.findParent(x =>\n x.isMemberExpression()\n ) as NodePath\n if (!parent) return\n\n return {\n parent,\n // @ts-expect-error name doesn't exist on node\n input: parent.get('property').node.name as string,\n }\n}\n\nfunction generateTaggedTemplateExpression({\n t,\n identifier,\n styles,\n}: {\n t: typeof T\n identifier: T.Identifier\n styles: string | undefined\n}): T.TaggedTemplateExpression {\n const backtickStyles = t.templateElement({\n raw: `${styles ?? ''}`,\n cooked: `${styles ?? ''}`,\n })\n const ttExpression = t.taggedTemplateExpression(\n identifier,\n t.templateLiteral([backtickStyles], [])\n )\n return ttExpression\n}\n\nfunction isComponent(name: string): boolean {\n return name.slice(0, 1).toUpperCase() === name.slice(0, 1)\n}\n\nconst jsxSingleDotError = `The css prop + tw props can only be added to jsx elements with a single dot in their name (or no dot at all).`\n\nfunction getFirstStyledArgument(\n jsxPath: NodePath,\n t: typeof T,\n assert: CoreContext['assert']\n): T.MemberExpression | T.Identifier | T.StringLiteral {\n const path = get(jsxPath, 'node.name.name') as string\n\n if (path)\n return isComponent(path) ? t.identifier(path) : t.stringLiteral(path)\n\n const dotComponent = get(jsxPath, 'node.name') as string\n assert(Boolean(dotComponent), () => jsxSingleDotError)\n\n // Element name has dots in it\n const objectName = get(dotComponent, 'object.name') as string\n assert(Boolean(objectName), () => jsxSingleDotError)\n\n const propertyName = get(dotComponent, 'property.name') as string\n assert(Boolean(propertyName), () => jsxSingleDotError)\n\n return t.memberExpression(\n t.identifier(objectName),\n t.identifier(propertyName)\n )\n}\n\ntype MakeStyledComponent = {\n t: typeof T\n secondArg: T.Expression | T.StringLiteral | T.Identifier\n jsxPath: NodePath\n program: NodePath\n state: State\n coreContext: CoreContext\n fromProp: 'tw' | 'css'\n}\n\ntype CreateStyledProps = Pick<\n MakeStyledComponent,\n 'jsxPath' | 't' | 'secondArg'\n> & {\n stateStyled: T.Identifier\n constName: T.Identifier\n firstArg: T.MemberExpression | T.Identifier | T.StringLiteral\n}\n\nfunction createStyledPropsForTw({\n t,\n stateStyled,\n firstArg,\n secondArg,\n constName,\n}: CreateStyledProps): T.VariableDeclaration {\n const callee = t.callExpression(stateStyled, [firstArg])\n const declarations = [\n t.variableDeclarator(constName, t.callExpression(callee, [secondArg])),\n ]\n\n return t.variableDeclaration('const', declarations)\n}\n\nfunction createStyledPropsForCss(\n args: CreateStyledProps\n): T.VariableDeclaration | undefined {\n const cssPropAttribute = args.jsxPath\n .get('attributes')\n .find(\n p =>\n p.isJSXAttribute() &&\n p.get('name').isJSXIdentifier() &&\n p.get('name')?.node.name === 'css'\n )\n\n const cssPropValue = cssPropAttribute?.get(\n 'value'\n ) as NodePath\n\n const expression = cssPropValue?.node?.expression\n if (!expression || expression.type === 'JSXEmptyExpression') return\n\n cssPropAttribute?.remove()\n\n return createStyledPropsForTw({ ...args, secondArg: expression })\n}\n\nfunction makeStyledComponent({\n t,\n secondArg,\n jsxPath,\n program,\n state,\n coreContext,\n fromProp,\n}: MakeStyledComponent): void {\n const constName = program.scope.generateUidIdentifier('TwComponent')\n\n if (!state.styledIdentifier) {\n state.styledIdentifier = generateUid('styled', program)\n state.isImportingStyled = true\n }\n\n const firstArg = getFirstStyledArgument(jsxPath, t, coreContext.assert)\n let styledDefinition = null\n const stateStyled: T.Identifier = state.styledIdentifier\n\n if (coreContext.packageUsed.isSolid) {\n const params = { jsxPath, t, stateStyled, firstArg, secondArg, constName }\n styledDefinition =\n fromProp === 'tw'\n ? createStyledPropsForTw(params)\n : createStyledPropsForCss(params)\n } else {\n const args = [firstArg, secondArg].filter(Boolean)\n const init = t.callExpression(stateStyled, args)\n const declarations = [t.variableDeclarator(constName, init)]\n styledDefinition = t.variableDeclaration('const', declarations)\n }\n\n if (!styledDefinition) return\n\n const rootParentPath = jsxPath.findParent(p =>\n p.parentPath ? p.parentPath.isProgram() : false\n ) as NodePath\n if (rootParentPath) rootParentPath.insertBefore(styledDefinition)\n\n if (t.isMemberExpression(firstArg)) {\n // Replace components with a dot, eg: Dialog.blah\n const id = t.jsxIdentifier(constName.name)\n jsxPath.get('name').replaceWith(id)\n if (jsxPath.node.selfClosing) return\n ;(jsxPath.parentPath.get('closingElement.name') as NodePath).replaceWith(id)\n } else {\n ;(jsxPath.node.name as T.JSXIdentifier).name = constName.name\n if (jsxPath.node.selfClosing) return\n // @ts-expect-error Untyped name replacement\n jsxPath.parentPath.node.closingElement.name.name = constName.name\n }\n}\n\nfunction getJsxAttributes(\n path: NodePath\n): Array> {\n const attributes = path.get('openingElement.attributes') as Array<\n NodePath\n >\n return attributes.filter(a => a.isJSXAttribute())\n}\n\nexport {\n addImport,\n astify,\n parseTte,\n replaceWithLocation,\n setStyledIdentifier,\n setCssIdentifier,\n generateUid,\n getParentJSX,\n getAttributeNames,\n getCssAttributeData,\n getFunctionValue,\n getTaggedTemplateValue,\n getMemberExpression,\n generateTaggedTemplateExpression,\n makeStyledComponent,\n getJsxAttributes,\n}\n" }, { "path": "src/macro/lib/util/get.ts", "content": "import get from 'lodash.get'\n\n// eslint-disable-next-line unicorn/prefer-export-from\nexport default get\n" }, { "path": "src/macro/lib/util/isEmpty.ts", "content": "function isEmpty(value: unknown): boolean {\n return (\n value === undefined ||\n value === null ||\n (typeof value === 'object' && Object.keys(value).length === 0) ||\n (typeof value === 'string' && value.trim().length === 0)\n )\n}\n\nexport default isEmpty\n" }, { "path": "src/macro/lib/validateImports.ts", "content": "import type { CoreContext, MacroParams } from 'macro/types'\n\nconst validImports = new Set([\n 'default',\n 'styled',\n 'css',\n 'theme',\n 'screen',\n 'TwStyle',\n 'TwComponent',\n 'ThemeStyle',\n 'GlobalStyles',\n 'globalStyles',\n])\n\nexport default function validateImports(\n imports: MacroParams['references'],\n coreContext: CoreContext\n): void {\n const importTwAsNamedNotDefault = Object.keys(imports).find(\n reference => reference === 'tw'\n )\n coreContext.assert(\n !importTwAsNamedNotDefault,\n ({ color }) =>\n `${color(\n `✕ import { tw } from 'twin.macro'`\n )}\\n\\nUse the default export for \\`tw\\`:\\n\\n${color(\n `import tw from 'twin.macro'`,\n 'success'\n )}`\n )\n\n const unsupportedImport = Object.keys(imports).find(\n reference => !validImports.has(reference)\n )\n coreContext.assert(\n !unsupportedImport,\n ({ color }) =>\n `${color(\n `✕ Twin doesn't recognize { ${String(unsupportedImport)} }`\n )}\\n\\nTry one of these imports:\\n\\nimport ${color(\n 'tw',\n 'success'\n )}, { ${color('styled', 'success')}, ${color('css', 'success')}, ${color(\n 'theme',\n 'success'\n )}, ${color('screen', 'success')}, ${color(\n 'GlobalStyles',\n 'success'\n )}, ${color('globalStyles', 'success')} } from 'twin.macro'`\n )\n}\n" }, { "path": "src/macro/screen.ts", "content": "import {\n replaceWithLocation,\n astify,\n getFunctionValue,\n getTaggedTemplateValue,\n getMemberExpression,\n} from './lib/astHelpers'\nimport type {\n AdditionalHandlerParameters,\n T,\n NodePath,\n CoreContext,\n} from './types'\n\ntype GetDirectReplacement = Pick<\n HandleDefinition,\n 'mediaQuery' | 'parent' | 't'\n>\nfunction getDirectReplacement({\n mediaQuery,\n parent,\n t,\n}: GetDirectReplacement): Expression {\n return {\n newPath: parent,\n replacement: astify(mediaQuery, t),\n }\n}\n\ntype ScreenValues =\n | string\n | { raw?: string; min?: string; max?: string }\n | Array<{ raw?: string; min?: string; max?: string }>\n\ntype GetMediaQuery = {\n input: string | string[]\n screens: Record\n assert: CoreContext['assert']\n}\n\ntype Expression = {\n newPath: NodePath\n replacement: T.TemplateLiteral | T.ObjectExpression | T.Expression\n}\n\ntype HandleDefinition = {\n mediaQuery: string\n parent: NodePath\n type: string\n t: typeof T\n}\n\nfunction handleDefinition({\n mediaQuery,\n parent,\n type,\n t,\n}: HandleDefinition): undefined | (() => Expression) {\n return {\n TaggedTemplateExpression(): {\n newPath: NodePath\n replacement: T.TemplateLiteral\n } {\n const newPath = parent.findParent(x =>\n x.isTaggedTemplateExpression()\n ) as NodePath\n const query = [`${mediaQuery} { `, ` }`]\n const quasis = [\n t.templateElement({ raw: query[0], cooked: query[0] }, false),\n t.templateElement({ raw: query[1], cooked: query[1] }, true),\n ]\n const expressions = [newPath.get('quasi').node]\n const replacement = t.templateLiteral(quasis, expressions)\n return { newPath, replacement }\n },\n CallExpression(): { newPath: NodePath; replacement: T.ObjectExpression } {\n const newPath = parent.findParent(x =>\n x.isCallExpression()\n ) as NodePath\n const value = newPath.get('arguments')[0].node as T.Expression\n const replacement = t.objectExpression([\n t.objectProperty(t.stringLiteral(mediaQuery), value),\n ])\n return { newPath, replacement }\n },\n ObjectProperty(): Expression {\n // Remove brackets around keys so merges work with tailwind screens\n // styled.div({ [screen`2xl`]: tw`block`, ...tw`2xl:inline` })\n // https://github.com/ben-rogerson/twin.macro/issues/379\n // @ts-expect-error unsure of parent type\n parent.parent.computed = false\n\n return getDirectReplacement({ mediaQuery, parent, t })\n },\n ExpressionStatement: () => getDirectReplacement({ mediaQuery, parent, t }),\n ArrowFunctionExpression: () =>\n getDirectReplacement({ mediaQuery, parent, t }),\n ArrayExpression: () => getDirectReplacement({ mediaQuery, parent, t }),\n BinaryExpression: () => getDirectReplacement({ mediaQuery, parent, t }),\n LogicalExpression: () => getDirectReplacement({ mediaQuery, parent, t }),\n ConditionalExpression: () =>\n getDirectReplacement({ mediaQuery, parent, t }),\n VariableDeclarator: () => getDirectReplacement({ mediaQuery, parent, t }),\n TemplateLiteral: () => getDirectReplacement({ mediaQuery, parent, t }),\n TSAsExpression: () => getDirectReplacement({ mediaQuery, parent, t }),\n }[type]\n}\n\nfunction getMediaQuery({ input, screens, assert }: GetMediaQuery): string {\n const _input =\n typeof input === 'string' ? input.split(',').map(s => s.trim()) : input\n const _screens = _input.map(s => screens[s])\n\n _input.forEach(i => {\n assert(\n Boolean(screens[i]),\n ({ color }) =>\n `${color(\n `${\n input\n ? `✕ ${color(i, 'errorLight')} wasn’t found in your`\n : 'Specify a screen value from your'\n } tailwind config`\n )}\\n\\nTry one of these values:\\n\\n${Object.entries(screens)\n .map(\n ([k, v]) =>\n `${color('-', 'subdued')} screen(${color(\n `'${k}'`,\n 'success'\n )})({ ... }) (${String(v)})`\n )\n .join('\\n')}`\n )\n })\n\n const mediaQuery = _screens\n .map(screen => {\n if (typeof screen === 'string') return `(min-width: ${screen})`\n\n if (!Array.isArray(screen) && typeof screen.raw === 'string')\n return screen.raw\n\n return (Array.isArray(screen) ? screen : [screen])\n .map(range =>\n [\n typeof range.min === 'string' ? `(min-width: ${range.min})` : null,\n typeof range.max === 'string' ? `(max-width: ${range.max})` : null,\n ]\n .filter(Boolean)\n .join(' and ')\n )\n .join(', ')\n })\n .join(', ')\n\n return mediaQuery ? `@media ${mediaQuery}` : ''\n}\n\nfunction handleScreenFunction({\n references,\n t,\n coreContext,\n}: AdditionalHandlerParameters): void {\n if (!references.screen) return\n\n const screens = coreContext.theme('screens') as Record\n\n references.screen.forEach(path => {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const { input, parent } = getTaggedTemplateValue(path) ?? // screen.lg``\n getFunctionValue(path) ?? // screen.lg({ })\n getMemberExpression(path) ?? {\n // screen`lg`\n input: null,\n parent: null,\n }\n\n const definition = handleDefinition({\n type: (parent as NodePath).parent.type,\n mediaQuery: getMediaQuery({\n input: input as string,\n screens,\n assert: coreContext.assert,\n }),\n parent: parent as NodePath,\n t,\n })\n\n coreContext.assert(\n Boolean(definition),\n ({ color }) =>\n `${color(\n `✕ The screen import doesn’t support that syntax`\n )}\\n\\nTry using it like this: ${color(\n [Object.keys(screens)[0]].map(f => `screen(\"${f}\")`).join(''),\n 'success'\n )}`\n )\n\n const { newPath, replacement } = (definition as () => Expression)()\n\n replaceWithLocation(newPath, replacement)\n })\n}\n\nexport { handleScreenFunction }\n" }, { "path": "src/macro/shortCss.ts", "content": "/* eslint-disable @typescript-eslint/no-unsafe-call */\n// eslint-disable-next-line import/no-relative-parent-imports\nimport { getStyles } from '../core'\nimport isEmpty from './lib/util/isEmpty'\nimport { addDataTwPropToPath, addDataPropToExistingPath } from './dataProp'\nimport {\n astify,\n getParentJSX,\n getAttributeNames,\n getCssAttributeData,\n} from './lib/astHelpers'\nimport type { NodePath, T, JSXAttributeHandler } from './types'\n\nfunction handleCsProperty({\n path,\n t,\n state,\n coreContext,\n}: JSXAttributeHandler): void {\n if (coreContext.twinConfig.disableCsProp) return\n if (!path.node || path.node.name.name !== 'cs') return\n\n const nodeValue = path.node.value\n const nodeExpression = (nodeValue as T.JSXExpressionContainer).expression\n\n // Allow cs={\"property[value]\"}\n const expressionValue =\n nodeExpression &&\n nodeExpression.type === 'StringLiteral' &&\n nodeExpression.value\n\n if (nodeExpression)\n coreContext.assert(\n Boolean(expressionValue),\n ({ color }) =>\n `${color(\n `✕ Only complete classes can be used with the \"cs\" prop`\n )}\\n\\nTry using it like this: ${color(\n '
',\n 'success'\n )}\\n\\nRead more at https://twinredirect.page.link/cs-classes`\n )\n\n const rawClasses =\n expressionValue || (nodeValue as T.StringLiteral).value || ''\n const { styles } = getStyles(rawClasses, {\n isShortCssOnly: true,\n ...coreContext,\n })\n const astStyles = astify(isEmpty(styles) ? {} : styles, t)\n\n const jsxPath = getParentJSX(path)\n const attributes = jsxPath.get('attributes')\n const { attribute: cssAttribute } = getCssAttributeData(attributes)\n\n if (!cssAttribute) {\n // Replace the tw prop with the css prop\n path.replaceWith(\n t.jsxAttribute(\n t.jsxIdentifier('css'),\n t.jsxExpressionContainer(astStyles)\n )\n )\n addDataTwPropToPath({\n t,\n attributes,\n rawClasses,\n path,\n state,\n coreContext,\n propName: 'data-cs',\n })\n return\n }\n\n // The expression is the value as a NodePath\n const attributeValuePath = cssAttribute.get('value')\n\n // If it's not {} or \"\", get out of here\n if (\n !attributeValuePath ||\n // @ts-expect-error The type checking functions don't exist on NodePath\n (!attributeValuePath.isJSXExpressionContainer() &&\n // @ts-expect-error The type checking functions don't exist on NodePath\n !attributeValuePath.isStringLiteral())\n )\n return\n\n // @ts-expect-error The type checking functions don't exist on NodePath\n const existingCssAttribute = attributeValuePath.isStringLiteral()\n ? (attributeValuePath as unknown as NodePath)\n : // @ts-expect-error get doesn’t exist on the types\n (attributeValuePath.get(\n 'expression'\n ) as NodePath)\n\n const attributeNames = getAttributeNames(jsxPath)\n const isBeforeCssAttribute =\n attributeNames.indexOf('cs') - attributeNames.indexOf('css') < 0\n\n if (existingCssAttribute.isArrayExpression()) {\n // The existing css prop is an array, eg: css={[...]}\n if (isBeforeCssAttribute) {\n // @ts-expect-error unshiftContainer doesn't exist on NodePath\n existingCssAttribute.unshiftContainer('elements', astStyles)\n } else {\n // @ts-expect-error pushContainer doesn't exist on NodePath\n existingCssAttribute.pushContainer('elements', astStyles)\n }\n } else {\n // css prop is either:\n // TemplateLiteral\n //
\n // or an ObjectExpression\n //
\n // or ArrowFunctionExpression/FunctionExpression\n //
(...)} cs=\"...\" />\n const existingCssAttributeNode = existingCssAttribute.node\n\n // The existing css prop is an array, eg: css={[...]}\n const styleArray = isBeforeCssAttribute\n ? [astStyles, existingCssAttributeNode]\n : [existingCssAttributeNode, astStyles]\n\n const arrayExpression = t.arrayExpression(styleArray as T.Expression[])\n\n const { parent } = existingCssAttribute\n const replacement =\n parent.type === 'JSXAttribute'\n ? t.jsxExpressionContainer(arrayExpression)\n : arrayExpression\n\n existingCssAttribute.replaceWith(replacement)\n }\n\n path.remove() // remove the cs prop\n\n addDataPropToExistingPath({\n t,\n attributes,\n rawClasses,\n path: jsxPath,\n state,\n coreContext,\n propName: 'data-cs',\n })\n}\n\nexport { handleCsProperty }\n" }, { "path": "src/macro/styled.ts", "content": "import { addImport, replaceWithLocation } from './lib/astHelpers'\nimport isEmpty from './lib/util/isEmpty'\nimport get from './lib/util/get'\nimport type { T, NodePath, AdditionalHandlerParameters } from './types'\n\nfunction updateStyledReferences({\n references,\n state,\n}: AdditionalHandlerParameters): void {\n if (state.existingStyledIdentifier) return\n\n const styledReferences = references.styled\n if (isEmpty(styledReferences)) return\n\n styledReferences.forEach(path => {\n // @ts-expect-error Setting values is untyped\n path.node.name = state.styledIdentifier.name\n })\n}\n\nfunction addStyledImport({\n references,\n program,\n t,\n state,\n coreContext,\n}: AdditionalHandlerParameters): void {\n if (!state.isImportingStyled) {\n const shouldImport =\n !isEmpty(references.styled) && !state.existingStyledIdentifier\n if (!shouldImport) return\n }\n\n if (state.existingStyledIdentifier) return\n\n addImport({\n types: t,\n program,\n name: coreContext.importConfig.styled.import,\n mod: coreContext.importConfig.styled.from,\n identifier: state.styledIdentifier,\n })\n}\n\nfunction moveDotElement({\n path,\n t,\n moveToParam = true,\n}: {\n path: NodePath\n t: typeof T\n moveToParam: boolean\n}): void {\n if (path.parent.type !== 'MemberExpression') return\n\n const parentCallExpression = path.findParent(x =>\n x.isCallExpression()\n ) as NodePath\n if (!parentCallExpression) return\n\n const styledName = get(path, 'parentPath.node.property.name') as string\n const styledArgs = get(parentCallExpression, 'node.arguments.0') as\n | T.Expression\n | T.SpreadElement\n | T.JSXNamespacedName\n | T.ArgumentPlaceholder\n | T.ArrowFunctionExpression\n\n let replacement\n if (moveToParam) {\n // `styled('div', {})`\n const args = [t.stringLiteral(styledName), styledArgs].filter(Boolean)\n replacement = t.callExpression((path as NodePath).node, args)\n } else {\n // `styled('div')({})`\n const callee = t.callExpression((path as NodePath).node, [\n t.stringLiteral(styledName),\n ])\n replacement = t.expressionStatement(t.callExpression(callee, [styledArgs]))\n }\n\n replaceWithLocation(parentCallExpression, replacement)\n}\n\nfunction handleStyledFunction({\n references,\n t,\n coreContext,\n}: AdditionalHandlerParameters): void {\n if (\n !coreContext.twinConfig.convertStyledDotToParam &&\n !coreContext.twinConfig.convertStyledDotToFunction\n )\n return\n if (isEmpty(references)) return\n\n const defaultRefs = references.default || []\n const styledRefs = references.styled || []\n\n const refs = [...defaultRefs, ...styledRefs].filter(Boolean)\n\n refs.forEach((path: NodePath): void => {\n // convert tw.div`` & styled.div`` to styled('div', {}) / styled('div')({})\n moveDotElement({\n path,\n t,\n moveToParam: coreContext.twinConfig.convertStyledDotToParam ?? true,\n })\n })\n}\n\nexport { updateStyledReferences, addStyledImport, handleStyledFunction }\n" }, { "path": "src/macro/theme.ts", "content": "import {\n replaceWithLocation,\n astify,\n getFunctionValue,\n getTaggedTemplateValue,\n} from './lib/astHelpers'\nimport type { AssertContext } from 'core/types'\nimport type { AdditionalHandlerParameters, NodePath } from 'macro/types'\n\nfunction handleThemeFunction({\n references,\n t,\n coreContext,\n}: AdditionalHandlerParameters): void {\n if (!references.theme) return\n\n references.theme.forEach((path): never[] | [Node | NodePath] => {\n const ttValue = getTaggedTemplateValue(path) ??\n getFunctionValue(path) ?? { input: null, parent: null }\n\n const { input, parent } = ttValue as {\n parent: NodePath\n input?: string\n }\n\n if (input !== '')\n coreContext.assert(\n Boolean(input),\n ({ color }: AssertContext) =>\n `${color(`✕ The theme value doesn’t look right`)}\\n\\nTry ${color(\n 'theme`colors.black`',\n 'success'\n )} or ${color(`theme('colors.black')`, 'success')}`\n )\n\n coreContext.assert(\n Boolean(parent),\n ({ color }: AssertContext) =>\n `${color(\n `✕ The theme value ${color(\n input as string,\n 'errorLight'\n )} doesn’t look right`\n )}\\n\\nTry ${color('theme`colors.black`', 'success')} or ${color(\n `theme('colors.black')`,\n 'success'\n )}`\n )\n\n const themeValue = coreContext.theme(input as string)\n\n coreContext.assert(Boolean(themeValue), ({ color }: AssertContext) =>\n color(\n `✕ ${color(\n input as string,\n 'errorLight'\n )} doesn’t match a theme value from the config`\n )\n )\n\n return replaceWithLocation(parent, astify(themeValue, t))\n })\n}\n\nexport { handleThemeFunction }\n" }, { "path": "src/macro/tw.ts", "content": "// eslint-disable-next-line import/no-relative-parent-imports\nimport { getStyles } from '../core'\n// eslint-disable-next-line import/no-relative-parent-imports\nimport getSuggestions from '../suggestions'\nimport {\n astify,\n getParentJSX,\n parseTte,\n replaceWithLocation,\n getAttributeNames,\n getCssAttributeData,\n makeStyledComponent,\n} from './lib/astHelpers'\nimport isEmpty from './lib/util/isEmpty'\nimport { addDataTwPropToPath, addDataPropToExistingPath } from './dataProp'\nimport type {\n AdditionalHandlerParameters,\n CoreContext,\n JSXAttributeHandler,\n NodePath,\n State,\n T,\n} from './types'\n\ntype MoveTwPropToStyled = {\n t: typeof T\n state: State\n program: NodePath\n astStyles: T.Expression\n jsxPath: NodePath\n coreContext: CoreContext\n}\n\nfunction moveTwPropToStyled(params: MoveTwPropToStyled): void {\n const { jsxPath, astStyles } = params\n\n makeStyledComponent({ ...params, secondArg: astStyles, fromProp: 'tw' })\n\n // Remove the tw attribute\n const tagAttributes = jsxPath.node.attributes\n const twAttributeIndex = tagAttributes.findIndex(\n n => n.type === 'JSXAttribute' && n.name && n.name.name === 'tw'\n )\n if (twAttributeIndex < 0) return\n\n jsxPath.node.attributes.splice(twAttributeIndex, 1)\n}\n\ntype MergeIntoCssAttribute = {\n t: typeof T\n path: NodePath\n astStyles: T.Expression\n cssAttribute: NodePath | undefined\n}\n\nfunction mergeIntoCssAttribute({\n t,\n path,\n astStyles,\n cssAttribute,\n}: MergeIntoCssAttribute): void {\n if (!cssAttribute) return\n\n // The expression is the value as a NodePath\n const attributeValuePath = cssAttribute.get('value')\n\n // If it's not {} or \"\", get out of here\n if (\n !attributeValuePath ||\n (!attributeValuePath.isJSXExpressionContainer() &&\n !attributeValuePath.isStringLiteral())\n )\n return\n\n const existingCssAttribute = attributeValuePath.isStringLiteral()\n ? (attributeValuePath as unknown as NodePath)\n : // @ts-expect-error get doesn’t exist on the types\n (attributeValuePath.get(\n 'expression'\n ) as NodePath)\n\n const attributeNames = getAttributeNames(path)\n\n const isBeforeCssAttribute =\n attributeNames.indexOf('tw') - attributeNames.indexOf('css') < 0\n\n if (existingCssAttribute.isArrayExpression()) {\n // The existing css prop is an array, eg: css={[...]}\n if (isBeforeCssAttribute) {\n const attribute = existingCssAttribute as NodePath<\n T.StringLiteral | T.JSXExpressionContainer\n >\n // @ts-expect-error never in arg0?\n attribute.unshiftContainer('elements', astStyles)\n } else {\n const attribute = existingCssAttribute as NodePath<\n T.StringLiteral | T.JSXExpressionContainer\n >\n // @ts-expect-error never in arg0?\n attribute.pushContainer('elements', astStyles)\n }\n } else {\n // css prop is either:\n // TemplateLiteral\n //
\n // or an ObjectExpression\n //
\n // or ArrowFunctionExpression/FunctionExpression\n //
(...)} tw=\"...\" />\n const existingCssAttributeNode = existingCssAttribute.node\n\n // The existing css prop is an array, eg: css={[...]}\n const styleArray = isBeforeCssAttribute\n ? [astStyles, existingCssAttributeNode]\n : [existingCssAttributeNode, astStyles]\n\n const arrayExpression = t.arrayExpression(styleArray as T.Expression[])\n\n const { parent } = existingCssAttribute\n const replacement =\n parent.type === 'JSXAttribute'\n ? t.jsxExpressionContainer(arrayExpression)\n : arrayExpression\n\n existingCssAttribute.replaceWith(replacement)\n }\n}\n\nfunction handleTwProperty({\n path,\n t,\n program,\n state,\n coreContext,\n}: JSXAttributeHandler): void {\n if (!path.node || path.node.name.name !== 'tw') return\n state.hasTwAttribute = true\n\n const nodeValue = path.node.value\n if (!nodeValue) return\n\n const nodeExpression = (nodeValue as T.JSXExpressionContainer).expression\n\n // Handle `tw={\"block\"}`\n const expressionValue =\n nodeExpression &&\n nodeExpression.type === 'StringLiteral' &&\n nodeExpression.value\n if (expressionValue === '') return // Allow `tw={\"\"}`\n\n // Feedback for unsupported usage\n if (nodeExpression)\n coreContext.assert(\n Boolean(expressionValue),\n ({ color }) =>\n `${color(\n `✕ Only plain strings can be used with the \"tw\" prop`\n )}\\n\\nTry using it like this: ${color(\n `
`,\n 'success'\n )} or ${color(\n `
`,\n 'success'\n )}\\n\\nRead more at https://twinredirect.page.link/template-literals`\n )\n\n const rawClasses =\n expressionValue || (nodeValue as T.StringLiteral).value || ''\n const { styles, unmatched } = getStyles(rawClasses, coreContext)\n\n if (unmatched.length > 0) {\n getSuggestions(unmatched, {\n CustomError: coreContext.CustomError,\n tailwindContext: coreContext.tailwindContext,\n tailwindConfig: coreContext.tailwindConfig,\n hasLogColors: coreContext.twinConfig.hasLogColors,\n })\n return\n }\n\n const astStyles = astify(isEmpty(styles) ? {} : styles, t)\n\n const jsxPath = getParentJSX(path)\n const attributes = jsxPath.get('attributes')\n const { attribute: cssAttribute } = getCssAttributeData(attributes)\n\n if (coreContext.twinConfig.moveTwPropToStyled) {\n moveTwPropToStyled({ astStyles, jsxPath, t, program, state, coreContext })\n addDataTwPropToPath({ t, attributes, rawClasses, path, state, coreContext })\n return\n }\n\n if (!cssAttribute) {\n // Replace the tw prop with the css prop\n path.replaceWith(\n t.jsxAttribute(\n t.jsxIdentifier('css'),\n t.jsxExpressionContainer(astStyles)\n )\n )\n addDataTwPropToPath({ t, attributes, rawClasses, path, state, coreContext })\n return\n }\n\n // Merge tw styles into an existing css prop\n mergeIntoCssAttribute({\n cssAttribute: cssAttribute as NodePath,\n path: jsxPath,\n astStyles,\n t,\n })\n\n path.remove() // remove the tw prop\n\n addDataPropToExistingPath({\n t,\n attributes,\n rawClasses,\n path: jsxPath,\n coreContext,\n state,\n })\n}\n\nfunction handleTwFunction({\n references,\n t,\n state,\n coreContext,\n}: AdditionalHandlerParameters): void {\n const defaultImportReferences = references.default || references.tw || []\n\n defaultImportReferences.forEach(path => {\n /**\n * Gotcha: After twin changes a className/tw/cs prop path then the reference\n * becomes stale and needs to be refreshed with crawl()\n */\n const { parentPath } = path\n if (!(parentPath as NodePath).isTaggedTemplateExpression())\n path.scope.crawl()\n\n const parent = path.findParent(x =>\n x.isTaggedTemplateExpression()\n ) as NodePath\n if (!parent) return\n\n // Check if the style attribute is being used\n if (!coreContext.twinConfig.allowStyleProp) {\n const jsxAttribute = parent.findParent(x =>\n x.isJSXAttribute()\n ) as NodePath\n const attributeName =\n // @ts-expect-error No `get` on resulting path\n jsxAttribute && (jsxAttribute.get('name').get('name').node as string)\n\n coreContext.assert(\n attributeName !== 'style',\n ({ color }) =>\n `${color(\n `✕ Tailwind styles shouldn’t be added within a \\`style={...}\\` prop`\n )}\\n\\nUse the tw or css prop instead: ${color(\n '
',\n 'success'\n )} or ${color(\n '
',\n 'success'\n )}\\n\\nDisable this error by adding this in your twin config: \\`{ \"allowStyleProp\": true }\\`\\nRead more at https://twinredirect.page.link/style-prop`\n )\n }\n\n const parsed = parseTte(parent, { t, state })\n if (!parsed) return\n\n const rawClasses = parsed.string\n // Add tw-prop for css attributes\n const jsxPath = path.findParent(p =>\n p.isJSXOpeningElement()\n ) as NodePath\n\n if (jsxPath) {\n const attributes = jsxPath.get('attributes')\n const pathData = {\n t,\n attributes,\n rawClasses,\n path: jsxPath,\n coreContext,\n state,\n }\n addDataPropToExistingPath(pathData)\n }\n\n const { styles, unmatched } = getStyles(rawClasses, coreContext)\n\n if (unmatched.length > 0) {\n getSuggestions(unmatched, {\n CustomError: coreContext.CustomError,\n tailwindContext: coreContext.tailwindContext,\n tailwindConfig: coreContext.tailwindConfig,\n hasLogColors: coreContext.twinConfig.hasLogColors,\n })\n return\n }\n\n const astStyles = astify(isEmpty(styles) ? {} : styles, t)\n replaceWithLocation(parsed.path, astStyles)\n })\n}\n\nexport { handleTwProperty, handleTwFunction }\n" }, { "path": "src/macro/twin.ts", "content": "// eslint-disable-next-line import/no-relative-parent-imports\nimport { createCoreContext } from '../core'\nimport { MacroError } from 'babel-plugin-macros'\nimport {\n setStyledIdentifier,\n setCssIdentifier,\n generateUid,\n getCssAttributeData,\n getJsxAttributes,\n} from './lib/astHelpers'\nimport validateImports from './lib/validateImports'\nimport {\n updateCssReferences,\n addCssImport,\n convertHtmlElementToStyled,\n} from './css'\nimport {\n updateStyledReferences,\n addStyledImport,\n handleStyledFunction,\n} from './styled'\nimport { handleThemeFunction } from './theme'\nimport { handleScreenFunction } from './screen'\nimport { handleGlobalStylesFunction } from './globalStyles'\nimport { handleTwProperty, handleTwFunction } from './tw'\nimport { handleCsProperty } from './shortCss'\nimport { handleClassNameProperty } from './className'\nimport type { MacroParams } from 'babel-plugin-macros'\nimport type { State } from './types'\n\nconst macroTasks = [\n handleTwFunction,\n handleGlobalStylesFunction, // GlobalStyles import\n updateStyledReferences, // Styled import\n handleStyledFunction, // Convert tw.div`` & styled.div`` to styled('div', {}) (stitches)\n updateCssReferences, // Update any usage of existing css imports\n handleThemeFunction, // Theme import\n handleScreenFunction, // Screen import\n addStyledImport,\n addCssImport, // Gotcha: Must be after addStyledImport or issues with theme`` style transpile\n]\n\nfunction twinMacro(params: MacroParams): void {\n const t = params.babel.types\n const program = params.state.file.path\n\n const isDev =\n process.env.NODE_ENV === 'development' ||\n process.env.NODE_ENV === 'dev' ||\n false\n\n const coreContext = createCoreContext({\n isDev,\n config: params.config,\n filename: params.state.filename ?? '',\n sourceRoot: params.state.file.opts.sourceRoot ?? '',\n CustomError: MacroError as typeof Error,\n })\n\n validateImports(params.references, coreContext)\n\n const state: State = {\n isDev,\n babel: params.babel,\n config: params.config,\n tailwindConfigIdentifier: generateUid('tailwindConfig', program),\n tailwindUtilsIdentifier: generateUid('tailwindUtils', program),\n styledIdentifier: undefined,\n cssIdentifier: undefined,\n hasCssAttribute: false,\n }\n\n const handlerParameters = { t, program, state, coreContext }\n\n program.traverse({\n ImportDeclaration(path) {\n setStyledIdentifier({ ...handlerParameters, path })\n setCssIdentifier({ ...handlerParameters, path })\n },\n JSXElement(path) {\n const jsxAttributes = getJsxAttributes(path)\n const { index, hasCssAttribute } = getCssAttributeData(jsxAttributes)\n state.hasCssAttribute = state.hasCssAttribute || hasCssAttribute\n const attributePaths = index > 1 ? jsxAttributes.reverse() : jsxAttributes\n\n for (const path of attributePaths) {\n handleClassNameProperty({ ...handlerParameters, path })\n handleTwProperty({ ...handlerParameters, path })\n handleCsProperty({ ...handlerParameters, path })\n }\n\n if (hasCssAttribute)\n convertHtmlElementToStyled({ ...handlerParameters, path })\n },\n })\n\n if (state.styledIdentifier === undefined)\n state.styledIdentifier = generateUid('styled', program)\n\n if (state.cssIdentifier === undefined)\n state.cssIdentifier = generateUid('css', program)\n\n for (const task of macroTasks) {\n // @ts-expect-error TOFIX: Adjust types for altered state\n task({ ...handlerParameters, references: params.references })\n }\n\n program.scope.crawl()\n}\n\nexport default twinMacro\n" }, { "path": "src/macro/types/index.ts", "content": "import type { NodePath, types as T } from '@babel/core'\nimport type { MacroParams } from 'babel-plugin-macros'\nimport type { CoreContext, CssObject } from '../../core/types'\nimport type { Config as TailwindConfig } from 'tailwindcss'\n\ntype Identifiers = {\n styledIdentifier?: T.Identifier\n cssIdentifier?: T.Identifier\n}\n\ntype StateBase = {\n babel: MacroParams['babel']\n config: MacroParams['config']\n existingCssIdentifier?: boolean\n existingStyledIdentifier?: boolean\n hasCssAttribute: boolean\n hasTwAttribute?: boolean\n isDev: boolean\n isImportingStyled?: boolean\n isImportingCss?: boolean\n tailwindConfigIdentifier: T.Identifier\n tailwindUtilsIdentifier: T.Identifier\n}\n\nexport type State = StateBase & Identifiers\n\nexport type HandlerParameters = {\n t: typeof T\n state: State\n program: NodePath\n coreContext: CoreContext\n}\n\nexport type AddDataPropToExistingPath = {\n path: NodePath\n attributes: Array>\n rawClasses: string\n propName?: string\n} & Pick\n\nexport type JSXAttributeHandler = HandlerParameters & {\n path: NodePath\n}\nexport type ImportDeclarationHandler = HandlerParameters & {\n path: NodePath\n}\n\nexport type AdditionalHandlerParameters = {\n t: typeof T\n references: MacroParams['references']\n state: StateBase & {\n styledIdentifier: T.Identifier\n cssIdentifier: T.Identifier\n }\n program: NodePath\n coreContext: CoreContext\n}\n\nexport type { NodePath, CoreContext, T, MacroParams, CssObject, TailwindConfig }\n" }, { "path": "src/macro.ts", "content": "import { createMacro } from 'babel-plugin-macros'\nimport twinMacro from './macro/twin'\n\nexport default createMacro(twinMacro, { configName: 'twin' })\n" }, { "path": "src/suggestions/index.ts", "content": "import { MacroError } from 'babel-plugin-macros'\nimport { validators } from './lib/validators'\nimport { getClassSuggestions } from './lib/getClassSuggestions'\nimport { makeColor } from './lib/makeColor'\nimport {\n extractClassCandidates,\n extractVariantCandidates,\n} from './lib/extractors'\nimport { getPackageVersions } from './lib/getPackageVersions'\nimport type {\n ClassErrorContext,\n MakeColor,\n Options,\n TailwindContext,\n TailwindConfig,\n} from './types'\n// eslint-disable-next-line import/no-relative-parent-imports\nimport { createCoreContext, getStyles, splitAtTopLevelOnly } from '../core'\n\nconst ALL_SPACE_IDS = /{{SPACE}}/g\n\nconst OPTION_DEFAULTS = {\n CustomError: Error,\n tailwindContext: undefined,\n tailwindConfig: undefined,\n hasLogColors: true,\n suggestionNumber: 5,\n}\n\nfunction getVariantSuggestions(\n variants: string[],\n className: string,\n context: ClassErrorContext\n): string | undefined {\n const coreContext = createCoreContext({\n tailwindConfig: context?.tailwindConfig,\n CustomError: MacroError as typeof Error,\n })\n const { unmatched } = getStyles(className, coreContext)\n if (unmatched.length > 0) return\n\n const unmatchedVariants = variants.filter(v => {\n if (v.startsWith('[')) return v\n return !context.variants.has(v)\n })\n if (unmatchedVariants.length === 0) return\n\n const problemVariant = unmatchedVariants[0]\n return [\n `${context.color(\n `✕ Variant ${context.color(problemVariant, 'errorLight')} ${\n problemVariant.startsWith('[') ? 'can’t be used' : 'was not found'\n }`\n )}`,\n ].join('\\n\\n')\n}\n\nfunction getClassError(rawClass: string, context: ClassErrorContext): string {\n const input = rawClass.replace(ALL_SPACE_IDS, ' ')\n\n const classPieces = [\n ...splitAtTopLevelOnly(input, context.tailwindConfig.separator ?? ':'),\n ]\n\n for (const validator of validators) {\n const error = validator(classPieces, context)\n if (error) return error\n }\n\n const className = classPieces.slice(-1).join('')\n const variants = classPieces.slice(0, -1)\n\n // Check if variants or classes with match issues\n if (variants.length > 0) {\n const variantSuggestions = getVariantSuggestions(\n variants,\n className,\n context\n )\n if (variantSuggestions) return variantSuggestions\n }\n\n return getClassSuggestions(className, context)\n}\n\nexport type ErrorContext = {\n CustomError: typeof Error\n tailwindContext: TailwindContext\n tailwindConfig: TailwindConfig\n hasLogColors: boolean\n suggestionNumber: number\n}\n\nfunction createErrorContext(\n color: MakeColor,\n context: ErrorContext\n): ClassErrorContext {\n return {\n color,\n candidates: extractClassCandidates(context.tailwindContext),\n variants: extractVariantCandidates(context.tailwindContext),\n suggestionNumber: context.suggestionNumber,\n CustomError: context.CustomError,\n tailwindConfig: context.tailwindConfig,\n tailwindContext: context.tailwindContext,\n }\n}\n\nfunction getSuggestions(classList: string[], options: Options): void {\n const context = { ...OPTION_DEFAULTS, ...options }\n const color = makeColor(context.hasLogColors)\n\n const classErrorContext = createErrorContext(color, context)\n\n const errorText = classList\n .map(c => getClassError(c, classErrorContext))\n .join('\\n\\n')\n\n const { twinVersion } = getPackageVersions()\n const helpText = [\n `${twinVersion ? `twin.macro@${twinVersion}` : 'twinVersion'}`,\n `https://twinredirect.page.link/docs`,\n `https://tailwindcss.com/docs`,\n ].join('\\n')\n\n throw new context.CustomError(\n `\\n\\n${errorText}\\n\\n${color(helpText, 'subdued')}\\n`\n )\n}\n\nexport default getSuggestions\n" }, { "path": "src/suggestions/lib/colors.ts", "content": "import chalk from 'chalk'\n\nconst colors = {\n error: chalk.hex('#ff8383'),\n errorLight: chalk.hex('#ffd3d3'),\n warn: chalk.yellowBright,\n success: chalk.greenBright,\n highlight: chalk.yellowBright,\n subdued: chalk.hex('#999'),\n}\n\nexport default colors\n" }, { "path": "src/suggestions/lib/extractors.ts", "content": "import type { TailwindContext, TailwindMatch } from 'suggestions/types'\n\nexport function extractClassCandidates(\n tailwindContext: TailwindContext\n): Set<[string, TailwindMatch[]]> {\n const candidates = new Set<[string, TailwindMatch[]]>()\n\n for (const candidate of tailwindContext.candidateRuleMap) {\n if (String(candidate[0]) !== '*') candidates.add(candidate)\n }\n\n return candidates\n}\n\nexport function extractVariantCandidates(\n tailwindContext: TailwindContext\n): Set {\n const candidates = new Set()\n\n for (const candidate of tailwindContext.variantMap) {\n if (candidate[0]) candidates.add(candidate[0])\n }\n\n return candidates\n}\n" }, { "path": "src/suggestions/lib/getClassSuggestions.ts", "content": "import stringSimilarity from 'string-similarity'\nimport type { ClassErrorContext } from 'suggestions/types'\n\nconst RATING_MINIMUM = 0.2\n\ntype RateCandidate = [number, string, string]\n\nfunction rateCandidate(\n classData: [string, string],\n className: string,\n matchee: string\n): RateCandidate | undefined {\n const [classEnd, value] = classData\n\n const candidate = `${[className, classEnd === 'DEFAULT' ? '' : classEnd]\n .filter(Boolean)\n .join('-')}`\n\n const rating = Number(stringSimilarity.compareTwoStrings(matchee, candidate))\n if (rating < RATING_MINIMUM) return\n\n const classValue = `${String(\n (typeof value === 'string' && (value.length === 0 ? `''` : value)) ??\n (Array.isArray(value) && value.join(', ')) ??\n value\n )}${classEnd === 'DEFAULT' ? ' (DEFAULT)' : ''}`\n\n return [rating, candidate, classValue]\n}\n\nfunction extractCandidates(\n candidates: ClassErrorContext['candidates'],\n matchee: string\n): RateCandidate[] {\n const results = [] as RateCandidate[]\n\n for (const [className, classOptionSet] of candidates) {\n for (const classOption of classOptionSet) {\n const { options } = classOption[0]\n if (options?.values) {\n // Dynamic classes like mt-xxx, bg-xxx\n for (const value of Object.entries(options?.values)) {\n const rated = rateCandidate(value, className, matchee)\n // eslint-disable-next-line max-depth\n if (rated) results.push(rated)\n }\n } else {\n // Non-dynamic classes like fixed, block\n const rated = rateCandidate(['', className], className, matchee)\n if (rated) results.push(rated)\n }\n }\n }\n\n return results\n}\n\nexport function getClassSuggestions(\n matchee: string,\n context: ClassErrorContext\n): string {\n const { color } = context\n\n const candidates = extractCandidates(context.candidates, matchee)\n\n const errorText = `${context.color(\n `✕ ${context.color(matchee, 'errorLight')} was not found`,\n 'error'\n )}`\n\n if (candidates.length === 0) return errorText\n\n candidates.sort(\n ([a]: [number, string, string], [b]: [number, string, string]) => b - a\n )\n\n const [firstSuggestion, secondSuggestion = []] = candidates\n const [firstRating, firstCandidate, firstClassValue] = firstSuggestion\n const [secondRating] = secondSuggestion as RateCandidate\n\n const hasWinningSuggestion =\n ((secondSuggestion as RateCandidate).length > 0 &&\n firstRating - secondRating > 0.12) ??\n false\n\n if (candidates.length === 1 || hasWinningSuggestion) {\n const valueText =\n firstClassValue === firstCandidate ? '' : ` (${firstClassValue})`\n return [\n errorText,\n `Did you mean ${color(firstCandidate, 'success')} ?${valueText}`,\n ].join('\\n\\n')\n }\n\n const suggestions = candidates\n .slice(0, context.suggestionNumber)\n .map(\n ([, suggestion, value]: [number, string, string]): string =>\n `${color('-', 'subdued')} ${color(suggestion, 'highlight')} ${\n value === 'false' ? '' : `${color('>', 'subdued')} ${value}`\n }`\n )\n return [errorText, 'Try one of these classes:', suggestions.join('\\n')].join(\n '\\n\\n'\n )\n}\n" }, { "path": "src/suggestions/lib/getPackageVersions.ts", "content": "export type JSONPrimitive = string | number | boolean | undefined\nexport type JSONValue = JSONPrimitive | JSONObject\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface JSONObject extends Record {}\nexport function getPackageVersions(): Record {\n // eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires, unicorn/prefer-module\n const packageJson = require('./package.json') as JSONObject\n\n const versions = { twinVersion: packageJson.version as string }\n\n return versions\n}\n" }, { "path": "src/suggestions/lib/makeColor.ts", "content": "import colors from './colors'\nimport type { MakeColor } from 'suggestions/types'\n\nexport function makeColor(hasColor: boolean): MakeColor {\n return (message: string, type: keyof typeof colors = 'error') => {\n if (!hasColor) return message\n return colors[type](message)\n }\n}\n" }, { "path": "src/suggestions/lib/validateVariants.ts", "content": "import stringSimilarity from 'string-similarity'\nimport type { ClassErrorContext } from 'suggestions/types'\n\nexport function validateVariants(\n variantMatch: string,\n context: ClassErrorContext\n): string | undefined {\n if (!variantMatch) return\n if (variantMatch.startsWith('[')) return\n\n const variantCandidates = [...context.variants]\n\n // Exact variant match\n if (variantCandidates.includes(variantMatch)) return\n\n const results = variantCandidates\n .map((variant: string): [string, number] | undefined => {\n const rating = variantMatch\n ? Number(stringSimilarity.compareTwoStrings(variant, variantMatch))\n : 0\n if (rating < 0.2) return\n\n return [variant, rating]\n })\n .filter(Boolean) as Array<[string, number]>\n\n const errorText = `${context.color(\n `✕ Variant ${context.color(`${variantMatch}`, 'errorLight')} was not found`,\n 'error'\n )}`\n\n if (results.length === 0) return errorText\n\n const suggestions = results\n .sort(([, a]: [string, number], [, b]: [string, number]) => b - a)\n .slice(0, 4)\n .map(\n ([i]: [string, number]): string =>\n `${i}${context.tailwindConfig.separator ?? ':'}`\n )\n\n const showMore = results.length > 2 && results[0][1] - results[1][1] < 0.1\n\n const suggestionText =\n suggestions.length > 0\n ? [\n `Did you mean ${context.color(\n suggestions.slice(0, 1).join(''),\n 'success'\n )} ?`,\n showMore &&\n `More variants\\n${suggestions\n .slice(1)\n .map(v => `${context.color('-', 'subdued')} ${v}`)\n .join('\\n')}`,\n ]\n .filter(Boolean)\n .join('\\n\\n')\n : ''\n\n return [errorText, suggestionText].join('\\n\\n')\n}\n" }, { "path": "src/suggestions/lib/validators.ts", "content": "import { validateVariants } from './validateVariants'\nimport type { ClassErrorContext } from 'suggestions/types'\n\nconst validators = [\n // Validate the group class\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n const className = pieces.slice(-1).join('')\n\n if (/^!?group\\/\\S/.test(className)) {\n return `${context.color(\n `✕ ${context.color(\n className,\n 'errorLight'\n )} must be added as a className:`,\n 'error'\n )}\\n\\n
\\n
\\n
`\n }\n\n if (!pieces.includes('group')) return\n return `${context.color(\n `✕ ${context.color('group', 'errorLight')} must be added as a className:`,\n 'error'\n )}\\n\\n
\\n
\\n
\\n\\nRead more at https://twinredirect.page.link/group`\n },\n // Validate the peer class\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n const className = pieces.slice(-1).join('')\n\n if (/^!?peer\\/\\S/.test(className)) {\n return `${context.color(\n `✕ ${context.color(\n className,\n 'errorLight'\n )} must be added as a className:`,\n 'error'\n )}\\n\\n
\\n
\\n
`\n }\n\n if (!pieces.includes('peer')) return\n return `${context.color(\n `✕ ${context.color('peer', 'errorLight')} must be added as a className:`,\n 'error'\n )}\\n\\n
\\n
\\n\\nRead more at https://twinredirect.page.link/peer`\n },\n // Validate the opacity\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n const className = pieces.slice(-1).join('')\n const opacityMatch = /\\/(\\w+)$/.exec(className)\n if (!opacityMatch) return\n\n const opacityConfig = context.tailwindConfig.theme?.opacity ?? {}\n if (opacityConfig[opacityMatch[1] as keyof typeof opacityConfig]) return\n\n const choices = Object.entries(opacityConfig)\n .map(\n ([k, v]: [string, string]): string =>\n `${context.color('-', 'subdued')} ${context.color(\n k,\n 'success'\n )} ${context.color('>', 'subdued')} ${v}`\n )\n .join('\\n')\n return `${context.color(\n `✕ ${context.color(\n className,\n 'errorLight'\n )} doesn’t have an opacity from your config`,\n 'error'\n )}\\n\\nTry one of these opacity values:\\n\\n${choices}`\n },\n // Validate the lead class (from the official typography plugin)\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n if (!pieces.includes('lead')) return\n return `${context.color(\n `✕ ${context.color('lead', 'errorLight')} must be added as a className:`,\n 'error'\n )}\\n\\n
...
`\n },\n // Validate the not-prose class (from the official typography plugin)\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n if (!pieces.includes('not-prose')) return\n return `${context.color(\n `✕ ${context.color(\n 'not-prose',\n 'errorLight'\n )} must be added as a className:`,\n 'error'\n )}\\n\\n
\\n
...
\\n
`\n },\n // Validate the dark class\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n const className = pieces.slice(-1).join('')\n if (className !== 'dark') return\n return `${context.color(\n `✕ ${context.color('dark', 'errorLight')} must be added as a className:`,\n 'error'\n )}\\n\\nAdd dark in a ${context.color(\n 'className',\n 'success'\n )}:\\n...\\n\\nOr as a ${context.color(\n 'variant',\n 'success'\n )}:\\n
\\n\\nRead more at https://twinredirect.page.link/darkLightMode`\n },\n // Validate the light class\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n const className = pieces.slice(-1).join('')\n if (className !== 'light') return\n return `${context.color(\n `✕ ${context.color('light', 'errorLight')} must be added as a className:`,\n 'error'\n )}\\n\\nAdd light in a ${context.color(\n 'className',\n 'success'\n )}:\\n...\\n\\nOr as a ${context.color(\n 'variant',\n 'success'\n )}:\\n
\\n\\nRead more at https://twinredirect.page.link/darkLightMode`\n },\n // Validate any variants\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n const variants = pieces.slice(0, -1)\n const variantError = variants\n .map(variant => validateVariants(variant, context))\n .filter(Boolean)\n if (variantError.length === 0) return\n return variantError[0] as string\n },\n // If prefix is set, validate the class for the prefix\n (pieces: string[], context: ClassErrorContext): undefined | string => {\n const { prefix } = context.tailwindConfig\n const className = pieces.slice(-1).join('')\n if (prefix && !className.startsWith(prefix))\n return `${context.color(\n `✕ ${context.color(\n className,\n 'errorLight'\n )} doesn’t have the right prefix`,\n 'error'\n )}\\n\\nAdd the ${context.color(prefix, 'success')} prefix to the class`\n },\n]\n\nexport { validators }\n" }, { "path": "src/suggestions/types/index.ts", "content": "import type colors from '../lib/colors'\nimport type {\n TailwindMatch,\n TailwindContext,\n TailwindConfig,\n} from '../../core/types'\n\nexport type Options = {\n CustomError: typeof Error\n tailwindContext: TailwindContext\n tailwindConfig: TailwindConfig\n hasColor?: boolean\n hasLogColors?: boolean\n suggestionNumber?: number\n}\n\nexport type ClassErrorContext = {\n color: MakeColor\n candidates: Set<[string, TailwindMatch[]]>\n variants: Set\n} & Pick<\n Options,\n 'suggestionNumber' | 'CustomError' | 'tailwindConfig' | 'tailwindContext'\n>\n\nexport type MakeColor = (message: string, type?: keyof typeof colors) => string\n\nexport type { TailwindMatch, TailwindContext, TailwindConfig }\n" }, { "path": "tests/@applyInPlugins.test.ts", "content": "/* eslint-disable @typescript-eslint/ban-types */\nimport plugin from 'tailwindcss/plugin'\nimport type { TailwindConfig } from 'core/types'\nimport { run } from './util/run'\n\nfunction tw(...classes: string[]): Record {\n const result: Record = {}\n result[`@apply ${classes.join(' ')}`] = {}\n return result\n}\n\n// Test @apply in plugins, eg: `{ 'body': { '@apply mt-4 bg-black': {} }}`\ntest('it renders the apply method', async () => {\n const input = ['globalStyles', 'tw`component`', 'tw`utility`'].join('; ')\n const config: TailwindConfig = {\n content: [''],\n theme: { colors: { primary: '#F07E22' } },\n plugins: [\n plugin(({ addBase, addComponents, addUtilities }): void => {\n addBase({ 'html, body': tw('selection:text-primary') })\n\n addComponents({\n '.component': tw(\n 'content-[arbitrary value] [.arbitrary-variant]:content [content:arbitrary-property]'\n ),\n })\n\n addUtilities({\n '.utility': tw('first:(block mt-4)'),\n })\n }),\n ],\n }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"*, ::before, ::after\": {\n boxSizing: \"border-box\",\n borderWidth: \"0\",\n borderStyle: \"solid\",\n borderColor: \"currentColor\",\n \"--tw-border-spacing-x\": \"0\",\n \"--tw-border-spacing-y\": \"0\",\n \"--tw-translate-x\": \"0\",\n \"--tw-translate-y\": \"0\",\n \"--tw-rotate\": \"0\",\n \"--tw-skew-x\": \"0\",\n \"--tw-skew-y\": \"0\",\n \"--tw-scale-x\": \"1\",\n \"--tw-scale-y\": \"1\",\n \"--tw-pan-x\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-pan-y\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-pinch-zoom\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-scroll-snap-strictness\": \"proximity\",\n \"--tw-ordinal\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-slashed-zero\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-figure\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-spacing\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-fraction\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-ring-offset-shadow\": \"0 0 #0000\",\n \"--tw-ring-shadow\": \"0 0 #0000\",\n \"--tw-shadow\": \"0 0 #0000\",\n \"--tw-shadow-colored\": \"0 0 #0000\",\n \"--tw-ring-inset\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-ring-offset-width\": \"0px\",\n \"--tw-ring-offset-color\": \"#fff\",\n \"--tw-ring-color\": \"rgb(59 130 246 / 0.5)\",\n \"--tw-blur\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-brightness\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-contrast\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-grayscale\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-hue-rotate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-invert\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-saturate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-sepia\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-drop-shadow\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-blur\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-brightness\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-contrast\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-grayscale\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-hue-rotate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-invert\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-opacity\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-saturate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-sepia\": \"var(--tw-empty,/*!*/ /*!*/)\",\n },\n \"::before, ::after\": { \"--tw-content\": \"''\" },\n html: {\n lineHeight: \"1.5\",\n WebkitTextSizeAdjust: \"100%\",\n MozTabSize: \"4\",\n tabSize: \"4\",\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n fontFeatureSettings: \" normal\",\n fontVariationSettings: \" normal\",\n },\n body: { margin: \"0\", lineHeight: \"inherit\" },\n hr: { height: \"0\", color: \"inherit\", borderTopWidth: \"1px\" },\n \"abbr:where([title])\": { textDecoration: \"underline dotted\" },\n \"h1, h2, h3, h4, h5, h6\": { fontSize: \"inherit\", fontWeight: \"inherit\" },\n a: { color: \"inherit\", textDecoration: \"inherit\" },\n \"b, strong\": { fontWeight: \"bolder\" },\n \"code, kbd, samp, pre\": {\n fontFamily:\n 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n fontSize: \"1em\",\n },\n small: { fontSize: \"80%\" },\n \"sub, sup\": { fontSize: \"75%\", lineHeight: \"0\", position: \"relative\", verticalAlign: \"baseline\" },\n sub: { bottom: \"-0.25em\" },\n sup: { top: \"-0.5em\" },\n table: { textIndent: \"0\", borderColor: \"inherit\", borderCollapse: \"collapse\" },\n \"button, input, optgroup, select, textarea\": {\n fontFamily: \"inherit\",\n fontSize: \"100%\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n color: \"inherit\",\n margin: \"0\",\n padding: \"0\",\n },\n \"button, select\": { textTransform: \"none\" },\n \"button, [type='button'], [type='reset'], [type='submit']\": {\n WebkitAppearance: \"button\",\n backgroundColor: \"transparent\",\n backgroundImage: \"none\",\n },\n \":-moz-focusring\": { outline: \"auto\" },\n \":-moz-ui-invalid\": { boxShadow: \"none\" },\n progress: { verticalAlign: \"baseline\" },\n \"::-webkit-inner-spin-button, ::-webkit-outer-spin-button\": { height: \"auto\" },\n \"[type='search']\": { WebkitAppearance: \"textfield\", outlineOffset: \"-2px\" },\n \"::-webkit-search-decoration\": { WebkitAppearance: \"none\" },\n \"::-webkit-file-upload-button\": { WebkitAppearance: \"button\", font: \"inherit\" },\n summary: { display: \"list-item\" },\n \"blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre\": { margin: \"0\" },\n fieldset: { margin: \"0\", padding: \"0\" },\n legend: { padding: \"0\" },\n \"ol, ul, menu\": { listStyle: \"none\", margin: \"0\", padding: \"0\" },\n textarea: { resize: \"vertical\" },\n \"input::placeholder, textarea::placeholder\": { opacity: \"1\", color: \" #9ca3af\" },\n 'button, [role=\"button\"]': { cursor: \"pointer\" },\n \":disabled\": { cursor: \"default\" },\n \"img, svg, video, canvas, audio, iframe, embed, object\": {\n display: \"block\",\n verticalAlign: \"middle\",\n },\n \"img, video\": { maxWidth: \"100%\", height: \"auto\" },\n \"[hidden]\": { display: \"none\" },\n \"::backdrop\": {\n \"--tw-border-spacing-x\": \"0\",\n \"--tw-border-spacing-y\": \"0\",\n \"--tw-translate-x\": \"0\",\n \"--tw-translate-y\": \"0\",\n \"--tw-rotate\": \"0\",\n \"--tw-skew-x\": \"0\",\n \"--tw-skew-y\": \"0\",\n \"--tw-scale-x\": \"1\",\n \"--tw-scale-y\": \"1\",\n \"--tw-pan-x\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-pan-y\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-pinch-zoom\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-scroll-snap-strictness\": \"proximity\",\n \"--tw-ordinal\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-slashed-zero\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-figure\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-spacing\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-fraction\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-ring-offset-shadow\": \"0 0 #0000\",\n \"--tw-ring-shadow\": \"0 0 #0000\",\n \"--tw-shadow\": \"0 0 #0000\",\n \"--tw-shadow-colored\": \"0 0 #0000\",\n \"--tw-ring-inset\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-ring-offset-width\": \"0px\",\n \"--tw-ring-offset-color\": \"#fff\",\n \"--tw-ring-color\": \"rgb(59 130 246 / 0.5)\",\n \"--tw-blur\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-brightness\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-contrast\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-grayscale\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-hue-rotate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-invert\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-saturate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-sepia\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-drop-shadow\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-blur\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-brightness\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-contrast\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-grayscale\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-hue-rotate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-invert\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-opacity\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-saturate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-sepia\": \"var(--tw-empty,/*!*/ /*!*/)\",\n },\n \"html, body\": {\n \"& *::selection\": {\n \"--tw-text-opacity\": \"1\",\n color: \"rgb(240 126 34 / var(--tw-text-opacity))\",\n },\n \"::selection\": { \"--tw-text-opacity\": \"1\", color: \"rgb(240 126 34 / var(--tw-text-opacity))\" },\n },\n });\n ({ \n \"--tw-content\": \"arbitrary value\",\n content: \"arbitrary-property\",\n \"& .arbitrary-variant\": { \"--tw-content\": \"\", content: \"var(--tw-content)\" }\n });\n ({ \":first-child\": { marginTop: \"1rem\", display: \"block\" } });`)\n })\n})\n" }, { "path": "tests/__fixtures__/!general.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n/**\n * Misc usage tests\n */\n\nconst styles = tw`uppercase`\nconst Box = tw.div`text-red-500`\nconst BoxExtended = tw(Box)`bg-blue-500`\n\n// Media queries\n\nconst MediaProperty = tw`lg:uppercase`\nconst MediaColorProperty = tw.div`lg:text-red-500`\nconst ElementMediaColorProperty = tw(Box)`lg:bg-blue-500`\nconst MediaPropertyDuplicates = tw`lg:bg-blue-500 lg:bg-black`\n\n// Only basic evaluations supported\n// No functions or \"beyond basic\" conditionals.\nconst plainConditional = true && 'red'\nconst plainVariable = `bg-${plainConditional}-500`\ntw`${plainVariable}`\n" }, { "path": "tests/__fixtures__/!important.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\nconst Box = tw.div`text-red-500`\n\nconst Important = tw`lg:uppercase!`\nconst MediaImportant = tw.div`lg:text-red-500!`\nconst ElementMediaImportant = tw(Box)`lg:bg-blue-500!`\n\nconst PlaceholderImportant = tw.input`placeholder-red-500!`\nconst StateImportant = tw.input`hover:text-red-500!`\nconst StatePlaceholderImportant = tw.input`hover:placeholder-red-500!`\nconst StateStatePlaceholderImportant = tw.input`active:hover:placeholder-red-500!`\nconst StateMultiplePropertiesImportant = tw.input`hover:truncate!`\nconst MediaStateMultiplePropertiesImportant = tw.input`lg:hover:truncate!`\nconst ElementMediaStateMultiplePropertiesImportant = tw(Box)`lg:hover:truncate!`\n\nconst JsxPlaceholderImportant = () => \n\nconst ImportantPrefixPrefix = tw`lg:!uppercase`\nconst MediaImportantPrefix = tw.div`lg:!text-red-500`\nconst ElementMediaImportantPrefix = tw(Box)`lg:!bg-blue-500`\n\nconst PlaceholderImportantPrefix = tw.input`!placeholder-red-500`\nconst StateImportantPrefix = tw.input`hover:!text-red-500`\nconst StatePlaceholderImportantPrefix = tw.input`hover:!placeholder-red-500`\nconst StateStatePlaceholderImportantPrefix = tw.input`active:hover:!placeholder-red-500`\nconst StateMultiplePropertiesImportantPrefix = tw.input`hover:!truncate`\nconst MediaStateMultiplePropertiesImportantPrefix = tw.input`lg:hover:!truncate`\nconst ElementMediaStateMultiplePropertiesImportantPrefix = tw(\n Box\n)`lg:hover:!truncate`\nconst VariantImportantPrefixMergeCheck = tw.div`md:!from-black to-[#dc4fc2] bg-gradient-to-r`\nconst MultiVariantImportantPrefixMergeCheck = tw.div`first:md:!from-black to-[#dc4fc2] bg-gradient-to-r`\n\nconst JsxPlaceholderImportantPrefix = () => (\n \n)\n" }, { "path": "tests/__fixtures__/!imports.tsx", "content": "// @ts-nocheck\nimport tw, { theme, styled, css, GlobalStyles } from '../macro'\n\nconst twPropertyTest =
\n\nconst twFunctionTest = tw.div`text-purple-500`\n\nconst cssFunctionTest = (\n \n)\n\nconst styledFunctionTest = styled.div`\n ${css`\n ${tw`text-purple-500`}\n background-color: purple;\n `}\n`\n\nconst themeObjectPurple = (\n \n)\n\nconst themeStringFont = (\n \n)\n\nconst themeFontNoLineheight = (\n \n)\n\nconst colorsRed = Object.values(theme`colors.red`)\n\nconst themeFunctionObjectPurple = (\n \n)\n\nconst themeFunctionStringHeight = (\n \n)\n\nconst themeSquareBrackets = (\n \n)\n\nconst GlobalStylesTest = () => \n\n// Dot syntax\nconst Component = { Sub: () => [] }\n;\n;\n" }, { "path": "tests/__fixtures__/!namelessImport.tsx", "content": "// @ts-nocheck\nimport '../macro'\n\nconst twPropertyString =
\nconst twPropertyExpression =
\n" }, { "path": "tests/__fixtures__/!ordering.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Test the screen ordering - they are ordered by screens in tailwind.config.js\ntw.div`xl:bg-red-500 lg:bg-blue-500 bg-green-500 fill-current md:bg-pink-500 sm:bg-green-500 sm:text-yellow-500 hidden`\n\n// Bg opacity should trump the default bg opacity\ntw`bg-opacity-50 bg-red-500`\n" }, { "path": "tests/__fixtures__/!properties.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\nconst Component1 = () =>
\n\nconst Component2 = () =>
\n\nconst Component3 = () =>
\n\nconst Component4 = () =>
\n\nconst Component5 = () =>
\n\nconst Component6 = () => (\n \n)\n\nconst Component7 = () => (\n \n)\n" }, { "path": "tests/__fixtures__/!variantGrouping.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\nconst basic = tw`group-hover:(flex m-10)`\nconst subMediaQuery = tw`focus-within:(md:flex mt-5)`\nconst multipleClasses = tw`hover:(bg-black text-white underline)`\nconst pseudoElement = tw`before:(w-10 h-10 block bg-black)`\nconst pseudoElementNoContent = tw`before:(w-10 h-10 block bg-black)`\nconst pseudoElementsNoContent = tw`before:(w-10 h-10) after:(w-10 h-10)`\nconst mediaHover = tw`sm:hover:(bg-black text-white)`\nconst sloppySpacing = tw` last:( flex mt-5)`\nconst multipleGroups = tw`focus:(w-10 h-10 block bg-black) focus-within:(md:flex mt-5)`\nconst nestedGroups = tw`md:(w-10 hocus:(h-10 block bg-black))`\n\ntw`(block w-10)`\ntw`((block w-10))`\ntw`hover:(block w-10)`\ntw`md:(hover:(block w-10))`\ntw`md:(hover:(block (block) w-10))`\ntw`md:(hover:(block (h-10) w-10))`\n\n// Important\ntw`(block w-10)!`\ntw`hover:(block w-10)!`\ntw`md:(hover:(block (block)! w-10))`\ntw`md:(hover:(block (h-10)! w-10))`\ntw`md:(hover:(block w-10)!)`\n\n// Ignored\ntw``\ntw`()`\ntw`md:()`\ntw`md:(hover:())`\n\n// Slash opacity\ntw`first:(bg-[black]/20 block)`\ntw`first:(bg-[black]/[.20] block)`\ntw`first:(bg-[black]/[.20] inline last:(bg-[black]/[.20] block))`\ntw`first:(block bg-[black]/[.20])`\n\ntw`md:(ml-4 [one]:( mt-5 [two]:(inline [three]:(inline))))!`\n" }, { "path": "tests/__fixtures__/!variants.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Pseudo element variants\ntw`first-letter:block`\ntw`first-line:block`\ntw`marker:block`\ntw`selection:block`\ntw`file:block`\ntw`placeholder:block`\ntw`backdrop:block`\ntw`before:block`\ntw`after:block`\ntw`before:(content block)`\ntw`after:(content block)`\n\n// Positional\ntw`first:block`\ntw`last:block`\ntw`only:block`\ntw`odd:block`\ntw`even:block`\ntw`first-of-type:block`\ntw`last-of-type:block`\ntw`only-of-type:block`\n\n// State\ntw`visited:block`\ntw`target:block`\ntw`open:block`\n\n// Forms\ntw`default:block`\ntw`checked:block`\ntw`indeterminate:block`\ntw`placeholder-shown:block`\ntw`autofill:block`\ntw`optional:block`\ntw`required:block`\ntw`valid:block`\ntw`invalid:block`\ntw`in-range:block`\ntw`out-of-range:block`\ntw`read-only:block`\n\n// Content\ntw`empty:block`\n\n// Interactive\ntw`focus-within:block`\ntw`hover:block`\ntw`focus:block`\ntw`focus-visible:block`\ntw`active:block`\ntw`enabled:block`\ntw`disabled:block`\n\n// Twin custom\ntw`all:block`\ntw`all-child:block`\ntw`sibling:block`\ntw`hocus:block`\ntw`link:block`\ntw`read-write:block`\ntw`svg:block`\ntw`even-of-type:block`\ntw`odd-of-type:block`\n\n// Not versions of the above\n\n// Positional\ntw`not-first:block`\ntw`not-last:block`\ntw`not-only:block`\ntw`not-odd:block`\ntw`not-even:block`\ntw`not-first-of-type:block`\ntw`not-last-of-type:block`\ntw`not-only-of-type:block`\n\n// State\ntw`not-target:block`\ntw`not-open:block`\n\n// Forms\ntw`not-default:block`\ntw`not-checked:block`\ntw`not-indeterminate:block`\ntw`not-placeholder-shown:block`\ntw`not-autofill:block`\ntw`not-optional:block`\ntw`not-required:block`\ntw`not-valid:block`\ntw`not-invalid:block`\ntw`not-in-range:block`\ntw`not-out-of-range:block`\ntw`not-read-only:block`\n\n// Content\ntw`not-empty:block`\n\n// Interactive\ntw`not-focus-within:block`\ntw`not-hover:block`\ntw`not-focus:block`\ntw`not-focus-visible:block`\ntw`not-active:block`\ntw`not-enabled:block`\ntw`not-disabled:block`\n\n// Twin custom\ntw`not-all:block`\ntw`not-all-child:block`\ntw`not-sibling:block`\ntw`not-hocus:block`\ntw`not-link:block`\ntw`not-read-write:block`\ntw`not-svg:block`\ntw`not-even-of-type:block`\ntw`not-odd-of-type:block`\n\n//\n\ntw`ltr:block`\ntw`rtl:block`\n\ntw`motion-safe:block`\ntw`motion-reduce:block`\n\ntw`dark:block`\ntw`light:block`\ntw`dark:sm:block`\ntw`light:sm:block`\ntw`dark:group-hover:sm:block`\ntw`light:group-hocus:sm:block`\n\ntw`print:block`\ntw`screen:block`\n\ntw`portrait:block`\ntw`landscape:block`\ntw`contrast-more:block`\ntw`contrast-less:block`\n\ntw`any-pointer-none:block`\ntw`any-pointer-fine:block`\ntw`any-pointer-coarse:block`\n\ntw`pointer-none:block`\ntw`pointer-fine:block`\ntw`pointer-coarse:block`\n\ntw`any-hover-none:block`\ntw`any-hover:block`\n\ntw`can-hover:block`\ntw`cant-hover:block`\n\n// Arbitrary values\ntw`first:inset-[50px]`\ntw`md:text-[red]`\n\n// Random\ntw`xl:placeholder-red-500! first:md:block sm:disabled:flex`\n" }, { "path": "tests/__fixtures__/.eslintrc.js", "content": "module.exports = {\n rules: {\n '@typescript-eslint/no-unused-vars': 'off',\n 'react/react-in-jsx-scope': 'off',\n 'import/no-unassigned-import': 'off',\n 'react/jsx-curly-brace-presence': 'off',\n },\n}\n" }, { "path": "tests/__fixtures__/addBase/addBase.tsx", "content": "// @ts-nocheck\nimport tw, { GlobalStyles, globalStyles } from '../macro'\n\ntw`base-selector`\n;\nglobalStyles\n" }, { "path": "tests/__fixtures__/addBase/tailwind.config.js", "content": "function addBasePlugin({ addBase }) {\n const baseStyles = {\n ':root': {\n '--color-pink-900': '#831843',\n },\n '@font-face': {\n fontFamily: 'NotoSans',\n fontWeight: 400,\n fontStyle: 'normal',\n src: `url('./fonts/myfont.ttf')`,\n },\n body: {\n marginTop: '20rem',\n backgroundColor: 'black',\n },\n '.base-selector': {\n display: 'block',\n },\n 'section .base-selector': {\n display: 'block',\n '@screen sm': {\n '&:hover': {\n marginTop: '50px',\n },\n },\n },\n '[type=\"button\"] .base-selector': {\n display: 'block',\n '@screen sm': {\n '&:hover': {\n marginTop: '5rem',\n },\n },\n },\n }\n addBase(baseStyles)\n}\n\nmodule.exports = {\n plugins: [addBasePlugin],\n}\n" }, { "path": "tests/__fixtures__/arbitraryProperties/arbitraryProperties.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`[mask-image:linear-gradient(180deg,white, rgba(255,255,255,0))]`\ntw`[-webkit-property:bg-black]`\ntw`[--my-var:blue]`\ntw`[color:var(--my-var)]`\ntw`bg-black md:[color:var(--my-var)]`\ntw`[margin:2px_4px_5px_1px]`\ntw`[content:'—']`\n" }, { "path": "tests/__fixtures__/arbitraryVariants/arbitraryVariants.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`[section]:hover:block`\ntw`[section&]:hover:block`\n\ntw`[p]:hover:block`\ntw`hover:[p]:block`\n\ntw`[* + *]:block` // Spaces\ntw`[.class1 .class2]:block` // Classes\n\ntw`[.class1]:[.class2]:block` // Multiple dynamic variants\ntw`[.class1 .class2]:[.class3]:block` // Multiple dynamic variants\n\ntw`[p]:placeholder-red-500/[var(--myvar)]`\ntw`[p]:mt-[var(--myvar)]`\ntw`[p]:marginTop[var(--myvar)]`\ntw`[p]:[margin-top:var(--myvar)]`\n\ntw`[p]:(mt-4 mb-4)`\n\ntw`[@media (min-width: 800px)]:block`\ntw`[content\\!]:block`\n\n// Combinations\ntw`[&:nth-child(1)]:block`\ntw`[:nth-child(1)]:block`\ntw`[@media ...]:block`\ntw`[.selector]:block`\ntw`[section]:block`\ntw`[section &]:block`\ntw`md:[section]:block`\ntw`[section]:[bla]:block`\ntw`[section &]:[pre &]:block`\ntw`[section &]:[& pre]:block`\ntw`[section &]:first:[pre &]:block`\ntw`[section &]:first:[& pre]:block`\ntw`first:[section &]:[pre &]:block`\ntw`first:[section &]:[& pre]:block`\ntw`first:[section &]:[& pre]:mt-[2px]`\ntw`first:[section &]:[& pre]:[display:inline]`\ntw`[pre]:[display:inline]`\ntw`[& pre]:[display:inline]`\ntw`[:hover]:[display:inline]`\ntw`[.dropdown.dropdown-open &, .dropdown:focus &]:block`\ntw`[path]:first:[stroke: #000] md:[path]:[stroke: #000]`\ntw`first:block md:[path]:[stroke: #000]`\ntw`[.sec section a[target=\"_blank\"]]:block` // < issue with _blank present in tailwindcss\ntw`[&.pre,& section,]:block`\n" }, { "path": "tests/__fixtures__/arbitraryVariants/config.json", "content": "{\n \"disableCsProp\": false,\n \"disableShortCss\": false\n}\n" }, { "path": "tests/__fixtures__/autoCssProp/autoCssProp.tsx", "content": "// @ts-nocheck\nimport '../macro' // twinImport\n\n// Css prop isn't handled by twin\n;
\n;
\n" }, { "path": "tests/__fixtures__/colorFunctions/colorFunctions.tsx", "content": "// @ts-nocheck\nimport tw, { GlobalStyles } from '../macro' // twinImport\n\ntw`text-foreground text-opacity-40`\ntw`text-gray-300`\n;\n" }, { "path": "tests/__fixtures__/colorFunctions/tailwind.config.js", "content": "const color =\n name =>\n ({ opacityVariable, opacityValue }) => {\n if (opacityValue !== undefined) {\n return `rgba(var(--twc-${name}), ${opacityValue})`\n }\n\n if (opacityVariable !== undefined) {\n return `rgba(var(--twc-${name}), var(${opacityVariable}, 1))`\n }\n\n return `rgb(var(--twc-${name}))`\n }\n\nconst colorScale = name =>\n [50, 100, 200, 300, 400, 500, 600, 700, 800, 900].reduce(\n (acc, step) => ({\n ...acc,\n [step]: color(`${name}-${step}`),\n }),\n {}\n )\n\nmodule.exports = {\n theme: {\n colors: {\n foreground: color('foreground'),\n gray: colorScale('gray'),\n },\n },\n}\n" }, { "path": "tests/__fixtures__/comments/comments.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n/**\n * Test comments\n */\n\n// singleline\n;
\n\n// multiline\n;
\n\n// mixture\n;\n\n// multiline comment\n;\n\n// singleline comment with class\n;\n\n// multiline comment out a singleline comment with class\n;\n\n// mixture with single and multiline on same line\n;\n\n// comment in variant group and consecutive strings\n;
\n\n// break right bracket\n;\n\n// comments within multiline comment\n;\n" }, { "path": "tests/__fixtures__/comments/config.json", "content": "{\n \"dataTwProp\": \"all\"\n}\n" }, { "path": "tests/__fixtures__/config/config.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n/**\n * Test the config matching is working correctly\n */\n\ntw`animate-zoom-.5`\n\ntw`text-number`\ntw`text-purple`\ntw`text-purple-hyphen`\ntw`text-mycolors`\ntw`text-mycolors-a-purple`\ntw`text-mycolors-a-number`\n// tw`text-mycolors-array` // Arrays aren't supported\ntw`text-my-blue-100`\ntw`text-color-opacity`\ntw`text-color-deep-config-500`\n\ntw`bg-number`\ntw`bg-purple`\ntw`bg-purple-hyphen`\ntw`bg-mycolors`\ntw`bg-mycolors-a-purple`\ntw`bg-mycolors-a-number`\n// tw`bg-mycolors-array` // Arrays aren't supported\ntw`bg-my-blue-100`\ntw`bg-color-opacity`\ntw`bg-color-deep-config-500`\n\ntw`bg-blue`\ntw`bg-blue-gray`\ntw`bg-blue-gray-200`\ntw`bg-blue-gray-green`\ntw`bg-blue-gray-green-200`\ntw`bg-blue-gray-green-deep-dish`\ntw`bg-blue-gray-green-deep-dish-200`\ntw`bg-blue-gray-green-pink`\n\ntw`font-customFontWeightAsString`\ntw`font-customFontWeightAsNumber`\n" }, { "path": "tests/__fixtures__/config/tailwind.config.js", "content": "module.exports = {\n theme: {\n animation: {\n 'zoom-.5': 'zoom-.5 2s',\n },\n colors: {\n number: 0,\n purple: 'purple',\n 'purple-hyphen': 'purple-hyphen',\n mycolors: {\n DEFAULT: 'blue',\n 'a-purple': 'purple',\n 'a-number': 0,\n // array: ['blue', 'purple', 'orange'], // Arrays aren't supported\n },\n 'my-blue': {\n 100: 'blue',\n },\n 'color-opacity': ({ opacityVariable }) =>\n `rgba(var(--color-primary), var(${opacityVariable}, 1))`,\n color: {\n deep: {\n config: {\n 500: '#0747A6',\n },\n },\n },\n blue: {\n DEFAULT: 'blue-default',\n gray: { 200: \"this-gets-trumped by 'blue-gray: {200}'\" },\n },\n 'blue-gray': {\n DEFAULT: 'blue-gray-default',\n 200: 'blue-gray-200',\n },\n 'blue-gray-green': {\n DEFAULT: 'blue-gray-green-default',\n 200: 'blue-gray-green-200',\n 'deep-dish': {\n DEFAULT: 'blue-gray-green-deep-dish-default',\n 200: 'blue-gray-green-deep-dish-200',\n },\n },\n 'blue-gray-green-pink': 'blue-gray-green-pink',\n },\n fontWeight: {\n customFontWeightAsString: '700',\n // Tailwind accepts numbers in configuration as well\n // https://tailwindcss.com/docs/font-weight#font-weights\n customFontWeightAsNumber: 800,\n },\n },\n}\n" }, { "path": "tests/__fixtures__/configTS/configTS.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n/**\n * Test the config matching is working correctly\n */\n\ntw`text-purple`\n" }, { "path": "tests/__fixtures__/configTS/tailwind.config.ts", "content": "import type { Config } from 'tailwindcss'\n\nexport default {\n content: [],\n theme: {\n colors: {\n purple: 'custom',\n },\n },\n} satisfies Config\n" }, { "path": "tests/__fixtures__/content/content.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/content\ntheme`content`\n\ntw`content`\ntw`content-test`\ntw`content-['hello']`\ntw`content-[attr(content-before)]`\ntw`content-['>']`\ntw`content-['—']`\ntw`before:content-['—']`\ntw`before:(content-['—'] block)`\ntw`content-none`\ntw`before:block`\ntw`peer-focus:before:block`\n" }, { "path": "tests/__fixtures__/content/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n content: {\n test: '\"hi\"',\n DEFAULT: '\"default\"',\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/cssPropEmotion/autoCssProp.tsx", "content": "// @ts-nocheck\nimport '../macro' // twinImport\n;
\n;
\n" }, { "path": "tests/__fixtures__/cssPropEmotion/autoCssPropWithStyled.tsx", "content": "// @ts-nocheck\nimport tw from '../macro' // twinImport\n\n// Css prop isn't handled by twin\ntw.div`block`\n;
\n\nconst Test = tw.div``\n;\n" }, { "path": "tests/__fixtures__/cssPropStyledComponents/autoCssProp.tsx", "content": "// @ts-nocheck\nimport '../macro' // twinImport\n;
\n;
\n" }, { "path": "tests/__fixtures__/cssPropStyledComponents/autoCssPropWithStyled.tsx", "content": "// @ts-nocheck\nimport tw from '../macro' // twinImport\n\ntw.div`block`\n;
\n\nconst Test = tw.div``\n;\n" }, { "path": "tests/__fixtures__/cssPropStyledComponents/config.json", "content": "{\n \"preset\": \"styled-components\",\n \"autoCssProp\": false\n}\n" }, { "path": "tests/__fixtures__/darkLightModeArray/darkLightModeArray.tsx", "content": "// @ts-nocheck\nimport tw from '../macro' // twinImport\n\ntw`dark:block`\ntw`light:block`\n" }, { "path": "tests/__fixtures__/darkLightModeArray/tailwind.config.js", "content": "module.exports = {\n darkMode: ['class', '.test-dark'],\n lightMode: ['class', '.test-light'],\n}\n" }, { "path": "tests/__fixtures__/directionalBorders/directionalBorders.tsx", "content": "// @ts-nocheck\nimport tw from '../macro' // twinImport\n\ntw`border-t`\ntw`border-r`\ntw`border-b`\ntw`border-l`\n\ntw`border-t-transparent`\ntw`border-t-current`\ntw`border-t-gray-50`\n\ntw`border-r-transparent`\ntw`border-r-current`\ntw`border-r-gray-50`\n\ntw`border-b-transparent`\ntw`border-b-current`\ntw`border-b-gray-50`\n\ntw`border-l-transparent`\ntw`border-l-current`\ntw`border-l-gray-50`\n\ntw`border-l-gray-50/20`\n\ntw`border-t-4`\ntw`border-r-4`\ntw`border-b-4`\ntw`border-l-4`\n" }, { "path": "tests/__fixtures__/fluidContainer/fluidContainer.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`fluid-container ml-10`\n" }, { "path": "tests/__fixtures__/fluidContainer/tailwind.config.js", "content": "function fluidContainer({ addComponents, theme }) {\n const styles = [\n {\n '.fluid-container': {\n marginLeft: 'auto',\n marginRight: 'auto',\n width: theme('fluidContainer.default', '100%'),\n },\n },\n {\n '.fluid-container:focus': {\n marginLeft: '10rem',\n marginRight: '11rem',\n width: theme('fluidContainer.default', '100%'),\n },\n },\n {\n '.not-container': {\n content: 'not-container',\n },\n },\n {\n '@media (min-width: 1440px)': {\n '.fluid-container': {\n display: 'block',\n },\n },\n },\n {\n '@media (min-width: 768px)': {\n '.fluid-container:hover': {\n width: theme('fluidContainer.small', '100%'),\n },\n '.not-fluid-container': {\n content: 'not-fluid-container:focus',\n },\n '.fluid-container:focus': {\n marginLeft: 'auto',\n marginRight: 'auto',\n width: theme('fluidContainer.default', '100%'),\n },\n },\n },\n {\n '.fluid-container': {\n '@media (min-width: 1440px)': {\n width: theme('fluidContainer.large', '100%'),\n backgroundColor: 'black',\n },\n '@media only screen and (max-width: 540px)': {\n width: '33%',\n backgroundColor: 'red',\n },\n },\n },\n ]\n\n addComponents(styles)\n}\n\nmodule.exports = {\n theme: {\n fluidContainer: {\n DEFAULT: '10%',\n small: '25%',\n large: '75%',\n },\n },\n plugins: [fluidContainer],\n}\n" }, { "path": "tests/__fixtures__/globalStyles/config.json", "content": "{\n \"preset\": \"emotion\"\n}\n" }, { "path": "tests/__fixtures__/globalStyles/globalStyles.tsx", "content": "// @ts-nocheck\nimport { GlobalStyles } from '../macro'\nimport { css, Global } from '@emotion/react'\n\nconst MyGlobals = () => (\n
\n \n \n
\n)\n" }, { "path": "tests/__fixtures__/globalStyles/tailwind.config.js", "content": "module.exports = {\n theme: {\n fontFamily: {\n // Tests the dynamic default html font\n sans: ['testSans', 'testSans2'],\n // Tests the dynamic default pre,code,kbd,samp value\n mono: ['testMono', 'testMono2'],\n },\n colors: {\n // Tests the dynamic default input/textarea placeholders\n gray: {\n 400: 'grayish',\n },\n },\n ringOffsetWidth: {\n DEFAULT: '10px',\n },\n ringOffsetColor: {\n DEFAULT: 'rainbow',\n },\n borderColor: {\n // Tests the dynamic default border default color\n DEFAULT: 'blueish',\n },\n },\n}\n" }, { "path": "tests/__fixtures__/group/group.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Positional\ntw`group-first:block`\ntw`group-last:block`\ntw`group-only:block`\ntw`group-odd:block`\ntw`group-even:block`\ntw`group-first-of-type:block`\ntw`group-last-of-type:block`\ntw`group-only-of-type:block`\n\n// State\ntw`group-visited:block`\ntw`group-target:block`\ntw`group-open:block`\n\n// Forms\ntw`group-default:block`\ntw`group-checked:block`\ntw`group-indeterminate:block`\ntw`group-placeholder-shown:block`\ntw`group-autofill:block`\ntw`group-optional:block`\ntw`group-required:block`\ntw`group-valid:block`\ntw`group-invalid:block`\ntw`group-in-range:block`\ntw`group-out-of-range:block`\ntw`group-read-only:block`\n\n// Content\ntw`group-empty:block`\n\n// Interactive\ntw`group-focus-within:block`\ntw`group-hover:block`\ntw`group-focus:block`\ntw`group-focus-visible:block`\ntw`group-active:block`\ntw`group-enabled:block`\ntw`group-disabled:block`\n\n// Twin custom\ntw`group-all:block`\ntw`group-all-child:block`\ntw`group-sibling:block`\ntw`group-hocus:block`\ntw`group-link:block`\ntw`group-read-write:block`\ntw`group-svg:block`\ntw`group-even-of-type:block`\ntw`group-odd-of-type:block`\n\n// Not versions of the above\n\n// Positional\ntw`group-not-first:block`\ntw`group-not-last:block`\ntw`group-not-only:block`\ntw`group-not-odd:block`\ntw`group-not-even:block`\ntw`group-not-first-of-type:block`\ntw`group-not-last-of-type:block`\ntw`group-not-only-of-type:block`\n\n// State\ntw`group-not-target:block`\ntw`group-not-open:block`\n\n// Forms\ntw`group-not-default:block`\ntw`group-not-checked:block`\ntw`group-not-indeterminate:block`\ntw`group-not-placeholder-shown:block`\ntw`group-not-autofill:block`\ntw`group-not-optional:block`\ntw`group-not-required:block`\ntw`group-not-valid:block`\ntw`group-not-invalid:block`\ntw`group-not-in-range:block`\ntw`group-not-out-of-range:block`\ntw`group-not-read-only:block`\n\n// Content\ntw`group-not-empty:block`\n\n// Interactive\ntw`group-not-focus-within:block`\ntw`group-not-hover:block`\ntw`group-not-focus:block`\ntw`group-not-focus-visible:block`\ntw`group-not-active:block`\ntw`group-not-enabled:block`\ntw`group-not-disabled:block`\n\n// Twin custom\ntw`group-not-all:block`\ntw`group-not-all-child:block`\ntw`group-not-sibling:block`\ntw`group-not-hocus:block`\ntw`group-not-link:block`\ntw`group-not-read-write:block`\ntw`group-not-svg:block`\ntw`group-not-even-of-type:block`\ntw`group-not-odd-of-type:block`\n" }, { "path": "tests/__fixtures__/includeClassNames/config.json", "content": "{\n \"includeClassNames\": true,\n \"disableCsProp\": false\n}\n" }, { "path": "tests/__fixtures__/includeClassNames/includeClassNames.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\nconst SkipEmptyClassName =
\nconst OnlyUppercaseConverted =
\nconst AllConverted =
\nconst SkippedCurlies =
\nconst SkippedConditionals =
\nconst SkippedGroup =
\n\n// css + className\nconst CssPropFirst = (\n \n)\nconst CssPropLast = (\n \n)\n\n// tw + className\nconst TwPropFirst =
\nconst TwPropLast =
\n\n// tw + css + className\nconst TwThenCssThenClassName = (\n \n)\nconst TwThenClassNameThenCss = (\n \n)\nconst ClassNameThenTwThenCss = (\n \n)\nconst ClassNameThenCssThenTw = (\n \n)\nconst CssThenClassNameThenTw = (\n \n)\nconst CssThenTwThenClassName = (\n \n)\n\n// styled + everything\nconst Button = tw.div``\n\nconst StyledTwThenCssThenClassName = (\n \n)\nconst StyledTwThenClassNameThenCss = (\n \n)\nconst StyledClassNameThenTwThenCss = (\n \n)\nconst StyledClassNameThenCssThenTw = (\n \n)\nconst StyledCssThenClassNameThenTw = (\n \n)\nconst StyledCssThenTwThenClassName = (\n \n)\n// All four css props\nconst TwThenClassNameThenCsThenCss = (\n \n)\nconst TwThenClassNameThenCssThenCs = (\n \n)\nconst TwThenCssThenClassNameThenCs = (\n \n)\nconst CssThenTwThenClassNameThenCs = (\n \n)\n" }, { "path": "tests/__fixtures__/lineClamp/lineClamp.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`line-clamp-1`\ntw`line-clamp-2`\ntw`line-clamp-3`\ntw`line-clamp-4`\ntw`line-clamp-5`\ntw`line-clamp-6`\ntw`line-clamp-none`\n" }, { "path": "tests/__fixtures__/negative/negative.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`-z-1`\ntw`-z-10`\ntw`-inset-10`\n" }, { "path": "tests/__fixtures__/negative/tailwind.config.js", "content": "module.exports = {\n theme: { extend: { zIndex: { '-1': '-1' } } },\n}\n" }, { "path": "tests/__fixtures__/peers/peers.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Positional\ntw`peer-first:block`\ntw`peer-last:block`\ntw`peer-only:block`\ntw`peer-odd:block`\ntw`peer-even:block`\ntw`peer-first-of-type:block`\ntw`peer-last-of-type:block`\ntw`peer-only-of-type:block`\n\n// State\ntw`peer-visited:block`\ntw`peer-target:block`\ntw`peer-open:block`\n\n// Forms\ntw`peer-default:block`\ntw`peer-checked:block`\ntw`peer-indeterminate:block`\ntw`peer-placeholder-shown:block`\ntw`peer-autofill:block`\ntw`peer-optional:block`\ntw`peer-required:block`\ntw`peer-valid:block`\ntw`peer-invalid:block`\ntw`peer-in-range:block`\ntw`peer-out-of-range:block`\ntw`peer-read-only:block`\n\n// Content\ntw`peer-empty:block`\n\n// Interactive\ntw`peer-focus-within:block`\ntw`peer-hover:block`\ntw`peer-focus:block`\ntw`peer-focus-visible:block`\ntw`peer-active:block`\ntw`peer-enabled:block`\ntw`peer-disabled:block`\n\n// Twin custom\ntw`peer-all:block`\ntw`peer-all-child:block`\ntw`peer-sibling:block`\ntw`peer-hocus:block`\ntw`peer-link:block`\ntw`peer-read-write:block`\ntw`peer-svg:block`\ntw`peer-even-of-type:block`\ntw`peer-odd-of-type:block`\n\n// Not versions of the above\n\n// Positional\ntw`peer-not-first:block`\ntw`peer-not-last:block`\ntw`peer-not-only:block`\ntw`peer-not-odd:block`\ntw`peer-not-even:block`\ntw`peer-not-first-of-type:block`\ntw`peer-not-last-of-type:block`\ntw`peer-not-only-of-type:block`\n\n// State\ntw`peer-not-target:block`\ntw`peer-not-open:block`\n\n// Forms\ntw`peer-not-default:block`\ntw`peer-not-checked:block`\ntw`peer-not-indeterminate:block`\ntw`peer-not-placeholder-shown:block`\ntw`peer-not-autofill:block`\ntw`peer-not-optional:block`\ntw`peer-not-required:block`\ntw`peer-not-valid:block`\ntw`peer-not-invalid:block`\ntw`peer-not-in-range:block`\ntw`peer-not-out-of-range:block`\ntw`peer-not-read-only:block`\n\n// Content\ntw`peer-not-empty:block`\n\n// Interactive\ntw`peer-not-focus-within:block`\ntw`peer-not-hover:block`\ntw`peer-not-focus:block`\ntw`peer-not-focus-visible:block`\ntw`peer-not-active:block`\ntw`peer-not-enabled:block`\ntw`peer-not-disabled:block`\n\n// Twin custom\ntw`peer-not-all:block`\ntw`peer-not-all-child:block`\ntw`peer-not-sibling:block`\ntw`peer-not-hocus:block`\ntw`peer-not-link:block`\ntw`peer-not-read-write:block`\ntw`peer-not-svg:block`\ntw`peer-not-even-of-type:block`\ntw`peer-not-odd-of-type:block`\n" }, { "path": "tests/__fixtures__/pluginAspectRatio/pluginAspectRatio.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`aspect-w-1`\ntw`aspect-h-1`\ntw`aspect-w-2`\ntw`aspect-h-2`\ntw`aspect-w-3`\ntw`aspect-h-3`\ntw`aspect-w-4`\ntw`aspect-h-4`\ntw`aspect-w-5`\ntw`aspect-h-5`\ntw`aspect-w-6`\ntw`aspect-h-6`\ntw`aspect-w-7`\ntw`aspect-h-7`\ntw`aspect-w-8`\ntw`aspect-h-8`\ntw`aspect-w-9`\ntw`aspect-h-9`\ntw`aspect-w-10`\ntw`aspect-h-10`\ntw`aspect-w-11`\ntw`aspect-h-11`\ntw`aspect-w-12`\ntw`aspect-h-12`\ntw`aspect-w-13`\ntw`aspect-h-13`\ntw`aspect-w-14`\ntw`aspect-h-14`\ntw`aspect-w-15`\ntw`aspect-h-15`\ntw`aspect-w-16`\ntw`aspect-h-16`\n" }, { "path": "tests/__fixtures__/pluginAspectRatio/tailwind.config.js", "content": "// https://github.com/tailwindlabs/tailwindcss-aspect-ratio\nmodule.exports = {\n plugins: [require('@tailwindcss/aspect-ratio')],\n}\n" }, { "path": "tests/__fixtures__/pluginDaisyUi/pluginDaisyUi.tsx", "content": "// @ts-nocheck\nimport { globalStyles } from '../macro'\n\nglobalStyles\n;() => (\n <>\n
\n
\n \n \n \n \n
\n
\n
\n
\n \n \n \n Error! Task failed successfully.\n
\n
\n\n
\n
\n \n \n \n 12 unread messages. Tap to see.\n
\n
\n
\n\n
\n \n
\n
\n \n
\n
\n
\n \n \n \n info\n
\n
\n \n \n \n success\n
\n
\n \n \n \n warning\n
\n
\n \n \n \n error\n
\n
\n
\n \n \n \n
\n
\n
\n
\n
\n \n \n \n
\n
Total Likes
\n
25.6K
\n
21% more than last month
\n
\n\n
\n
\n \n \n \n
\n
Page Views
\n
2.6M
\n
21% more than last month
\n
\n\n
\n
\n
\n
\n \n
\n
\n
\n
86%
\n
Tasks done
\n
31 tasks remaining
\n
\n
\n
\n
\n
\n
\n \n
\n
\n

New movie is released!

\n

Click the button to watch on Jetflix app.

\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n
\n
\n \n \n \n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n
\n
\n \n \n \n \n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n \n \n \n
\n
\n
\n
\n \n
\n \n
\n
\n \n \n
  • \n Sidebar Item 1\n
    • \n
  • \n Sidebar Item 2\n
    • \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n

    Hello there

    \n

    \n Provident cupiditate voluptatem et in. Quaerat fugiat ut\n assumenda excepturi exercitationem quasi. In deleniti eaque aut\n repudiandae et a id nisi.\n

    \n \n
    \n
    \n
    \n
    \n
    \n
    \n \n 99+\n \n \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
      \n
    • \n Register\n
      • \n
    • \n Choose plan\n
      • \n
    • \n Purchase\n
      • \n
    • \n Receive Product\n
      • \n
    \n
    \n
    \n
      \n
    • \n Fly to moon\n
      • \n
    • \n Shrink the moon\n
      • \n
    • \n Grab the moon\n
      • \n
    • \n Sit on toilet\n
      • \n
    \n
    \n
    \n \n
    \n
    \n
    \n 
    \n            npm i daisyui\n
    \n 
    \" tw=\"text-warning\">\n            installing...\n
    \n 
    \" tw=\"text-success\">\n            Done!\n
    \n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n

    Shoes!

    \n

    If a dog chews shoes whose shoes does he choose?

    \n
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n \n top+start\n \n \n top+center\n \n \n top+end\n \n \n middle+start\n \n \n middle+center\n \n \n middle+end\n \n \n bott0m+strt\n \n \n bottom+center\n \n \n bottom+end\n \n
    content
    \n
    \n
    \n
    \n
    \n
    \n
    \n

    Login now!

    \n

    \n Provident cupiditate voluptatem et in. Quaerat fugiat ut\n assumenda excepturi exercitationem quasi. In deleniti eaque aut\n repudiandae et a id nisi.\n

    \n
    \n
    \n
    \n
    \n \n \n
    \n
    \n \n \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n\n \n
    \n
    \n

    Congratulations random Interner user!

    \n

    \n You've been selected for a chance to get one year of subscription to\n use Wikipedia for free!\n

    \n
    \n \n
    \n
    \n
    \n \n)\n" }, { "path": "tests/__fixtures__/pluginDaisyUi/tailwind.config.js", "content": "module.exports = {\n plugins: [require('daisyui')],\n daisyui: { themes: false, logs: false, rtl: false },\n}\n" }, { "path": "tests/__fixtures__/pluginExamples/pluginExamples.tsx", "content": "// @ts-nocheck\nimport tw, { globalStyles } from '../macro'\n\ntw`content-auto`\ntw`content-hidden`\ntw`content-visible`\n\ntw`tab-1`\ntw`tab-2`\ntw`tab-4`\ntw`tab-8`\n\ntw`btn`\ntw`btn-blue`\ntw`btn-red`\ntw`btn btn-blue btn-red`\n\nglobalStyles\n\ntw`test-1:block`\ntw`test-2:block`\ntw`test-3:block`\ntw`test-4:block`\n\ntw`potato-[yellow]:bg-yellow-200`\ntw`potato-[baked]:w-3`\n\ntw`tooltip-bottom:mt-5`\ntw`tooltip-top:mb-5`\n\ntw`alphabet-c:underline `\ntw`alphabet-a:underline `\ntw`alphabet-d:underline `\ntw`alphabet-b:underline`\n\ntw`test-[a,b,c]:underline`\n\ntw`testmin-[500px]:underline`\ntw`testmin-[700px]:italic`\n" }, { "path": "tests/__fixtures__/pluginExamples/tailwind.config.js", "content": "// https://tailwindcss.com/docs/plugins\nconst plugin = require('tailwindcss/plugin')\n\nconst addUtilities = function ({ addUtilities }) {\n addUtilities({\n '.content-auto': {\n 'content-visibility': 'auto',\n },\n '.content-hidden': {\n 'content-visibility': 'hidden',\n },\n '.content-visible': {\n 'content-visibility': 'visible',\n },\n })\n}\n\nconst defaultValues = plugin(\n function ({ matchUtilities, theme }) {\n matchUtilities(\n {\n tab: value => ({\n tabSizeTest: value,\n }),\n },\n { values: theme('tabSizeTest') }\n )\n },\n {\n theme: {\n tabSizeTest: {\n 1: '1',\n 2: '2',\n 4: '4',\n 8: '8',\n },\n },\n }\n)\n\nconst addComponents = function ({ addComponents }) {\n addComponents({\n '.btn': {\n padding: '.5rem 1rem',\n borderRadius: '.25rem',\n fontWeight: '600',\n },\n '.btn-blue': {\n backgroundColor: '#3490dc',\n color: '#fff',\n '&:hover': {\n backgroundColor: '#2779bd',\n },\n },\n '.btn-red': {\n backgroundColor: '#e3342f',\n color: '#fff',\n '&:hover': {\n backgroundColor: '#cc1f1a',\n },\n },\n })\n}\n\nconst addBase = function ({ addBase, theme }) {\n addBase({\n h1: { fontSize: theme('fontSize.2xl') },\n h2: { fontSize: theme('fontSize.xl') },\n h3: { fontSize: theme('fontSize.lg') },\n })\n}\n\nconst addVariant = function ({ addVariant }) {\n addVariant('test-1', '&:test1')\n addVariant('test-2', ['&:hover', '&:focus'])\n addVariant('test-3', '@supports (display: grid)')\n addVariant('test-4', 'html.dark &.something')\n}\n\n// https://github.com/tailwindlabs/tailwindcss/blob/master/tests/match-variants.test.js\nconst matchVariant = ({ matchVariant }) => {\n matchVariant('potato', flavor => `.potato-${flavor} &`)\n matchVariant('carrot', flavor => `@media (carrot: ${flavor})`)\n matchVariant(\n 'beetroot',\n flavor => `@media (beetroot: ${flavor}) { &:beetroot }`\n )\n matchVariant('tooltip', side => `&${side}`, {\n values: {\n bottom: '[data-location=\"bottom\"]',\n top: '[data-location=\"top\"]',\n },\n })\n\n matchVariant('alphabet', side => `&${side}`, {\n values: {\n a: '[data-value=\"a\"]',\n b: '[data-value=\"b\"]',\n c: '[data-value=\"c\"]',\n d: '[data-value=\"d\"]',\n },\n })\n matchVariant('test', selector =>\n selector.split(',').map(selector => `&.${selector} > *`)\n )\n matchVariant('testmin', value => `@media (min-width: ${value})`, {\n sort(a, z) {\n return parseInt(a.value) - parseInt(z.value)\n },\n })\n}\n\nmodule.exports = {\n corePlugins: { preflight: false },\n experimental: { matchVariant: true },\n plugins: [\n addUtilities,\n defaultValues,\n addComponents,\n addBase,\n addVariant,\n matchVariant,\n ],\n}\n" }, { "path": "tests/__fixtures__/pluginForms/pluginForms.tsx", "content": "// @ts-nocheck\nimport { GlobalStyles } from '../macro'\n;\n" }, { "path": "tests/__fixtures__/pluginForms/tailwind.config.js", "content": "module.exports = {\n plugins: [require('@tailwindcss/forms')],\n}\n" }, { "path": "tests/__fixtures__/pluginFormsClassStrategy/pluginTypography.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`form-radio`\ntw`form-select`\ntw`form-checkbox`\ntw`form-input`\ntw`form-textarea`\ntw`form-multiselect`\n" }, { "path": "tests/__fixtures__/pluginFormsClassStrategy/tailwind.config.js", "content": "module.exports = {\n plugins: [require('@tailwindcss/forms')({ strategy: 'class' })],\n}\n" }, { "path": "tests/__fixtures__/pluginGapFallback/pluginGapFallback.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`flex-gap-0`\ntw`flex-gap-3`\ntw`flex-gap-x-3`\ntw`flex-gap-y-3`\ntw`flex-gap-px`\ntw`flex-gap-x-1.5`\n\ntw`gap-0`\ntw`gap-3`\ntw`gap-x-3`\ntw`gap-y-3`\ntw`gap-px`\ntw`gap-x-1.5`\n\ntw`test-1`\ntw`test-2`\n" }, { "path": "tests/__fixtures__/pluginGapFallback/tailwind.config.js", "content": "const plugin = require('tailwindcss/plugin')\n\nconst half = value => value.replace(/\\d+(.\\d+)?/, number => number / 2)\n\n// Basic plugin that creates new gap classes\nconst gapReplacementPlugin = plugin(({ addUtilities, e, theme }) => {\n Object.entries(theme('gap')).forEach(([key, value]) =>\n addUtilities({\n [`.flex-gap-${e(key)}`]: {\n margin: `-${half(value)}`,\n '& > *': {\n margin: half(value),\n },\n },\n [`.flex-gap-x-${e(key)}`]: {\n marginRight: `-${half(value)}`,\n marginLeft: `-${half(value)}`,\n '& > *': {\n marginRight: half(value),\n marginLeft: half(value),\n },\n },\n [`.flex-gap-y-${e(key)}`]: {\n marginTop: `-${half(value)}`,\n marginBottom: `-${half(value)}`,\n '& > *': {\n marginTop: half(value),\n marginBottom: half(value),\n },\n },\n })\n )\n})\n\n// Alternative gap plugin that uses a parent class that's dynamically added\nconst gapSupportPlugin = plugin(({ addUtilities, e, theme }) => {\n Object.entries(theme('gap')).forEach(([key, value]) =>\n addUtilities({\n [`.gap-${e(key)}`]: {\n '.no-flex-gap &': {\n margin: `-${half(value)}`,\n },\n '.no-flex-gap & > *': {\n margin: half(value),\n },\n },\n [`.gap-x-${e(key)}`]: {\n '.no-flex-gap &': {\n marginRight: `-${half(value)}`,\n marginLeft: `-${half(value)}`,\n },\n '.no-flex-gap & > *': {\n marginRight: half(value),\n marginLeft: half(value),\n },\n },\n [`.gap-y-${e(key)}`]: {\n '.no-flex-gap &': {\n marginTop: `-${half(value)}`,\n marginBottom: `-${half(value)}`,\n },\n '.no-flex-gap & > *': {\n marginTop: half(value),\n marginBottom: half(value),\n },\n },\n })\n )\n})\n\n// Test a couple extra things\nconst testPlugin = plugin(({ addUtilities, e, theme }) => {\n addUtilities({\n [`.test-1`]: {\n background: '5px',\n '.a-class & .some-class': {\n margin: '10px',\n },\n '.a-class & > *': {\n margin: '20px',\n },\n },\n [`.test-2`]: {\n '.a-class & .some-class': {\n margin: '10px',\n },\n '.a-class & > *': {\n margin: '20px',\n },\n },\n })\n})\n\nmodule.exports = {\n plugins: [gapReplacementPlugin, gapSupportPlugin, testPlugin],\n}\n" }, { "path": "tests/__fixtures__/pluginTypography/pluginTypography.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// From @tailwindcss/typography\ntw`prose sm:prose-sm lg:prose-lg xl:prose-xl`\n\n// From tailwindcss-typography\ntw`rich-text`\n" }, { "path": "tests/__fixtures__/pluginTypography/tailwind.config.js", "content": "const textStyles = theme => ({\n heading: {\n output: false,\n fontWeight: theme('fontWeight.bold'),\n lineHeight: theme('lineHeight.tight'),\n },\n h1: {\n extends: 'heading',\n fontSize: theme('fontSize.5xl'),\n '@screen sm': {\n fontSize: theme('fontSize.6xl'),\n },\n },\n h2: {\n extends: 'heading',\n fontSize: theme('fontSize.4xl'),\n '@screen sm': {\n fontSize: theme('fontSize.5xl'),\n lineHeight: '50px',\n },\n },\n '@screen sm': {\n h3: {\n extends: 'heading',\n fontSize: theme('fontSize.4xl'),\n },\n ':hover': {\n color: theme('colors.blue.300'),\n },\n },\n link: {\n fontWeight: theme('fontWeight.bold'),\n color: theme('colors.blue.400'),\n '&:hover, &:focus': {\n color: theme('colors.blue.600'),\n textDecoration: 'underline',\n },\n '&:active': {\n color: theme('colors.orange.600'),\n },\n },\n richText: {\n fontWeight: theme('fontWeight.normal'),\n fontSize: theme('fontSize.base'),\n lineHeight: theme('lineHeight.relaxed'),\n '> * + *': {\n marginTop: '1em',\n },\n h1: {\n extends: 'h1',\n },\n a: {\n extends: 'link',\n },\n 'b, strong': {\n fontWeight: theme('fontWeight.bold'),\n },\n 'i, em': {\n fontStyle: 'italic',\n },\n },\n})\n\nmodule.exports = {\n theme: {\n textStyles,\n },\n plugins: [\n require('@tailwindcss/typography'),\n require('tailwindcss-typography')({\n ellipsis: false,\n hyphens: false,\n kerning: false,\n textUnset: false,\n componentPrefix: '',\n }),\n ],\n}\n" }, { "path": "tests/__fixtures__/pluginUserParentSelector/pluginUserParentSelector.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`my-class1`\ntw`my-class2`\ntw`my-class3`\ntw`my-class4`\ntw`my-class5`\ntw`my-class6`\n" }, { "path": "tests/__fixtures__/pluginUserParentSelector/tailwind.config.js", "content": "const plugin = require('tailwindcss/plugin')\n\nmodule.exports = {\n plugins: [\n plugin(({ addComponents }) =>\n addComponents({\n '.my-class1': {\n backgroundColor: 'black',\n h2: {\n backgroundColor: 'red',\n },\n },\n '.my-class2': {\n backgroundColor: 'green',\n 'h2 &': {\n backgroundColor: 'yellow',\n },\n },\n '.my-class3': {\n backgroundColor: 'green',\n '.dark &:hover': {\n backgroundColor: 'yellow',\n },\n },\n '.my-class4': {\n '.test & :hover': {\n backgroundColor: 'orange',\n },\n },\n '.my-class5': {\n backgroundColor: 'brown',\n '&:hover': {\n backgroundColor: 'pink',\n },\n },\n '.my-class6': {\n backgroundColor: 'blue',\n ':hover': {\n backgroundColor: 'orange',\n },\n },\n })\n ),\n ],\n}\n" }, { "path": "tests/__fixtures__/plugins/config.json", "content": "{\n \"includeClassNames\": true,\n \"dataTwProp\": \"all\"\n}\n" }, { "path": "tests/__fixtures__/plugins/plugins.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Tailwind plugin tests\n\ntw`type-sm`\n\nconst addUtilitiesTest = tw`type-sm text-red-500 lg:type-sm md:type-sm!`\n\nconst addUtilitiesTest2 = tw`skew-15deg`\nconst addUtilitiesTest2Important = tw`skew-15deg! type-sm!`\nconst addUtilitiesTest2Media = tw`sm:skew-15deg lg:type-sm`\nconst addUtilitiesTest2Variants = tw`hover:active:skew-15deg even:visited:skew-15deg`\n\nconst addComponentsTest = tw`btn btn-blue btn-red`\nconst addComponentsTestMedia = tw`xl:btn sm:btn-blue lg:btn-red`\nconst addComponentsTestVariants = tw`hover:active:btn hocus:before:btn-blue even:visited:btn-red`\n\nconst addComponentsTestElementPrefixes = tw`prefixes`\nconst addComponentsTestElementScreenReplacements = tw`screenies`\n" }, { "path": "tests/__fixtures__/plugins/tailwind.config.js", "content": "module.exports = {\n theme: {\n aspectRatio: {\n 2: '2',\n 4: '4',\n 6: '6',\n },\n },\n plugins: [\n addUtilitiesTest,\n addUtilitiesTest2,\n addComponentsTest,\n addComponentsTestElementPrefixes,\n addComponentsTestElementScreenReplacements,\n pluginBaseSelectors,\n ],\n}\n\nfunction addUtilitiesTest({ addUtilities, theme }) {\n const newUtilities = {\n '.type-sm': {\n fontSize: theme('fontSize.sm'),\n fontWeight: theme('fontWeight.medium'),\n lineHeight: theme('lineHeight.tight'),\n },\n }\n addUtilities(newUtilities)\n}\n\nfunction addUtilitiesTest2({ addUtilities }) {\n const newUtilities = {\n '.skew-10deg': {\n transform: 'skewY(-10deg)',\n },\n '.skew-15deg': {\n transform: 'skewY(-15deg)',\n },\n }\n\n addUtilities(newUtilities)\n}\n\nfunction addComponentsTest({ addComponents }) {\n const buttons = {\n '.btn': {\n padding: '.5rem 1rem',\n borderRadius: '.25rem',\n fontWeight: '600',\n },\n '.btn-blue': {\n backgroundColor: '#3490dc',\n color: '#fff',\n '&:hover': {\n backgroundColor: '#2779bd',\n },\n },\n '.btn-red': {\n backgroundColor: '#e3342f',\n color: '#fff',\n '&:hover': {\n backgroundColor: '#cc1f1a',\n },\n },\n }\n\n addComponents(buttons)\n}\n\nfunction addComponentsTestElementPrefixes({ addComponents }) {\n const styles = [\n {\n '.prefixes': {\n h1: {\n margin: 'auto',\n marginRight: '10px',\n },\n 'h2:hover': {\n color: 'red',\n },\n 'h3:hover, h3:active': {\n color: 'green',\n },\n ':focus': {\n display: 'none',\n },\n },\n },\n ]\n\n addComponents(styles)\n}\n\nfunction addComponentsTestElementScreenReplacements({ addComponents }) {\n const styles = [\n {\n '.screenies': {\n '@screen sm': {\n display: 'block',\n },\n '@screen lg': {\n display: 'inline-block',\n },\n '@screen md': {\n display: 'flex',\n },\n '@screen xl': {\n h1: {\n marginTop: '50px',\n '&:hover, &:focus': {\n color: 'blue',\n },\n },\n },\n },\n },\n ]\n\n addComponents(styles)\n}\n\n// tests introducing a config item and using the items as base selectors\nfunction pluginBaseSelectors({ addComponents, theme, e }) {\n const values = theme('aspectRatio')\n\n const baseSelectors = Object.entries(values)\n .map(([key]) => `.${e(`aspect-test-${key}`)}`)\n .join(',\\n')\n\n addComponents([{ [baseSelectors]: { content: 'test' } }])\n}\n" }, { "path": "tests/__fixtures__/prefix/config.json", "content": "{\n \"includeClassNames\": true,\n \"dataTwProp\": \"all\",\n \"disableShortCss\": false\n}\n" }, { "path": "tests/__fixtures__/prefix/prefix.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// tw prop prefix\n;
    \n\n// tw import prefix\n;
    \n\n// tw prop + import prefix\n;
    \n\n// tw import + short css\n;
    \n\n// tw import + arbitrary property\n;
    \n\n// className should be ignored without the prefix\n;
    \n\n// className should be converted with a prefix\n;
    \n\n// group\n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n\n// custom plugin classes\n;
    \n;
    \n;
    \n" }, { "path": "tests/__fixtures__/prefix/tailwind.config.js", "content": "const plugin = require('tailwindcss/plugin')\n\nfunction pluginClass({ addComponents }) {\n addComponents([\n {\n '.plugin-class': {\n content: 'working',\n },\n },\n ])\n}\n\n// Test a couple extra things\nconst parentTestPlugin = plugin(({ addUtilities }) => {\n addUtilities({\n '.test-1': {\n background: '5px',\n '.a-class & .some-class': {\n margin: '10px',\n },\n '.a-class & > *': {\n margin: '20px',\n },\n },\n '.test-2': {\n '.a-class & .some-class': {\n margin: '10px',\n },\n '.a-class & > *': {\n margin: '20px',\n },\n },\n })\n})\n\nmodule.exports = {\n prefix: 'tw-',\n plugins: [pluginClass, parentTestPlugin],\n}\n" }, { "path": "tests/__fixtures__/preflight/preflight.tsx", "content": "// @ts-nocheck\nimport { globalStyles } from '../macro'\n\nglobalStyles\n" }, { "path": "tests/__fixtures__/preflight/tailwind.config.js", "content": "module.exports = {\n corePlugins: {\n preflight: false,\n },\n}\n" }, { "path": "tests/__fixtures__/presets/presets.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`text-badass`\ntw`text-banana`\ntw`text-hamburger`\ntw`active:text-white`\ntw`hocus:text-black`\n" }, { "path": "tests/__fixtures__/presets/tailwind.config.js", "content": "const myConfigDefault = {\n theme: {\n extend: {\n colors: {\n hamburger: 'brown',\n },\n },\n },\n}\n\nconst myConfig = {\n presets: [myConfigDefault],\n theme: {\n extend: {\n colors: {\n badass: '#bada55',\n },\n },\n },\n}\n\nmodule.exports = {\n presets: [myConfig],\n theme: {\n extend: {\n colors: {\n banana: 'yellow',\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/sassyPseudo/config.json", "content": "{\n \"sassyPseudo\": true,\n \"disableShortCss\": false\n}\n" }, { "path": "tests/__fixtures__/sassyPseudo/sassyPseudo.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`hover:block first:mt-2 last-of-type:max-width[20px]`\ntw`hover:block first:mt-2 last-of-type:[max-width:20px]`\n\ntw`my-class1`\ntw`my-class2`\ntw`my-class3`\n" }, { "path": "tests/__fixtures__/sassyPseudo/tailwind.config.js", "content": "const plugin = require('tailwindcss/plugin')\n\nmodule.exports = {\n plugins: [\n plugin(({ addComponents }) =>\n addComponents({\n '.my-class1': {\n '&:hover': {\n backgroundColor: 'pink',\n },\n },\n '.my-class2': {\n ':hover': {\n backgroundColor: 'orange',\n },\n },\n '.my-class3': {\n '.test & :hover': {\n backgroundColor: 'orange',\n },\n },\n })\n ),\n ],\n}\n" }, { "path": "tests/__fixtures__/screenImport/screenImport.tsx", "content": "// @ts-nocheck\nimport tw, { styled, screen } from '../macro'\n\n// Media query only\nscreen`sm`\nscreen.md // Can't work with screen values that begin with a number, eg: screen.2xl\nscreen('lg')\nscreen(`xl`)\n\n// Constructed media queries\n;`\n ${screen`sm`} {\n display: block;\n ${tw`inline`}\n }\n`\n;({ [screen`sm`]: `display: block; ${tw`inline`}` })\n;({ [screen`sm`]: { display: 'block', ...tw`inline` } })\n\n// Media queries with styles\nscreen.sm({ color: `red` })\nscreen`md`({ color: `red` })\nscreen('lg')({ color: `red` })\nscreen(`xl`)({ color: `red` })\nscreen.sm`color: red;`\nscreen`md``color: red;`\nscreen('lg')`color: red;`\nscreen(`xl`)`color: red;`\n\nscreen.xl(tw`inline`)\nscreen.xl({ ...tw`inline` })\nscreen.xl({ ...tw`inline`, display: 'block' })\nscreen.xl`\n ${tw`inline`}\n display: block;\n`\nscreen.xl`color: ${true && 'blue'};`\n\n// Within template literals\n;`${screen.lg}`\n;`${screen`xl`}`\n;`${screen(`xl`)}`\n;`${screen('xl')}`\n\n// Screen keys\n;\n;\n;
    \n;\n\nstyled.div`\n ${{ [screen.xl]: { color: 'red' } }}\n`\nstyled.div([{ [screen.xl]: { color: 'red' } }])\n\n// Logical expressions\n;\nstyled.div([{ [true && screen.xl]: { color: 'red' } }])\n\n// Conditional expressions\n;\nstyled.div`\n ${{\n // eslint-disable-next-line no-constant-condition\n [true ? screen.xl : screen.sm]: { color: 'red' },\n }}\n`\n\n// Screen with values\n;
    \n;
    \n;\n;
    \n;
    \n;\n" }, { "path": "tests/__fixtures__/screenImport/tailwind.config.js", "content": "module.exports = {\n theme: {\n screens: {\n sm: '100px',\n md: '200px',\n lg: '300px',\n xl: '400px',\n },\n },\n}\n" }, { "path": "tests/__fixtures__/screens/screens.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`sm:block`\ntw`md:block`\ntw`lg:block`\ntw`xl:block`\ntw`2xl:block`\n\ntw`:font-bold`\n" }, { "path": "tests/__fixtures__/screens/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n screens: {\n '': { min: '500px' },\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/separator/separator.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`[&[data-foo][data-bar]:not([data-baz])]__underline`\n" }, { "path": "tests/__fixtures__/separator/tailwind.config.js", "content": "module.exports = {\n separator: '__',\n}\n" }, { "path": "tests/__fixtures__/shortCss/config.json", "content": "{\n \"disableShortCss\": false,\n \"disableCsProp\": false\n}\n" }, { "path": "tests/__fixtures__/shortCss/shortCss.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// within cs prop\n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n\n// within tw prop\n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n\n// within css prop\n;
    \n\n// within tw import\ntw`maxWidth[100vw - 2rem]`\ntw`maxWidth[100vw - 2rem] block`\ntw`md:maxWidth[100vw - 2rem]`\ntw`hover:(maxWidth[100vw - 2rem] width[2rem])`\ntw`hover:(maxWidth[100vw - 2rem] before:content['test'])`\ntw`hover:(maxWidth[100vw - 2rem] before:content['test'])!`\ntw`hover:(maxWidth[100vw - 2rem]! before:content['test'])`\n\n// prop ordering\n;
    \n\n// Setting css variables\ntw`--css-prop[true] md:--css-prop[false]`\n\n// Using css variables\ntw`max-width[var(--css-react)] md:max-width[var(--css-react-md)]`\n\n// Browser vendor prefixes\ntw`-webkit-gradient[gradient here] md:-webkit-gradient[gradient here md]`\n\n// Grid template\ntw`grid-template-columns[[main-start] 1fr [content-start] 1fr [content-end] 1fr [main-end]] md:grid-template-columns[[main-start-md] 1fr [content-start-md] 1fr [content-end-md] 1fr [main-end-md]]`\n\n// Short css trumps core plugins\ntw`transition-property[margin]`\n\n// Crazy calcs\ntw`padding[calc((2em * -1) + var(--myVar))]`\n\n// Multiline\ntw`padding[\n calc((2em * -1) + var(--myVar))\n]`\ntw`padding[\n calc((2em * -1) +\n var(--myVar))\n]`\n\n// Theme value\ntw`--color[theme(colors.red.500)]`\ntw`--color[this theme(colors.red.500) that]`\n\n// Automatic '' value\ntw`touch-action[]`\n" }, { "path": "tests/__fixtures__/stitches/config.json", "content": "{\n \"preset\": \"stitches\",\n \"stitchesConfig\": \"tests/__fixtures__/stitches/stitches.config.js\"\n}\n" }, { "path": "tests/__fixtures__/stitches/stitches.config.js", "content": "// just for show\n" }, { "path": "tests/__fixtures__/stitches/stitchesDotSyntax.tsx", "content": "// @ts-nocheck\nimport tw, { styled } from '../macro'\n\ntw.div`block`\nstyled.div(tw`block`)\nstyled.div({ display: 'block' })\n\n// Classic syntax\nstyled('div', tw`block`)\n" }, { "path": "tests/__fixtures__/stitches/stitchesGlobals.tsx", "content": "// @ts-nocheck\nimport { globalStyles } from '../macro'\nimport { global } from './stitches.config'\n\nconst globals = global(globalStyles)\n\nexport function App() {\n globals()\n // ...\n}\n" }, { "path": "tests/__fixtures__/stitches/stitchesImports.tsx", "content": "// @ts-nocheck\nimport tw, { css, styled } from '../macro'\n\ncss(tw`block`)\ntw.div`block`\nstyled.div(tw`block`)\n" }, { "path": "tests/__fixtures__/stitches/stitchesProps.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n// tw prop\n;
    \n\n// tw + css prop\n;
    \n;
    \n;
    \n;
    \n\n// Extracted styles\nconst styles = {\n container: ({ isInline }) => ({ ...tw`block`, ...(isInline && tw`inline`) }),\n}\n;
    \n\n// Dot syntax\nconst Component = { Sub: () => [] }\n;\n;\n" }, { "path": "tests/__fixtures__/themeValuesToString/tailwind.config.js", "content": "module.exports = {\n theme: {\n colors: {},\n keyframes: {\n 'fade-up': {\n from: {\n transform: 'translateY(0.5rem)',\n opacity: 0,\n },\n to: {\n transform: 'translateY(0)',\n opacity: 1,\n },\n },\n },\n anotherkey: {\n property: '1rem',\n },\n },\n}\n" }, { "path": "tests/__fixtures__/themeValuesToString/themeValuesToString.tsx", "content": "// @ts-nocheck\nimport { globalStyles, theme } from '../macro'\n\nglobalStyles\n\ntheme`keyframes`\ntheme``\n" }, { "path": "tests/__fixtures__/userPluginOrdering/tailwind.config.js", "content": "function fluidContainer({ addComponents, theme }) {\n const styles = [\n {\n '@media (min-width: 1px)': {\n '.selector': {\n content: '@media .selector',\n },\n },\n },\n {\n '.selector': {\n content: '.selector',\n '.selector2': {\n content: '.selector .selector2',\n },\n '@media (min-width: 1px)': {\n '.selector3': {\n content: '@media .selector .selector3',\n },\n },\n },\n },\n {\n '.selector:hover': {\n content: '.selector:hover',\n '@media (min-width: 1px)': {\n '.selector2': {\n content: '@media .selector:hover .selector2',\n },\n '&.selector2': {\n content: '@media .selector:hover.selector2',\n },\n },\n '.selector3': {\n content: '.selector:hover .selector3',\n },\n },\n },\n {\n '.not-selector': {\n content: 'not-container',\n },\n },\n {\n '.selector': {\n margin: '1px',\n padding: 'padding',\n display: 'block',\n '@media (min-width: 2px)': {\n content: '@media .selector',\n },\n },\n },\n ]\n\n addComponents(styles)\n}\n\nmodule.exports = {\n plugins: [fluidContainer],\n}\n" }, { "path": "tests/__fixtures__/userPluginOrdering/userPluginOrdering.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`selector`\n" }, { "path": "tests/__fixtures__/utilitiesAccessibility/screenReaders.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/screen-readers\ntw`sr-only`\ntw`not-sr-only`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundAttachment.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-attachment\ntw`bg-fixed`\ntw`bg-local`\ntw`bg-scroll`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundClip.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-clip\ntw`bg-clip-border`\ntw`bg-clip-padding`\ntw`bg-clip-content`\ntw`bg-clip-text`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/background-color\ntheme`backgroundColor`\n\ntw`bg-inherit`\ntw`bg-current`\ntw`bg-transparent`\ntw`bg-black`\ntw`bg-white`\ntw`bg-slate-50`\ntw`bg-slate-100`\ntw`bg-slate-200`\ntw`bg-slate-300`\ntw`bg-slate-400`\ntw`bg-slate-500`\ntw`bg-slate-600`\ntw`bg-slate-700`\ntw`bg-slate-800`\ntw`bg-slate-900`\ntw`bg-gray-50`\ntw`bg-gray-100`\ntw`bg-gray-200`\ntw`bg-gray-300`\ntw`bg-gray-400`\ntw`bg-gray-500`\ntw`bg-gray-600`\ntw`bg-gray-700`\ntw`bg-gray-800`\ntw`bg-gray-900`\ntw`bg-zinc-50`\ntw`bg-zinc-100`\ntw`bg-zinc-200`\ntw`bg-zinc-300`\ntw`bg-zinc-400`\ntw`bg-zinc-500`\ntw`bg-zinc-600`\ntw`bg-zinc-700`\ntw`bg-zinc-800`\ntw`bg-zinc-900`\ntw`bg-neutral-50`\ntw`bg-neutral-100`\ntw`bg-neutral-200`\ntw`bg-neutral-300`\ntw`bg-neutral-400`\ntw`bg-neutral-500`\ntw`bg-neutral-600`\ntw`bg-neutral-700`\ntw`bg-neutral-800`\ntw`bg-neutral-900`\ntw`bg-stone-50`\ntw`bg-stone-100`\ntw`bg-stone-200`\ntw`bg-stone-300`\ntw`bg-stone-400`\ntw`bg-stone-500`\ntw`bg-stone-600`\ntw`bg-stone-700`\ntw`bg-stone-800`\ntw`bg-stone-900`\ntw`bg-red-50`\ntw`bg-red-100`\ntw`bg-red-200`\ntw`bg-red-300`\ntw`bg-red-400`\ntw`bg-red-500`\ntw`bg-red-600`\ntw`bg-red-700`\ntw`bg-red-800`\ntw`bg-red-900`\ntw`bg-orange-50`\ntw`bg-orange-100`\ntw`bg-orange-200`\ntw`bg-orange-300`\ntw`bg-orange-400`\ntw`bg-orange-500`\ntw`bg-orange-600`\ntw`bg-orange-700`\ntw`bg-orange-800`\ntw`bg-orange-900`\ntw`bg-amber-50`\ntw`bg-amber-100`\ntw`bg-amber-200`\ntw`bg-amber-300`\ntw`bg-amber-400`\ntw`bg-amber-500`\ntw`bg-amber-600`\ntw`bg-amber-700`\ntw`bg-amber-800`\ntw`bg-amber-900`\ntw`bg-yellow-50`\ntw`bg-yellow-100`\ntw`bg-yellow-200`\ntw`bg-yellow-300`\ntw`bg-yellow-400`\ntw`bg-yellow-500`\ntw`bg-yellow-600`\ntw`bg-yellow-700`\ntw`bg-yellow-800`\ntw`bg-yellow-900`\ntw`bg-lime-50`\ntw`bg-lime-100`\ntw`bg-lime-200`\ntw`bg-lime-300`\ntw`bg-lime-400`\ntw`bg-lime-500`\ntw`bg-lime-600`\ntw`bg-lime-700`\ntw`bg-lime-800`\ntw`bg-lime-900`\ntw`bg-green-50`\ntw`bg-green-100`\ntw`bg-green-200`\ntw`bg-green-300`\ntw`bg-green-400`\ntw`bg-green-500`\ntw`bg-green-600`\ntw`bg-green-700`\ntw`bg-green-800`\ntw`bg-green-900`\ntw`bg-emerald-50`\ntw`bg-emerald-100`\ntw`bg-emerald-200`\ntw`bg-emerald-300`\ntw`bg-emerald-400`\ntw`bg-emerald-500`\ntw`bg-emerald-600`\ntw`bg-emerald-700`\ntw`bg-emerald-800`\ntw`bg-emerald-900`\ntw`bg-teal-50`\ntw`bg-teal-100`\ntw`bg-teal-200`\ntw`bg-teal-300`\ntw`bg-teal-400`\ntw`bg-teal-500`\ntw`bg-teal-600`\ntw`bg-teal-700`\ntw`bg-teal-800`\ntw`bg-teal-900`\ntw`bg-cyan-50`\ntw`bg-cyan-100`\ntw`bg-cyan-200`\ntw`bg-cyan-300`\ntw`bg-cyan-400`\ntw`bg-cyan-500`\ntw`bg-cyan-600`\ntw`bg-cyan-700`\ntw`bg-cyan-800`\ntw`bg-cyan-900`\ntw`bg-sky-50`\ntw`bg-sky-100`\ntw`bg-sky-200`\ntw`bg-sky-300`\ntw`bg-sky-400`\ntw`bg-sky-500`\ntw`bg-sky-600`\ntw`bg-sky-700`\ntw`bg-sky-800`\ntw`bg-sky-900`\ntw`bg-blue-50`\ntw`bg-blue-100`\ntw`bg-blue-200`\ntw`bg-blue-300`\ntw`bg-blue-400`\ntw`bg-blue-500`\ntw`bg-blue-600`\ntw`bg-blue-700`\ntw`bg-blue-800`\ntw`bg-blue-900`\ntw`bg-indigo-50`\ntw`bg-indigo-100`\ntw`bg-indigo-200`\ntw`bg-indigo-300`\ntw`bg-indigo-400`\ntw`bg-indigo-500`\ntw`bg-indigo-600`\ntw`bg-indigo-700`\ntw`bg-indigo-800`\ntw`bg-indigo-900`\ntw`bg-violet-50`\ntw`bg-violet-100`\ntw`bg-violet-200`\ntw`bg-violet-300`\ntw`bg-violet-400`\ntw`bg-violet-500`\ntw`bg-violet-600`\ntw`bg-violet-700`\ntw`bg-violet-800`\ntw`bg-violet-900`\ntw`bg-purple-50`\ntw`bg-purple-100`\ntw`bg-purple-200`\ntw`bg-purple-300`\ntw`bg-purple-400`\ntw`bg-purple-500`\ntw`bg-purple-600`\ntw`bg-purple-700`\ntw`bg-purple-800`\ntw`bg-purple-900`\ntw`bg-fuchsia-50`\ntw`bg-fuchsia-100`\ntw`bg-fuchsia-200`\ntw`bg-fuchsia-300`\ntw`bg-fuchsia-400`\ntw`bg-fuchsia-500`\ntw`bg-fuchsia-600`\ntw`bg-fuchsia-700`\ntw`bg-fuchsia-800`\ntw`bg-fuchsia-900`\ntw`bg-pink-50`\ntw`bg-pink-100`\ntw`bg-pink-200`\ntw`bg-pink-300`\ntw`bg-pink-400`\ntw`bg-pink-500`\ntw`bg-pink-600`\ntw`bg-pink-700`\ntw`bg-pink-800`\ntw`bg-pink-900`\ntw`bg-rose-50`\ntw`bg-rose-100`\ntw`bg-rose-200`\ntw`bg-rose-300`\ntw`bg-rose-400`\ntw`bg-rose-500`\ntw`bg-rose-600`\ntw`bg-rose-700`\ntw`bg-rose-800`\ntw`bg-rose-900`\n\ntw`bg-[#0f0] bg-[#ff0000] bg-[#0000ffcc]`\ntw`bg-[#0000ffcc]`\ntw`bg-[rgb(123,123,123)] bg-[rgba(123,123,123,0.5)]`\ntw`bg-[hsl(0,100%,50%)] bg-[hsla(0,100%,50%,0.3)]`\ntw`bg-[url('/img/hero-pattern.svg')]`\n\ntw`bg-red-500/25`\ntw`bg-red-500/fromConfig`\ntw`bg-red-500/fromConfig/25`\ntw`bg-red-500/fromConfig/[.555]`\ntw`bg-red-500/fromConfig/[var(--myvar)]`\ntw`bg-red-500/[.555]`\ntw`bg-red-500/[var(--myvar)]`\ntw`bg-[theme('colors.red.500')]`\ntw`bg-[theme('colors.red.500')]/20`\n\ntw`bg-electric`\ntw`bg-electric/25`\ntw`bg-electric/[.555]`\ntw`bg-electric/[var(--myvar)]`\ntw`bg-[theme('colors.electric')]`\ntw`bg-[theme('colors.electric')]/20`\n\ntw`bg-[color:custom]`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundImage.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/background-image\ntheme`backgroundImage`\n\ntw`bg-none`\ntw`bg-gradient-to-t`\ntw`bg-gradient-to-tr`\ntw`bg-gradient-to-r`\ntw`bg-gradient-to-br`\ntw`bg-gradient-to-b`\ntw`bg-gradient-to-bl`\ntw`bg-gradient-to-l`\ntw`bg-gradient-to-tl`\n\ntw`bg-[image:custom]`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundOpacity.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-opacity\ntw`bg-sky-500/100`\ntw`bg-sky-500/75`\ntw`bg-sky-500/50`\ntw`bg-sky-500/[.06]`\n\ntw`bg-opacity-0`\ntw`bg-opacity-5`\ntw`bg-opacity-10`\ntw`bg-opacity-20`\ntw`bg-opacity-25`\ntw`bg-opacity-30`\ntw`bg-opacity-40`\ntw`bg-opacity-50`\ntw`bg-opacity-60`\ntw`bg-opacity-70`\ntw`bg-opacity-75`\ntw`bg-opacity-80`\ntw`bg-opacity-90`\ntw`bg-opacity-95`\ntw`bg-opacity-100`\n\ntw`bg-opacity-[0.11]`\ntw`bg-opacity-[var(--value)]`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundOrigin.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-origin\ntw`bg-origin-border`\ntw`bg-origin-padding`\ntw`bg-origin-content`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundPosition.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-position\ntw`bg-bottom`\ntw`bg-center`\ntw`bg-left`\ntw`bg-left-bottom`\ntw`bg-left-top`\ntw`bg-right`\ntw`bg-right-bottom`\ntw`bg-right-top`\ntw`bg-top`\n\ntw`bg-[position:200px 100px]`\ntw`bg-[position:var(--value)]`\ntw`bg-[center top 1rem]`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundRepeat.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/background-repeat\ntheme`backgroundPosition`\n\ntw`bg-repeat`\ntw`bg-no-repeat`\ntw`bg-repeat-x`\ntw`bg-repeat-y`\ntw`bg-repeat-round`\ntw`bg-repeat-space`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/backgroundSize.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/background-size\ntheme`backgroundSize`\n\ntw`bg-auto`\ntw`bg-cover`\ntw`bg-contain`\n\ntw`bg-[length:var(--value)]`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/gradientColorStops.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/gradient-color-stops\ntheme`gradientColorStops`\n\ntw`from-inherit`\ntw`from-current`\ntw`from-transparent`\ntw`from-black`\ntw`from-white`\ntw`from-slate-50`\ntw`from-slate-100`\ntw`from-slate-200`\ntw`from-slate-300`\ntw`from-slate-400`\ntw`from-slate-500`\ntw`from-slate-600`\ntw`from-slate-700`\ntw`from-slate-800`\ntw`from-slate-900`\ntw`from-gray-50`\ntw`from-gray-100`\ntw`from-gray-200`\ntw`from-gray-300`\ntw`from-gray-400`\ntw`from-gray-500`\ntw`from-gray-600`\ntw`from-gray-700`\ntw`from-gray-800`\ntw`from-gray-900`\ntw`from-zinc-50`\ntw`from-zinc-100`\ntw`from-zinc-200`\ntw`from-zinc-300`\ntw`from-zinc-400`\ntw`from-zinc-500`\ntw`from-zinc-600`\ntw`from-zinc-700`\ntw`from-zinc-800`\ntw`from-zinc-900`\ntw`from-neutral-50`\ntw`from-neutral-100`\ntw`from-neutral-200`\ntw`from-neutral-300`\ntw`from-neutral-400`\ntw`from-neutral-500`\ntw`from-neutral-600`\ntw`from-neutral-700`\ntw`from-neutral-800`\ntw`from-neutral-900`\ntw`from-stone-50`\ntw`from-stone-100`\ntw`from-stone-200`\ntw`from-stone-300`\ntw`from-stone-400`\ntw`from-stone-500`\ntw`from-stone-600`\ntw`from-stone-700`\ntw`from-stone-800`\ntw`from-stone-900`\ntw`from-red-50`\ntw`from-red-100`\ntw`from-red-200`\ntw`from-red-300`\ntw`from-red-400`\ntw`from-red-500`\ntw`from-red-600`\ntw`from-red-700`\ntw`from-red-800`\ntw`from-red-900`\ntw`from-orange-50`\ntw`from-orange-100`\ntw`from-orange-200`\ntw`from-orange-300`\ntw`from-orange-400`\ntw`from-orange-500`\ntw`from-orange-600`\ntw`from-orange-700`\ntw`from-orange-800`\ntw`from-orange-900`\ntw`from-amber-50`\ntw`from-amber-100`\ntw`from-amber-200`\ntw`from-amber-300`\ntw`from-amber-400`\ntw`from-amber-500`\ntw`from-amber-600`\ntw`from-amber-700`\ntw`from-amber-800`\ntw`from-amber-900`\ntw`from-yellow-50`\ntw`from-yellow-100`\ntw`from-yellow-200`\ntw`from-yellow-300`\ntw`from-yellow-400`\ntw`from-yellow-500`\ntw`from-yellow-600`\ntw`from-yellow-700`\ntw`from-yellow-800`\ntw`from-yellow-900`\ntw`from-lime-50`\ntw`from-lime-100`\ntw`from-lime-200`\ntw`from-lime-300`\ntw`from-lime-400`\ntw`from-lime-500`\ntw`from-lime-600`\ntw`from-lime-700`\ntw`from-lime-800`\ntw`from-lime-900`\ntw`from-green-50`\ntw`from-green-100`\ntw`from-green-200`\ntw`from-green-300`\ntw`from-green-400`\ntw`from-green-500`\ntw`from-green-600`\ntw`from-green-700`\ntw`from-green-800`\ntw`from-green-900`\ntw`from-emerald-50`\ntw`from-emerald-100`\ntw`from-emerald-200`\ntw`from-emerald-300`\ntw`from-emerald-400`\ntw`from-emerald-500`\ntw`from-emerald-600`\ntw`from-emerald-700`\ntw`from-emerald-800`\ntw`from-emerald-900`\ntw`from-teal-50`\ntw`from-teal-100`\ntw`from-teal-200`\ntw`from-teal-300`\ntw`from-teal-400`\ntw`from-teal-500`\ntw`from-teal-600`\ntw`from-teal-700`\ntw`from-teal-800`\ntw`from-teal-900`\ntw`from-cyan-50`\ntw`from-cyan-100`\ntw`from-cyan-200`\ntw`from-cyan-300`\ntw`from-cyan-400`\ntw`from-cyan-500`\ntw`from-cyan-600`\ntw`from-cyan-700`\ntw`from-cyan-800`\ntw`from-cyan-900`\ntw`from-sky-50`\ntw`from-sky-100`\ntw`from-sky-200`\ntw`from-sky-300`\ntw`from-sky-400`\ntw`from-sky-500`\ntw`from-sky-600`\ntw`from-sky-700`\ntw`from-sky-800`\ntw`from-sky-900`\ntw`from-blue-50`\ntw`from-blue-100`\ntw`from-blue-200`\ntw`from-blue-300`\ntw`from-blue-400`\ntw`from-blue-500`\ntw`from-blue-600`\ntw`from-blue-700`\ntw`from-blue-800`\ntw`from-blue-900`\ntw`from-indigo-50`\ntw`from-indigo-100`\ntw`from-indigo-200`\ntw`from-indigo-300`\ntw`from-indigo-400`\ntw`from-indigo-500`\ntw`from-indigo-600`\ntw`from-indigo-700`\ntw`from-indigo-800`\ntw`from-indigo-900`\ntw`from-violet-50`\ntw`from-violet-100`\ntw`from-violet-200`\ntw`from-violet-300`\ntw`from-violet-400`\ntw`from-violet-500`\ntw`from-violet-600`\ntw`from-violet-700`\ntw`from-violet-800`\ntw`from-violet-900`\ntw`from-purple-50`\ntw`from-purple-100`\ntw`from-purple-200`\ntw`from-purple-300`\ntw`from-purple-400`\ntw`from-purple-500`\ntw`from-purple-600`\ntw`from-purple-700`\ntw`from-purple-800`\ntw`from-purple-900`\ntw`from-fuchsia-50`\ntw`from-fuchsia-100`\ntw`from-fuchsia-200`\ntw`from-fuchsia-300`\ntw`from-fuchsia-400`\ntw`from-fuchsia-500`\ntw`from-fuchsia-600`\ntw`from-fuchsia-700`\ntw`from-fuchsia-800`\ntw`from-fuchsia-900`\ntw`from-pink-50`\ntw`from-pink-100`\ntw`from-pink-200`\ntw`from-pink-300`\ntw`from-pink-400`\ntw`from-pink-500`\ntw`from-pink-600`\ntw`from-pink-700`\ntw`from-pink-800`\ntw`from-pink-900`\ntw`from-rose-50`\ntw`from-rose-100`\ntw`from-rose-200`\ntw`from-rose-300`\ntw`from-rose-400`\ntw`from-rose-500`\ntw`from-rose-600`\ntw`from-rose-700`\ntw`from-rose-800`\ntw`from-rose-900`\n\ntw`via-inherit`\ntw`via-current`\ntw`via-transparent`\ntw`via-black`\ntw`via-white`\ntw`via-slate-50`\ntw`via-slate-100`\ntw`via-slate-200`\ntw`via-slate-300`\ntw`via-slate-400`\ntw`via-slate-500`\ntw`via-slate-600`\ntw`via-slate-700`\ntw`via-slate-800`\ntw`via-slate-900`\ntw`via-gray-50`\ntw`via-gray-100`\ntw`via-gray-200`\ntw`via-gray-300`\ntw`via-gray-400`\ntw`via-gray-500`\ntw`via-gray-600`\ntw`via-gray-700`\ntw`via-gray-800`\ntw`via-gray-900`\ntw`via-zinc-50`\ntw`via-zinc-100`\ntw`via-zinc-200`\ntw`via-zinc-300`\ntw`via-zinc-400`\ntw`via-zinc-500`\ntw`via-zinc-600`\ntw`via-zinc-700`\ntw`via-zinc-800`\ntw`via-zinc-900`\ntw`via-neutral-50`\ntw`via-neutral-100`\ntw`via-neutral-200`\ntw`via-neutral-300`\ntw`via-neutral-400`\ntw`via-neutral-500`\ntw`via-neutral-600`\ntw`via-neutral-700`\ntw`via-neutral-800`\ntw`via-neutral-900`\ntw`via-stone-50`\ntw`via-stone-100`\ntw`via-stone-200`\ntw`via-stone-300`\ntw`via-stone-400`\ntw`via-stone-500`\ntw`via-stone-600`\ntw`via-stone-700`\ntw`via-stone-800`\ntw`via-stone-900`\ntw`via-red-50`\ntw`via-red-100`\ntw`via-red-200`\ntw`via-red-300`\ntw`via-red-400`\ntw`via-red-500`\ntw`via-red-600`\ntw`via-red-700`\ntw`via-red-800`\ntw`via-red-900`\ntw`via-orange-50`\ntw`via-orange-100`\ntw`via-orange-200`\ntw`via-orange-300`\ntw`via-orange-400`\ntw`via-orange-500`\ntw`via-orange-600`\ntw`via-orange-700`\ntw`via-orange-800`\ntw`via-orange-900`\ntw`via-amber-50`\ntw`via-amber-100`\ntw`via-amber-200`\ntw`via-amber-300`\ntw`via-amber-400`\ntw`via-amber-500`\ntw`via-amber-600`\ntw`via-amber-700`\ntw`via-amber-800`\ntw`via-amber-900`\ntw`via-yellow-50`\ntw`via-yellow-100`\ntw`via-yellow-200`\ntw`via-yellow-300`\ntw`via-yellow-400`\ntw`via-yellow-500`\ntw`via-yellow-600`\ntw`via-yellow-700`\ntw`via-yellow-800`\ntw`via-yellow-900`\ntw`via-lime-50`\ntw`via-lime-100`\ntw`via-lime-200`\ntw`via-lime-300`\ntw`via-lime-400`\ntw`via-lime-500`\ntw`via-lime-600`\ntw`via-lime-700`\ntw`via-lime-800`\ntw`via-lime-900`\ntw`via-green-50`\ntw`via-green-100`\ntw`via-green-200`\ntw`via-green-300`\ntw`via-green-400`\ntw`via-green-500`\ntw`via-green-600`\ntw`via-green-700`\ntw`via-green-800`\ntw`via-green-900`\ntw`via-emerald-50`\ntw`via-emerald-100`\ntw`via-emerald-200`\ntw`via-emerald-300`\ntw`via-emerald-400`\ntw`via-emerald-500`\ntw`via-emerald-600`\ntw`via-emerald-700`\ntw`via-emerald-800`\ntw`via-emerald-900`\ntw`via-teal-50`\ntw`via-teal-100`\ntw`via-teal-200`\ntw`via-teal-300`\ntw`via-teal-400`\ntw`via-teal-500`\ntw`via-teal-600`\ntw`via-teal-700`\ntw`via-teal-800`\ntw`via-teal-900`\ntw`via-cyan-50`\ntw`via-cyan-100`\ntw`via-cyan-200`\ntw`via-cyan-300`\ntw`via-cyan-400`\ntw`via-cyan-500`\ntw`via-cyan-600`\ntw`via-cyan-700`\ntw`via-cyan-800`\ntw`via-cyan-900`\ntw`via-sky-50`\ntw`via-sky-100`\ntw`via-sky-200`\ntw`via-sky-300`\ntw`via-sky-400`\ntw`via-sky-500`\ntw`via-sky-600`\ntw`via-sky-700`\ntw`via-sky-800`\ntw`via-sky-900`\ntw`via-blue-50`\ntw`via-blue-100`\ntw`via-blue-200`\ntw`via-blue-300`\ntw`via-blue-400`\ntw`via-blue-500`\ntw`via-blue-600`\ntw`via-blue-700`\ntw`via-blue-800`\ntw`via-blue-900`\ntw`via-indigo-50`\ntw`via-indigo-100`\ntw`via-indigo-200`\ntw`via-indigo-300`\ntw`via-indigo-400`\ntw`via-indigo-500`\ntw`via-indigo-600`\ntw`via-indigo-700`\ntw`via-indigo-800`\ntw`via-indigo-900`\ntw`via-violet-50`\ntw`via-violet-100`\ntw`via-violet-200`\ntw`via-violet-300`\ntw`via-violet-400`\ntw`via-violet-500`\ntw`via-violet-600`\ntw`via-violet-700`\ntw`via-violet-800`\ntw`via-violet-900`\ntw`via-purple-50`\ntw`via-purple-100`\ntw`via-purple-200`\ntw`via-purple-300`\ntw`via-purple-400`\ntw`via-purple-500`\ntw`via-purple-600`\ntw`via-purple-700`\ntw`via-purple-800`\ntw`via-purple-900`\ntw`via-fuchsia-50`\ntw`via-fuchsia-100`\ntw`via-fuchsia-200`\ntw`via-fuchsia-300`\ntw`via-fuchsia-400`\ntw`via-fuchsia-500`\ntw`via-fuchsia-600`\ntw`via-fuchsia-700`\ntw`via-fuchsia-800`\ntw`via-fuchsia-900`\ntw`via-pink-50`\ntw`via-pink-100`\ntw`via-pink-200`\ntw`via-pink-300`\ntw`via-pink-400`\ntw`via-pink-500`\ntw`via-pink-600`\ntw`via-pink-700`\ntw`via-pink-800`\ntw`via-pink-900`\ntw`via-rose-50`\ntw`via-rose-100`\ntw`via-rose-200`\ntw`via-rose-300`\ntw`via-rose-400`\ntw`via-rose-500`\ntw`via-rose-600`\ntw`via-rose-700`\ntw`via-rose-800`\ntw`via-rose-900`\n\ntw`to-inherit`\ntw`to-current`\ntw`to-transparent`\ntw`to-black`\ntw`to-white`\ntw`to-slate-50`\ntw`to-slate-100`\ntw`to-slate-200`\ntw`to-slate-300`\ntw`to-slate-400`\ntw`to-slate-500`\ntw`to-slate-600`\ntw`to-slate-700`\ntw`to-slate-800`\ntw`to-slate-900`\ntw`to-gray-50`\ntw`to-gray-100`\ntw`to-gray-200`\ntw`to-gray-300`\ntw`to-gray-400`\ntw`to-gray-500`\ntw`to-gray-600`\ntw`to-gray-700`\ntw`to-gray-800`\ntw`to-gray-900`\ntw`to-zinc-50`\ntw`to-zinc-100`\ntw`to-zinc-200`\ntw`to-zinc-300`\ntw`to-zinc-400`\ntw`to-zinc-500`\ntw`to-zinc-600`\ntw`to-zinc-700`\ntw`to-zinc-800`\ntw`to-zinc-900`\ntw`to-neutral-50`\ntw`to-neutral-100`\ntw`to-neutral-200`\ntw`to-neutral-300`\ntw`to-neutral-400`\ntw`to-neutral-500`\ntw`to-neutral-600`\ntw`to-neutral-700`\ntw`to-neutral-800`\ntw`to-neutral-900`\ntw`to-stone-50`\ntw`to-stone-100`\ntw`to-stone-200`\ntw`to-stone-300`\ntw`to-stone-400`\ntw`to-stone-500`\ntw`to-stone-600`\ntw`to-stone-700`\ntw`to-stone-800`\ntw`to-stone-900`\ntw`to-red-50`\ntw`to-red-100`\ntw`to-red-200`\ntw`to-red-300`\ntw`to-red-400`\ntw`to-red-500`\ntw`to-red-600`\ntw`to-red-700`\ntw`to-red-800`\ntw`to-red-900`\ntw`to-orange-50`\ntw`to-orange-100`\ntw`to-orange-200`\ntw`to-orange-300`\ntw`to-orange-400`\ntw`to-orange-500`\ntw`to-orange-600`\ntw`to-orange-700`\ntw`to-orange-800`\ntw`to-orange-900`\ntw`to-amber-50`\ntw`to-amber-100`\ntw`to-amber-200`\ntw`to-amber-300`\ntw`to-amber-400`\ntw`to-amber-500`\ntw`to-amber-600`\ntw`to-amber-700`\ntw`to-amber-800`\ntw`to-amber-900`\ntw`to-yellow-50`\ntw`to-yellow-100`\ntw`to-yellow-200`\ntw`to-yellow-300`\ntw`to-yellow-400`\ntw`to-yellow-500`\ntw`to-yellow-600`\ntw`to-yellow-700`\ntw`to-yellow-800`\ntw`to-yellow-900`\ntw`to-lime-50`\ntw`to-lime-100`\ntw`to-lime-200`\ntw`to-lime-300`\ntw`to-lime-400`\ntw`to-lime-500`\ntw`to-lime-600`\ntw`to-lime-700`\ntw`to-lime-800`\ntw`to-lime-900`\ntw`to-green-50`\ntw`to-green-100`\ntw`to-green-200`\ntw`to-green-300`\ntw`to-green-400`\ntw`to-green-500`\ntw`to-green-600`\ntw`to-green-700`\ntw`to-green-800`\ntw`to-green-900`\ntw`to-emerald-50`\ntw`to-emerald-100`\ntw`to-emerald-200`\ntw`to-emerald-300`\ntw`to-emerald-400`\ntw`to-emerald-500`\ntw`to-emerald-600`\ntw`to-emerald-700`\ntw`to-emerald-800`\ntw`to-emerald-900`\ntw`to-teal-50`\ntw`to-teal-100`\ntw`to-teal-200`\ntw`to-teal-300`\ntw`to-teal-400`\ntw`to-teal-500`\ntw`to-teal-600`\ntw`to-teal-700`\ntw`to-teal-800`\ntw`to-teal-900`\ntw`to-cyan-50`\ntw`to-cyan-100`\ntw`to-cyan-200`\ntw`to-cyan-300`\ntw`to-cyan-400`\ntw`to-cyan-500`\ntw`to-cyan-600`\ntw`to-cyan-700`\ntw`to-cyan-800`\ntw`to-cyan-900`\ntw`to-sky-50`\ntw`to-sky-100`\ntw`to-sky-200`\ntw`to-sky-300`\ntw`to-sky-400`\ntw`to-sky-500`\ntw`to-sky-600`\ntw`to-sky-700`\ntw`to-sky-800`\ntw`to-sky-900`\ntw`to-blue-50`\ntw`to-blue-100`\ntw`to-blue-200`\ntw`to-blue-300`\ntw`to-blue-400`\ntw`to-blue-500`\ntw`to-blue-600`\ntw`to-blue-700`\ntw`to-blue-800`\ntw`to-blue-900`\ntw`to-indigo-50`\ntw`to-indigo-100`\ntw`to-indigo-200`\ntw`to-indigo-300`\ntw`to-indigo-400`\ntw`to-indigo-500`\ntw`to-indigo-600`\ntw`to-indigo-700`\ntw`to-indigo-800`\ntw`to-indigo-900`\ntw`to-violet-50`\ntw`to-violet-100`\ntw`to-violet-200`\ntw`to-violet-300`\ntw`to-violet-400`\ntw`to-violet-500`\ntw`to-violet-600`\ntw`to-violet-700`\ntw`to-violet-800`\ntw`to-violet-900`\ntw`to-purple-50`\ntw`to-purple-100`\ntw`to-purple-200`\ntw`to-purple-300`\ntw`to-purple-400`\ntw`to-purple-500`\ntw`to-purple-600`\ntw`to-purple-700`\ntw`to-purple-800`\ntw`to-purple-900`\ntw`to-fuchsia-50`\ntw`to-fuchsia-100`\ntw`to-fuchsia-200`\ntw`to-fuchsia-300`\ntw`to-fuchsia-400`\ntw`to-fuchsia-500`\ntw`to-fuchsia-600`\ntw`to-fuchsia-700`\ntw`to-fuchsia-800`\ntw`to-fuchsia-900`\ntw`to-pink-50`\ntw`to-pink-100`\ntw`to-pink-200`\ntw`to-pink-300`\ntw`to-pink-400`\ntw`to-pink-500`\ntw`to-pink-600`\ntw`to-pink-700`\ntw`to-pink-800`\ntw`to-pink-900`\ntw`to-rose-50`\ntw`to-rose-100`\ntw`to-rose-200`\ntw`to-rose-300`\ntw`to-rose-400`\ntw`to-rose-500`\ntw`to-rose-600`\ntw`to-rose-700`\ntw`to-rose-800`\ntw`to-rose-900`\n\ntw`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50`\ntw`bg-gradient-to-r from-indigo-500`\ntw`bg-gradient-to-r from-cyan-500 to-blue-500`\ntw`bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500`\ntw`bg-gradient-to-r from-green-400 to-blue-500 hover:from-pink-500 hover:to-yellow-500`\ntw`bg-gradient-to-r from-purple-400 md:from-yellow-500`\n\ntw`from-[#da5b66] via-[#da5b66] to-[#da5b66]`\ntw`from-[var(--color)] via-[var(--color)] to-[var(--color)]`\n\ntw`from-red-500`\ntw`from-red-500/25`\ntw`from-red-500/fromConfig`\ntw`from-red-500/fromConfig/25`\ntw`from-red-500/fromConfig/[.555]`\ntw`from-red-500/fromConfig/[var(--myvar)]`\ntw`from-red-500/[.555]`\ntw`from-red-500/[var(--myvar)]`\ntw`from-[theme('colors.red.500')]`\n\ntw`from-electric`\ntw`from-electric/25`\ntw`from-electric/[.555]`\ntw`from-electric/[var(--myvar)]`\ntw`from-[theme('colors.electric')]`\n\ntw`via-red-500`\ntw`via-red-500/25`\ntw`via-red-500/fromConfig`\ntw`via-red-500/[.555]`\ntw`via-red-500/[var(--myvar)]`\ntw`via-[theme('colors.red.500')]`\n\ntw`via-electric`\ntw`via-electric/25`\ntw`via-electric/[.555]`\ntw`via-electric/[var(--myvar)]`\ntw`via-[theme('colors.electric')]`\n\ntw`to-red-500/25`\ntw`to-red-500/fromConfig`\ntw`to-red-500/[.555]`\ntw`to-red-500/[var(--myvar)]`\ntw`to-[theme('colors.red.500')]`\n\ntw`to-electric`\ntw`to-electric/25`\ntw`to-electric/[.555]`\ntw`to-electric/[var(--myvar)]`\ntw`to-[theme('colors.electric')]`\n" }, { "path": "tests/__fixtures__/utilitiesBackgrounds/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n colors: {\n 'red-500/fromConfig': '#000',\n electric: ({ opacityVariable, opacityValue }) => {\n if (opacityValue !== undefined) {\n return `rgba(219, 0, 255, ${opacityValue})`\n }\n\n if (opacityVariable !== undefined) {\n return `rgba(219, 0, 255, var(${opacityVariable}, 1))`\n }\n\n return `rgb(219, 0, 255)`\n },\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/utilitiesBorders/borderColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/border-color\ntheme`borderColor.`\n\ntw`border-inherit`\ntw`border-current`\ntw`border-transparent`\ntw`border-black`\ntw`border-white`\ntw`border-slate-50`\ntw`border-slate-100`\ntw`border-slate-200`\ntw`border-slate-300`\ntw`border-slate-400`\ntw`border-slate-500`\ntw`border-slate-600`\ntw`border-slate-700`\ntw`border-slate-800`\ntw`border-slate-900`\ntw`border-gray-50`\ntw`border-gray-100`\ntw`border-gray-200`\ntw`border-gray-300`\ntw`border-gray-400`\ntw`border-gray-500`\ntw`border-gray-600`\ntw`border-gray-700`\ntw`border-gray-800`\ntw`border-gray-900`\ntw`border-zinc-50`\ntw`border-zinc-100`\ntw`border-zinc-200`\ntw`border-zinc-300`\ntw`border-zinc-400`\ntw`border-zinc-500`\ntw`border-zinc-600`\ntw`border-zinc-700`\ntw`border-zinc-800`\ntw`border-zinc-900`\ntw`border-neutral-50`\ntw`border-neutral-100`\ntw`border-neutral-200`\ntw`border-neutral-300`\ntw`border-neutral-400`\ntw`border-neutral-500`\ntw`border-neutral-600`\ntw`border-neutral-700`\ntw`border-neutral-800`\ntw`border-neutral-900`\ntw`border-stone-50`\ntw`border-stone-100`\ntw`border-stone-200`\ntw`border-stone-300`\ntw`border-stone-400`\ntw`border-stone-500`\ntw`border-stone-600`\ntw`border-stone-700`\ntw`border-stone-800`\ntw`border-stone-900`\ntw`border-red-50`\ntw`border-red-100`\ntw`border-red-200`\ntw`border-red-300`\ntw`border-red-400`\ntw`border-red-500`\ntw`border-red-600`\ntw`border-red-700`\ntw`border-red-800`\ntw`border-red-900`\ntw`border-orange-50`\ntw`border-orange-100`\ntw`border-orange-200`\ntw`border-orange-300`\ntw`border-orange-400`\ntw`border-orange-500`\ntw`border-orange-600`\ntw`border-orange-700`\ntw`border-orange-800`\ntw`border-orange-900`\ntw`border-amber-50`\ntw`border-amber-100`\ntw`border-amber-200`\ntw`border-amber-300`\ntw`border-amber-400`\ntw`border-amber-500`\ntw`border-amber-600`\ntw`border-amber-700`\ntw`border-amber-800`\ntw`border-amber-900`\ntw`border-yellow-50`\ntw`border-yellow-100`\ntw`border-yellow-200`\ntw`border-yellow-300`\ntw`border-yellow-400`\ntw`border-yellow-500`\ntw`border-yellow-600`\ntw`border-yellow-700`\ntw`border-yellow-800`\ntw`border-yellow-900`\ntw`border-lime-50`\ntw`border-lime-100`\ntw`border-lime-200`\ntw`border-lime-300`\ntw`border-lime-400`\ntw`border-lime-500`\ntw`border-lime-600`\ntw`border-lime-700`\ntw`border-lime-800`\ntw`border-lime-900`\ntw`border-green-50`\ntw`border-green-100`\ntw`border-green-200`\ntw`border-green-300`\ntw`border-green-400`\ntw`border-green-500`\ntw`border-green-600`\ntw`border-green-700`\ntw`border-green-800`\ntw`border-green-900`\ntw`border-emerald-50`\ntw`border-emerald-100`\ntw`border-emerald-200`\ntw`border-emerald-300`\ntw`border-emerald-400`\ntw`border-emerald-500`\ntw`border-emerald-600`\ntw`border-emerald-700`\ntw`border-emerald-800`\ntw`border-emerald-900`\ntw`border-teal-50`\ntw`border-teal-100`\ntw`border-teal-200`\ntw`border-teal-300`\ntw`border-teal-400`\ntw`border-teal-500`\ntw`border-teal-600`\ntw`border-teal-700`\ntw`border-teal-800`\ntw`border-teal-900`\ntw`border-cyan-50`\ntw`border-cyan-100`\ntw`border-cyan-200`\ntw`border-cyan-300`\ntw`border-cyan-400`\ntw`border-cyan-500`\ntw`border-cyan-600`\ntw`border-cyan-700`\ntw`border-cyan-800`\ntw`border-cyan-900`\ntw`border-sky-50`\ntw`border-sky-100`\ntw`border-sky-200`\ntw`border-sky-300`\ntw`border-sky-400`\ntw`border-sky-500`\ntw`border-sky-600`\ntw`border-sky-700`\ntw`border-sky-800`\ntw`border-sky-900`\ntw`border-blue-50`\ntw`border-blue-100`\ntw`border-blue-200`\ntw`border-blue-300`\ntw`border-blue-400`\ntw`border-blue-500`\ntw`border-blue-600`\ntw`border-blue-700`\ntw`border-blue-800`\ntw`border-blue-900`\ntw`border-indigo-50`\ntw`border-indigo-100`\ntw`border-indigo-200`\ntw`border-indigo-300`\ntw`border-indigo-400`\ntw`border-indigo-500`\ntw`border-indigo-600`\ntw`border-indigo-700`\ntw`border-indigo-800`\ntw`border-indigo-900`\ntw`border-violet-50`\ntw`border-violet-100`\ntw`border-violet-200`\ntw`border-violet-300`\ntw`border-violet-400`\ntw`border-violet-500`\ntw`border-violet-600`\ntw`border-violet-700`\ntw`border-violet-800`\ntw`border-violet-900`\ntw`border-purple-50`\ntw`border-purple-100`\ntw`border-purple-200`\ntw`border-purple-300`\ntw`border-purple-400`\ntw`border-purple-500`\ntw`border-purple-600`\ntw`border-purple-700`\ntw`border-purple-800`\ntw`border-purple-900`\ntw`border-fuchsia-50`\ntw`border-fuchsia-100`\ntw`border-fuchsia-200`\ntw`border-fuchsia-300`\ntw`border-fuchsia-400`\ntw`border-fuchsia-500`\ntw`border-fuchsia-600`\ntw`border-fuchsia-700`\ntw`border-fuchsia-800`\ntw`border-fuchsia-900`\ntw`border-pink-50`\ntw`border-pink-100`\ntw`border-pink-200`\ntw`border-pink-300`\ntw`border-pink-400`\ntw`border-pink-500`\ntw`border-pink-600`\ntw`border-pink-700`\ntw`border-pink-800`\ntw`border-pink-900`\ntw`border-rose-50`\ntw`border-rose-100`\ntw`border-rose-200`\ntw`border-rose-300`\ntw`border-rose-400`\ntw`border-rose-500`\ntw`border-rose-600`\ntw`border-rose-700`\ntw`border-rose-800`\ntw`border-rose-900`\ntw`border-x-inherit`\ntw`border-x-current`\ntw`border-x-transparent`\ntw`border-x-black`\ntw`border-x-white`\ntw`border-x-slate-50`\ntw`border-x-slate-100`\ntw`border-x-slate-200`\ntw`border-x-slate-300`\ntw`border-x-slate-400`\ntw`border-x-slate-500`\ntw`border-x-slate-600`\ntw`border-x-slate-700`\ntw`border-x-slate-800`\ntw`border-x-slate-900`\ntw`border-x-gray-50`\ntw`border-x-gray-100`\ntw`border-x-gray-200`\ntw`border-x-gray-300`\ntw`border-x-gray-400`\ntw`border-x-gray-500`\ntw`border-x-gray-600`\ntw`border-x-gray-700`\ntw`border-x-gray-800`\ntw`border-x-gray-900`\ntw`border-x-zinc-50`\ntw`border-x-zinc-100`\ntw`border-x-zinc-200`\ntw`border-x-zinc-300`\ntw`border-x-zinc-400`\ntw`border-x-zinc-500`\ntw`border-x-zinc-600`\ntw`border-x-zinc-700`\ntw`border-x-zinc-800`\ntw`border-x-zinc-900`\ntw`border-x-neutral-50`\ntw`border-x-neutral-100`\ntw`border-x-neutral-200`\ntw`border-x-neutral-300`\ntw`border-x-neutral-400`\ntw`border-x-neutral-500`\ntw`border-x-neutral-600`\ntw`border-x-neutral-700`\ntw`border-x-neutral-800`\ntw`border-x-neutral-900`\ntw`border-x-stone-50`\ntw`border-x-stone-100`\ntw`border-x-stone-200`\ntw`border-x-stone-300`\ntw`border-x-stone-400`\ntw`border-x-stone-500`\ntw`border-x-stone-600`\ntw`border-x-stone-700`\ntw`border-x-stone-800`\ntw`border-x-stone-900`\ntw`border-x-red-50`\ntw`border-x-red-100`\ntw`border-x-red-200`\ntw`border-x-red-300`\ntw`border-x-red-400`\ntw`border-x-red-500`\ntw`border-x-red-600`\ntw`border-x-red-700`\ntw`border-x-red-800`\ntw`border-x-red-900`\ntw`border-x-orange-50`\ntw`border-x-orange-100`\ntw`border-x-orange-200`\ntw`border-x-orange-300`\ntw`border-x-orange-400`\ntw`border-x-orange-500`\ntw`border-x-orange-600`\ntw`border-x-orange-700`\ntw`border-x-orange-800`\ntw`border-x-orange-900`\ntw`border-x-amber-50`\ntw`border-x-amber-100`\ntw`border-x-amber-200`\ntw`border-x-amber-300`\ntw`border-x-amber-400`\ntw`border-x-amber-500`\ntw`border-x-amber-600`\ntw`border-x-amber-700`\ntw`border-x-amber-800`\ntw`border-x-amber-900`\ntw`border-x-yellow-50`\ntw`border-x-yellow-100`\ntw`border-x-yellow-200`\ntw`border-x-yellow-300`\ntw`border-x-yellow-400`\ntw`border-x-yellow-500`\ntw`border-x-yellow-600`\ntw`border-x-yellow-700`\ntw`border-x-yellow-800`\ntw`border-x-yellow-900`\ntw`border-x-lime-50`\ntw`border-x-lime-100`\ntw`border-x-lime-200`\ntw`border-x-lime-300`\ntw`border-x-lime-400`\ntw`border-x-lime-500`\ntw`border-x-lime-600`\ntw`border-x-lime-700`\ntw`border-x-lime-800`\ntw`border-x-lime-900`\ntw`border-x-green-50`\ntw`border-x-green-100`\ntw`border-x-green-200`\ntw`border-x-green-300`\ntw`border-x-green-400`\ntw`border-x-green-500`\ntw`border-x-green-600`\ntw`border-x-green-700`\ntw`border-x-green-800`\ntw`border-x-green-900`\ntw`border-x-emerald-50`\ntw`border-x-emerald-100`\ntw`border-x-emerald-200`\ntw`border-x-emerald-300`\ntw`border-x-emerald-400`\ntw`border-x-emerald-500`\ntw`border-x-emerald-600`\ntw`border-x-emerald-700`\ntw`border-x-emerald-800`\ntw`border-x-emerald-900`\ntw`border-x-teal-50`\ntw`border-x-teal-100`\ntw`border-x-teal-200`\ntw`border-x-teal-300`\ntw`border-x-teal-400`\ntw`border-x-teal-500`\ntw`border-x-teal-600`\ntw`border-x-teal-700`\ntw`border-x-teal-800`\ntw`border-x-teal-900`\ntw`border-x-cyan-50`\ntw`border-x-cyan-100`\ntw`border-x-cyan-200`\ntw`border-x-cyan-300`\ntw`border-x-cyan-400`\ntw`border-x-cyan-500`\ntw`border-x-cyan-600`\ntw`border-x-cyan-700`\ntw`border-x-cyan-800`\ntw`border-x-cyan-900`\ntw`border-x-sky-50`\ntw`border-x-sky-100`\ntw`border-x-sky-200`\ntw`border-x-sky-300`\ntw`border-x-sky-400`\ntw`border-x-sky-500`\ntw`border-x-sky-600`\ntw`border-x-sky-700`\ntw`border-x-sky-800`\ntw`border-x-sky-900`\ntw`border-x-blue-50`\ntw`border-x-blue-100`\ntw`border-x-blue-200`\ntw`border-x-blue-300`\ntw`border-x-blue-400`\ntw`border-x-blue-500`\ntw`border-x-blue-600`\ntw`border-x-blue-700`\ntw`border-x-blue-800`\ntw`border-x-blue-900`\ntw`border-x-indigo-50`\ntw`border-x-indigo-100`\ntw`border-x-indigo-200`\ntw`border-x-indigo-300`\ntw`border-x-indigo-400`\ntw`border-x-indigo-500`\ntw`border-x-indigo-600`\ntw`border-x-indigo-700`\ntw`border-x-indigo-800`\ntw`border-x-indigo-900`\ntw`border-x-violet-50`\ntw`border-x-violet-100`\ntw`border-x-violet-200`\ntw`border-x-violet-300`\ntw`border-x-violet-400`\ntw`border-x-violet-500`\ntw`border-x-violet-600`\ntw`border-x-violet-700`\ntw`border-x-violet-800`\ntw`border-x-violet-900`\ntw`border-x-purple-50`\ntw`border-x-purple-100`\ntw`border-x-purple-200`\ntw`border-x-purple-300`\ntw`border-x-purple-400`\ntw`border-x-purple-500`\ntw`border-x-purple-600`\ntw`border-x-purple-700`\ntw`border-x-purple-800`\ntw`border-x-purple-900`\ntw`border-x-fuchsia-50`\ntw`border-x-fuchsia-100`\ntw`border-x-fuchsia-200`\ntw`border-x-fuchsia-300`\ntw`border-x-fuchsia-400`\ntw`border-x-fuchsia-500`\ntw`border-x-fuchsia-600`\ntw`border-x-fuchsia-700`\ntw`border-x-fuchsia-800`\ntw`border-x-fuchsia-900`\ntw`border-x-pink-50`\ntw`border-x-pink-100`\ntw`border-x-pink-200`\ntw`border-x-pink-300`\ntw`border-x-pink-400`\ntw`border-x-pink-500`\ntw`border-x-pink-600`\ntw`border-x-pink-700`\ntw`border-x-pink-800`\ntw`border-x-pink-900`\ntw`border-x-rose-50`\ntw`border-x-rose-100`\ntw`border-x-rose-200`\ntw`border-x-rose-300`\ntw`border-x-rose-400`\ntw`border-x-rose-500`\ntw`border-x-rose-600`\ntw`border-x-rose-700`\ntw`border-x-rose-800`\ntw`border-x-rose-900`\ntw`border-y-inherit`\ntw`border-y-current`\ntw`border-y-transparent`\ntw`border-y-black`\ntw`border-y-white`\ntw`border-y-slate-50`\ntw`border-y-slate-100`\ntw`border-y-slate-200`\ntw`border-y-slate-300`\ntw`border-y-slate-400`\ntw`border-y-slate-500`\ntw`border-y-slate-600`\ntw`border-y-slate-700`\ntw`border-y-slate-800`\ntw`border-y-slate-900`\ntw`border-y-gray-50`\ntw`border-y-gray-100`\ntw`border-y-gray-200`\ntw`border-y-gray-300`\ntw`border-y-gray-400`\ntw`border-y-gray-500`\ntw`border-y-gray-600`\ntw`border-y-gray-700`\ntw`border-y-gray-800`\ntw`border-y-gray-900`\ntw`border-y-zinc-50`\ntw`border-y-zinc-100`\ntw`border-y-zinc-200`\ntw`border-y-zinc-300`\ntw`border-y-zinc-400`\ntw`border-y-zinc-500`\ntw`border-y-zinc-600`\ntw`border-y-zinc-700`\ntw`border-y-zinc-800`\ntw`border-y-zinc-900`\ntw`border-y-neutral-50`\ntw`border-y-neutral-100`\ntw`border-y-neutral-200`\ntw`border-y-neutral-300`\ntw`border-y-neutral-400`\ntw`border-y-neutral-500`\ntw`border-y-neutral-600`\ntw`border-y-neutral-700`\ntw`border-y-neutral-800`\ntw`border-y-neutral-900`\ntw`border-y-stone-50`\ntw`border-y-stone-100`\ntw`border-y-stone-200`\ntw`border-y-stone-300`\ntw`border-y-stone-400`\ntw`border-y-stone-500`\ntw`border-y-stone-600`\ntw`border-y-stone-700`\ntw`border-y-stone-800`\ntw`border-y-stone-900`\ntw`border-y-red-50`\ntw`border-y-red-100`\ntw`border-y-red-200`\ntw`border-y-red-300`\ntw`border-y-red-400`\ntw`border-y-red-500`\ntw`border-y-red-600`\ntw`border-y-red-700`\ntw`border-y-red-800`\ntw`border-y-red-900`\ntw`border-y-orange-50`\ntw`border-y-orange-100`\ntw`border-y-orange-200`\ntw`border-y-orange-300`\ntw`border-y-orange-400`\ntw`border-y-orange-500`\ntw`border-y-orange-600`\ntw`border-y-orange-700`\ntw`border-y-orange-800`\ntw`border-y-orange-900`\ntw`border-y-amber-50`\ntw`border-y-amber-100`\ntw`border-y-amber-200`\ntw`border-y-amber-300`\ntw`border-y-amber-400`\ntw`border-y-amber-500`\ntw`border-y-amber-600`\ntw`border-y-amber-700`\ntw`border-y-amber-800`\ntw`border-y-amber-900`\ntw`border-y-yellow-50`\ntw`border-y-yellow-100`\ntw`border-y-yellow-200`\ntw`border-y-yellow-300`\ntw`border-y-yellow-400`\ntw`border-y-yellow-500`\ntw`border-y-yellow-600`\ntw`border-y-yellow-700`\ntw`border-y-yellow-800`\ntw`border-y-yellow-900`\ntw`border-y-lime-50`\ntw`border-y-lime-100`\ntw`border-y-lime-200`\ntw`border-y-lime-300`\ntw`border-y-lime-400`\ntw`border-y-lime-500`\ntw`border-y-lime-600`\ntw`border-y-lime-700`\ntw`border-y-lime-800`\ntw`border-y-lime-900`\ntw`border-y-green-50`\ntw`border-y-green-100`\ntw`border-y-green-200`\ntw`border-y-green-300`\ntw`border-y-green-400`\ntw`border-y-green-500`\ntw`border-y-green-600`\ntw`border-y-green-700`\ntw`border-y-green-800`\ntw`border-y-green-900`\ntw`border-y-emerald-50`\ntw`border-y-emerald-100`\ntw`border-y-emerald-200`\ntw`border-y-emerald-300`\ntw`border-y-emerald-400`\ntw`border-y-emerald-500`\ntw`border-y-emerald-600`\ntw`border-y-emerald-700`\ntw`border-y-emerald-800`\ntw`border-y-emerald-900`\ntw`border-y-teal-50`\ntw`border-y-teal-100`\ntw`border-y-teal-200`\ntw`border-y-teal-300`\ntw`border-y-teal-400`\ntw`border-y-teal-500`\ntw`border-y-teal-600`\ntw`border-y-teal-700`\ntw`border-y-teal-800`\ntw`border-y-teal-900`\ntw`border-y-cyan-50`\ntw`border-y-cyan-100`\ntw`border-y-cyan-200`\ntw`border-y-cyan-300`\ntw`border-y-cyan-400`\ntw`border-y-cyan-500`\ntw`border-y-cyan-600`\ntw`border-y-cyan-700`\ntw`border-y-cyan-800`\ntw`border-y-cyan-900`\ntw`border-y-sky-50`\ntw`border-y-sky-100`\ntw`border-y-sky-200`\ntw`border-y-sky-300`\ntw`border-y-sky-400`\ntw`border-y-sky-500`\ntw`border-y-sky-600`\ntw`border-y-sky-700`\ntw`border-y-sky-800`\ntw`border-y-sky-900`\ntw`border-y-blue-50`\ntw`border-y-blue-100`\ntw`border-y-blue-200`\ntw`border-y-blue-300`\ntw`border-y-blue-400`\ntw`border-y-blue-500`\ntw`border-y-blue-600`\ntw`border-y-blue-700`\ntw`border-y-blue-800`\ntw`border-y-blue-900`\ntw`border-y-indigo-50`\ntw`border-y-indigo-100`\ntw`border-y-indigo-200`\ntw`border-y-indigo-300`\ntw`border-y-indigo-400`\ntw`border-y-indigo-500`\ntw`border-y-indigo-600`\ntw`border-y-indigo-700`\ntw`border-y-indigo-800`\ntw`border-y-indigo-900`\ntw`border-y-violet-50`\ntw`border-y-violet-100`\ntw`border-y-violet-200`\ntw`border-y-violet-300`\ntw`border-y-violet-400`\ntw`border-y-violet-500`\ntw`border-y-violet-600`\ntw`border-y-violet-700`\ntw`border-y-violet-800`\ntw`border-y-violet-900`\ntw`border-y-purple-50`\ntw`border-y-purple-100`\ntw`border-y-purple-200`\ntw`border-y-purple-300`\ntw`border-y-purple-400`\ntw`border-y-purple-500`\ntw`border-y-purple-600`\ntw`border-y-purple-700`\ntw`border-y-purple-800`\ntw`border-y-purple-900`\ntw`border-y-fuchsia-50`\ntw`border-y-fuchsia-100`\ntw`border-y-fuchsia-200`\ntw`border-y-fuchsia-300`\ntw`border-y-fuchsia-400`\ntw`border-y-fuchsia-500`\ntw`border-y-fuchsia-600`\ntw`border-y-fuchsia-700`\ntw`border-y-fuchsia-800`\ntw`border-y-fuchsia-900`\ntw`border-y-pink-50`\ntw`border-y-pink-100`\ntw`border-y-pink-200`\ntw`border-y-pink-300`\ntw`border-y-pink-400`\ntw`border-y-pink-500`\ntw`border-y-pink-600`\ntw`border-y-pink-700`\ntw`border-y-pink-800`\ntw`border-y-pink-900`\ntw`border-y-rose-50`\ntw`border-y-rose-100`\ntw`border-y-rose-200`\ntw`border-y-rose-300`\ntw`border-y-rose-400`\ntw`border-y-rose-500`\ntw`border-y-rose-600`\ntw`border-y-rose-700`\ntw`border-y-rose-800`\ntw`border-y-rose-900`\ntw`border-t-inherit`\ntw`border-t-current`\ntw`border-t-transparent`\ntw`border-t-black`\ntw`border-t-white`\ntw`border-t-slate-50`\ntw`border-t-slate-100`\ntw`border-t-slate-200`\ntw`border-t-slate-300`\ntw`border-t-slate-400`\ntw`border-t-slate-500`\ntw`border-t-slate-600`\ntw`border-t-slate-700`\ntw`border-t-slate-800`\ntw`border-t-slate-900`\ntw`border-t-gray-50`\ntw`border-t-gray-100`\ntw`border-t-gray-200`\ntw`border-t-gray-300`\ntw`border-t-gray-400`\ntw`border-t-gray-500`\ntw`border-t-gray-600`\ntw`border-t-gray-700`\ntw`border-t-gray-800`\ntw`border-t-gray-900`\ntw`border-t-zinc-50`\ntw`border-t-zinc-100`\ntw`border-t-zinc-200`\ntw`border-t-zinc-300`\ntw`border-t-zinc-400`\ntw`border-t-zinc-500`\ntw`border-t-zinc-600`\ntw`border-t-zinc-700`\ntw`border-t-zinc-800`\ntw`border-t-zinc-900`\ntw`border-t-neutral-50`\ntw`border-t-neutral-100`\ntw`border-t-neutral-200`\ntw`border-t-neutral-300`\ntw`border-t-neutral-400`\ntw`border-t-neutral-500`\ntw`border-t-neutral-600`\ntw`border-t-neutral-700`\ntw`border-t-neutral-800`\ntw`border-t-neutral-900`\ntw`border-t-stone-50`\ntw`border-t-stone-100`\ntw`border-t-stone-200`\ntw`border-t-stone-300`\ntw`border-t-stone-400`\ntw`border-t-stone-500`\ntw`border-t-stone-600`\ntw`border-t-stone-700`\ntw`border-t-stone-800`\ntw`border-t-stone-900`\ntw`border-t-red-50`\ntw`border-t-red-100`\ntw`border-t-red-200`\ntw`border-t-red-300`\ntw`border-t-red-400`\ntw`border-t-red-500`\ntw`border-t-red-600`\ntw`border-t-red-700`\ntw`border-t-red-800`\ntw`border-t-red-900`\ntw`border-t-orange-50`\ntw`border-t-orange-100`\ntw`border-t-orange-200`\ntw`border-t-orange-300`\ntw`border-t-orange-400`\ntw`border-t-orange-500`\ntw`border-t-orange-600`\ntw`border-t-orange-700`\ntw`border-t-orange-800`\ntw`border-t-orange-900`\ntw`border-t-amber-50`\ntw`border-t-amber-100`\ntw`border-t-amber-200`\ntw`border-t-amber-300`\ntw`border-t-amber-400`\ntw`border-t-amber-500`\ntw`border-t-amber-600`\ntw`border-t-amber-700`\ntw`border-t-amber-800`\ntw`border-t-amber-900`\ntw`border-t-yellow-50`\ntw`border-t-yellow-100`\ntw`border-t-yellow-200`\ntw`border-t-yellow-300`\ntw`border-t-yellow-400`\ntw`border-t-yellow-500`\ntw`border-t-yellow-600`\ntw`border-t-yellow-700`\ntw`border-t-yellow-800`\ntw`border-t-yellow-900`\ntw`border-t-lime-50`\ntw`border-t-lime-100`\ntw`border-t-lime-200`\ntw`border-t-lime-300`\ntw`border-t-lime-400`\ntw`border-t-lime-500`\ntw`border-t-lime-600`\ntw`border-t-lime-700`\ntw`border-t-lime-800`\ntw`border-t-lime-900`\ntw`border-t-green-50`\ntw`border-t-green-100`\ntw`border-t-green-200`\ntw`border-t-green-300`\ntw`border-t-green-400`\ntw`border-t-green-500`\ntw`border-t-green-600`\ntw`border-t-green-700`\ntw`border-t-green-800`\ntw`border-t-green-900`\ntw`border-t-emerald-50`\ntw`border-t-emerald-100`\ntw`border-t-emerald-200`\ntw`border-t-emerald-300`\ntw`border-t-emerald-400`\ntw`border-t-emerald-500`\ntw`border-t-emerald-600`\ntw`border-t-emerald-700`\ntw`border-t-emerald-800`\ntw`border-t-emerald-900`\ntw`border-t-teal-50`\ntw`border-t-teal-100`\ntw`border-t-teal-200`\ntw`border-t-teal-300`\ntw`border-t-teal-400`\ntw`border-t-teal-500`\ntw`border-t-teal-600`\ntw`border-t-teal-700`\ntw`border-t-teal-800`\ntw`border-t-teal-900`\ntw`border-t-cyan-50`\ntw`border-t-cyan-100`\ntw`border-t-cyan-200`\ntw`border-t-cyan-300`\ntw`border-t-cyan-400`\ntw`border-t-cyan-500`\ntw`border-t-cyan-600`\ntw`border-t-cyan-700`\ntw`border-t-cyan-800`\ntw`border-t-cyan-900`\ntw`border-t-sky-50`\ntw`border-t-sky-100`\ntw`border-t-sky-200`\ntw`border-t-sky-300`\ntw`border-t-sky-400`\ntw`border-t-sky-500`\ntw`border-t-sky-600`\ntw`border-t-sky-700`\ntw`border-t-sky-800`\ntw`border-t-sky-900`\ntw`border-t-blue-50`\ntw`border-t-blue-100`\ntw`border-t-blue-200`\ntw`border-t-blue-300`\ntw`border-t-blue-400`\ntw`border-t-blue-500`\ntw`border-t-blue-600`\ntw`border-t-blue-700`\ntw`border-t-blue-800`\ntw`border-t-blue-900`\ntw`border-t-indigo-50`\ntw`border-t-indigo-100`\ntw`border-t-indigo-200`\ntw`border-t-indigo-300`\ntw`border-t-indigo-400`\ntw`border-t-indigo-500`\ntw`border-t-indigo-600`\ntw`border-t-indigo-700`\ntw`border-t-indigo-800`\ntw`border-t-indigo-900`\ntw`border-t-violet-50`\ntw`border-t-violet-100`\ntw`border-t-violet-200`\ntw`border-t-violet-300`\ntw`border-t-violet-400`\ntw`border-t-violet-500`\ntw`border-t-violet-600`\ntw`border-t-violet-700`\ntw`border-t-violet-800`\ntw`border-t-violet-900`\ntw`border-t-purple-50`\ntw`border-t-purple-100`\ntw`border-t-purple-200`\ntw`border-t-purple-300`\ntw`border-t-purple-400`\ntw`border-t-purple-500`\ntw`border-t-purple-600`\ntw`border-t-purple-700`\ntw`border-t-purple-800`\ntw`border-t-purple-900`\ntw`border-t-fuchsia-50`\ntw`border-t-fuchsia-100`\ntw`border-t-fuchsia-200`\ntw`border-t-fuchsia-300`\ntw`border-t-fuchsia-400`\ntw`border-t-fuchsia-500`\ntw`border-t-fuchsia-600`\ntw`border-t-fuchsia-700`\ntw`border-t-fuchsia-800`\ntw`border-t-fuchsia-900`\ntw`border-t-pink-50`\ntw`border-t-pink-100`\ntw`border-t-pink-200`\ntw`border-t-pink-300`\ntw`border-t-pink-400`\ntw`border-t-pink-500`\ntw`border-t-pink-600`\ntw`border-t-pink-700`\ntw`border-t-pink-800`\ntw`border-t-pink-900`\ntw`border-t-rose-50`\ntw`border-t-rose-100`\ntw`border-t-rose-200`\ntw`border-t-rose-300`\ntw`border-t-rose-400`\ntw`border-t-rose-500`\ntw`border-t-rose-600`\ntw`border-t-rose-700`\ntw`border-t-rose-800`\ntw`border-t-rose-900`\ntw`border-r-inherit\nborder-r-current\nborder-r-transparent\nborder-r-black\nborder-r-white\nborder-r-slate-50`\ntw`border-r-slate-100`\ntw`border-r-slate-200`\ntw`border-r-slate-300`\ntw`border-r-slate-400`\ntw`border-r-slate-500`\ntw`border-r-slate-600`\ntw`border-r-slate-700`\ntw`border-r-slate-800`\ntw`border-r-slate-900`\ntw`border-r-gray-50`\ntw`border-r-gray-100`\ntw`border-r-gray-200`\ntw`border-r-gray-300`\ntw`border-r-gray-400`\ntw`border-r-gray-500`\ntw`border-r-gray-600`\ntw`border-r-gray-700`\ntw`border-r-gray-800`\ntw`border-r-gray-900`\ntw`border-r-zinc-50`\ntw`border-r-zinc-100`\ntw`border-r-zinc-200`\ntw`border-r-zinc-300`\ntw`border-r-zinc-400`\ntw`border-r-zinc-500`\ntw`border-r-zinc-600`\ntw`border-r-zinc-700`\ntw`border-r-zinc-800`\ntw`border-r-zinc-900`\ntw`border-r-neutral-50`\ntw`border-r-neutral-100`\ntw`border-r-neutral-200`\ntw`border-r-neutral-300`\ntw`border-r-neutral-400`\ntw`border-r-neutral-500`\ntw`border-r-neutral-600`\ntw`border-r-neutral-700`\ntw`border-r-neutral-800`\ntw`border-r-neutral-900`\ntw`border-r-stone-50`\ntw`border-r-stone-100`\ntw`border-r-stone-200`\ntw`border-r-stone-300`\ntw`border-r-stone-400`\ntw`border-r-stone-500`\ntw`border-r-stone-600`\ntw`border-r-stone-700`\ntw`border-r-stone-800`\ntw`border-r-stone-900`\ntw`border-r-red-50`\ntw`border-r-red-100`\ntw`border-r-red-200`\ntw`border-r-red-300`\ntw`border-r-red-400`\ntw`border-r-red-500`\ntw`border-r-red-600`\ntw`border-r-red-700`\ntw`border-r-red-800`\ntw`border-r-red-900`\ntw`border-r-orange-50`\ntw`border-r-orange-100`\ntw`border-r-orange-200`\ntw`border-r-orange-300`\ntw`border-r-orange-400`\ntw`border-r-orange-500`\ntw`border-r-orange-600`\ntw`border-r-orange-700`\ntw`border-r-orange-800`\ntw`border-r-orange-900`\ntw`border-r-amber-50`\ntw`border-r-amber-100`\ntw`border-r-amber-200`\ntw`border-r-amber-300`\ntw`border-r-amber-400`\ntw`border-r-amber-500`\ntw`border-r-amber-600`\ntw`border-r-amber-700`\ntw`border-r-amber-800`\ntw`border-r-amber-900`\ntw`border-r-yellow-50`\ntw`border-r-yellow-100`\ntw`border-r-yellow-200`\ntw`border-r-yellow-300`\ntw`border-r-yellow-400`\ntw`border-r-yellow-500`\ntw`border-r-yellow-600`\ntw`border-r-yellow-700`\ntw`border-r-yellow-800`\ntw`border-r-yellow-900`\ntw`border-r-lime-50`\ntw`border-r-lime-100`\ntw`border-r-lime-200`\ntw`border-r-lime-300`\ntw`border-r-lime-400`\ntw`border-r-lime-500`\ntw`border-r-lime-600`\ntw`border-r-lime-700`\ntw`border-r-lime-800`\ntw`border-r-lime-900`\ntw`border-r-green-50`\ntw`border-r-green-100`\ntw`border-r-green-200`\ntw`border-r-green-300`\ntw`border-r-green-400`\ntw`border-r-green-500`\ntw`border-r-green-600`\ntw`border-r-green-700`\ntw`border-r-green-800`\ntw`border-r-green-900`\ntw`border-r-emerald-50`\ntw`border-r-emerald-100`\ntw`border-r-emerald-200`\ntw`border-r-emerald-300`\ntw`border-r-emerald-400`\ntw`border-r-emerald-500`\ntw`border-r-emerald-600`\ntw`border-r-emerald-700`\ntw`border-r-emerald-800`\ntw`border-r-emerald-900`\ntw`border-r-teal-50`\ntw`border-r-teal-100`\ntw`border-r-teal-200`\ntw`border-r-teal-300`\ntw`border-r-teal-400`\ntw`border-r-teal-500`\ntw`border-r-teal-600`\ntw`border-r-teal-700`\ntw`border-r-teal-800`\ntw`border-r-teal-900`\ntw`border-r-cyan-50`\ntw`border-r-cyan-100`\ntw`border-r-cyan-200`\ntw`border-r-cyan-300`\ntw`border-r-cyan-400`\ntw`border-r-cyan-500`\ntw`border-r-cyan-600`\ntw`border-r-cyan-700`\ntw`border-r-cyan-800`\ntw`border-r-cyan-900`\ntw`border-r-sky-50`\ntw`border-r-sky-100`\ntw`border-r-sky-200`\ntw`border-r-sky-300`\ntw`border-r-sky-400`\ntw`border-r-sky-500`\ntw`border-r-sky-600`\ntw`border-r-sky-700`\ntw`border-r-sky-800`\ntw`border-r-sky-900`\ntw`border-r-blue-50`\ntw`border-r-blue-100`\ntw`border-r-blue-200`\ntw`border-r-blue-300`\ntw`border-r-blue-400`\ntw`border-r-blue-500`\ntw`border-r-blue-600`\ntw`border-r-blue-700`\ntw`border-r-blue-800`\ntw`border-r-blue-900`\ntw`border-r-indigo-50`\ntw`border-r-indigo-100`\ntw`border-r-indigo-200`\ntw`border-r-indigo-300`\ntw`border-r-indigo-400`\ntw`border-r-indigo-500`\ntw`border-r-indigo-600`\ntw`border-r-indigo-700`\ntw`border-r-indigo-800`\ntw`border-r-indigo-900`\ntw`border-r-violet-50`\ntw`border-r-violet-100`\ntw`border-r-violet-200`\ntw`border-r-violet-300`\ntw`border-r-violet-400`\ntw`border-r-violet-500`\ntw`border-r-violet-600`\ntw`border-r-violet-700`\ntw`border-r-violet-800`\ntw`border-r-violet-900`\ntw`border-r-purple-50`\ntw`border-r-purple-100`\ntw`border-r-purple-200`\ntw`border-r-purple-300`\ntw`border-r-purple-400`\ntw`border-r-purple-500`\ntw`border-r-purple-600`\ntw`border-r-purple-700`\ntw`border-r-purple-800`\ntw`border-r-purple-900`\ntw`border-r-fuchsia-50`\ntw`border-r-fuchsia-100`\ntw`border-r-fuchsia-200`\ntw`border-r-fuchsia-300`\ntw`border-r-fuchsia-400`\ntw`border-r-fuchsia-500`\ntw`border-r-fuchsia-600`\ntw`border-r-fuchsia-700`\ntw`border-r-fuchsia-800`\ntw`border-r-fuchsia-900`\ntw`border-r-pink-50`\ntw`border-r-pink-100`\ntw`border-r-pink-200`\ntw`border-r-pink-300`\ntw`border-r-pink-400`\ntw`border-r-pink-500`\ntw`border-r-pink-600`\ntw`border-r-pink-700`\ntw`border-r-pink-800`\ntw`border-r-pink-900`\ntw`border-r-rose-50`\ntw`border-r-rose-100`\ntw`border-r-rose-200`\ntw`border-r-rose-300`\ntw`border-r-rose-400`\ntw`border-r-rose-500`\ntw`border-r-rose-600`\ntw`border-r-rose-700`\ntw`border-r-rose-800`\ntw`border-r-rose-900`\ntw`border-b-inherit`\ntw`border-b-current`\ntw`border-b-transparent`\ntw`border-b-black`\ntw`border-b-white`\ntw`border-b-slate-50`\ntw`border-b-slate-100`\ntw`border-b-slate-200`\ntw`border-b-slate-300`\ntw`border-b-slate-400`\ntw`border-b-slate-500`\ntw`border-b-slate-600`\ntw`border-b-slate-700`\ntw`border-b-slate-800`\ntw`border-b-slate-900`\ntw`border-b-gray-50`\ntw`border-b-gray-100`\ntw`border-b-gray-200`\ntw`border-b-gray-300`\ntw`border-b-gray-400`\ntw`border-b-gray-500`\ntw`border-b-gray-600`\ntw`border-b-gray-700`\ntw`border-b-gray-800`\ntw`border-b-gray-900`\ntw`border-b-zinc-50`\ntw`border-b-zinc-100`\ntw`border-b-zinc-200`\ntw`border-b-zinc-300`\ntw`border-b-zinc-400`\ntw`border-b-zinc-500`\ntw`border-b-zinc-600`\ntw`border-b-zinc-700`\ntw`border-b-zinc-800`\ntw`border-b-zinc-900`\ntw`border-b-neutral-50`\ntw`border-b-neutral-100`\ntw`border-b-neutral-200`\ntw`border-b-neutral-300`\ntw`border-b-neutral-400`\ntw`border-b-neutral-500`\ntw`border-b-neutral-600`\ntw`border-b-neutral-700`\ntw`border-b-neutral-800`\ntw`border-b-neutral-900`\ntw`border-b-stone-50`\ntw`border-b-stone-100`\ntw`border-b-stone-200`\ntw`border-b-stone-300`\ntw`border-b-stone-400`\ntw`border-b-stone-500`\ntw`border-b-stone-600`\ntw`border-b-stone-700`\ntw`border-b-stone-800`\ntw`border-b-stone-900`\ntw`border-b-red-50`\ntw`border-b-red-100`\ntw`border-b-red-200`\ntw`border-b-red-300`\ntw`border-b-red-400`\ntw`border-b-red-500`\ntw`border-b-red-600`\ntw`border-b-red-700`\ntw`border-b-red-800`\ntw`border-b-red-900`\ntw`border-b-orange-50`\ntw`border-b-orange-100`\ntw`border-b-orange-200`\ntw`border-b-orange-300`\ntw`border-b-orange-400`\ntw`border-b-orange-500`\ntw`border-b-orange-600`\ntw`border-b-orange-700`\ntw`border-b-orange-800`\ntw`border-b-orange-900`\ntw`border-b-amber-50`\ntw`border-b-amber-100`\ntw`border-b-amber-200`\ntw`border-b-amber-300`\ntw`border-b-amber-400`\ntw`border-b-amber-500`\ntw`border-b-amber-600`\ntw`border-b-amber-700`\ntw`border-b-amber-800`\ntw`border-b-amber-900`\ntw`border-b-yellow-50`\ntw`border-b-yellow-100`\ntw`border-b-yellow-200`\ntw`border-b-yellow-300`\ntw`border-b-yellow-400`\ntw`border-b-yellow-500`\ntw`border-b-yellow-600`\ntw`border-b-yellow-700`\ntw`border-b-yellow-800`\ntw`border-b-yellow-900`\ntw`border-b-lime-50`\ntw`border-b-lime-100`\ntw`border-b-lime-200`\ntw`border-b-lime-300`\ntw`border-b-lime-400`\ntw`border-b-lime-500`\ntw`border-b-lime-600`\ntw`border-b-lime-700`\ntw`border-b-lime-800`\ntw`border-b-lime-900`\ntw`border-b-green-50`\ntw`border-b-green-100`\ntw`border-b-green-200`\ntw`border-b-green-300`\ntw`border-b-green-400`\ntw`border-b-green-500`\ntw`border-b-green-600`\ntw`border-b-green-700`\ntw`border-b-green-800`\ntw`border-b-green-900`\ntw`border-b-emerald-50`\ntw`border-b-emerald-100`\ntw`border-b-emerald-200`\ntw`border-b-emerald-300`\ntw`border-b-emerald-400`\ntw`border-b-emerald-500`\ntw`border-b-emerald-600`\ntw`border-b-emerald-700`\ntw`border-b-emerald-800`\ntw`border-b-emerald-900`\ntw`border-b-teal-50`\ntw`border-b-teal-100`\ntw`border-b-teal-200`\ntw`border-b-teal-300`\ntw`border-b-teal-400`\ntw`border-b-teal-500`\ntw`border-b-teal-600`\ntw`border-b-teal-700`\ntw`border-b-teal-800`\ntw`border-b-teal-900`\ntw`border-b-cyan-50`\ntw`border-b-cyan-100`\ntw`border-b-cyan-200`\ntw`border-b-cyan-300`\ntw`border-b-cyan-400`\ntw`border-b-cyan-500`\ntw`border-b-cyan-600`\ntw`border-b-cyan-700`\ntw`border-b-cyan-800`\ntw`border-b-cyan-900`\ntw`border-b-sky-50`\ntw`border-b-sky-100`\ntw`border-b-sky-200`\ntw`border-b-sky-300`\ntw`border-b-sky-400`\ntw`border-b-sky-500`\ntw`border-b-sky-600`\ntw`border-b-sky-700`\ntw`border-b-sky-800`\ntw`border-b-sky-900`\ntw`border-b-blue-50`\ntw`border-b-blue-100`\ntw`border-b-blue-200`\ntw`border-b-blue-300`\ntw`border-b-blue-400`\ntw`border-b-blue-500`\ntw`border-b-blue-600`\ntw`border-b-blue-700`\ntw`border-b-blue-800`\ntw`border-b-blue-900`\ntw`border-b-indigo-50`\ntw`border-b-indigo-100`\ntw`border-b-indigo-200`\ntw`border-b-indigo-300`\ntw`border-b-indigo-400`\ntw`border-b-indigo-500`\ntw`border-b-indigo-600`\ntw`border-b-indigo-700`\ntw`border-b-indigo-800`\ntw`border-b-indigo-900`\ntw`border-b-violet-50`\ntw`border-b-violet-100`\ntw`border-b-violet-200`\ntw`border-b-violet-300`\ntw`border-b-violet-400`\ntw`border-b-violet-500`\ntw`border-b-violet-600`\ntw`border-b-violet-700`\ntw`border-b-violet-800`\ntw`border-b-violet-900`\ntw`border-b-purple-50`\ntw`border-b-purple-100`\ntw`border-b-purple-200`\ntw`border-b-purple-300`\ntw`border-b-purple-400`\ntw`border-b-purple-500`\ntw`border-b-purple-600`\ntw`border-b-purple-700`\ntw`border-b-purple-800`\ntw`border-b-purple-900`\ntw`border-b-fuchsia-50`\ntw`border-b-fuchsia-100`\ntw`border-b-fuchsia-200`\ntw`border-b-fuchsia-300`\ntw`border-b-fuchsia-400`\ntw`border-b-fuchsia-500`\ntw`border-b-fuchsia-600`\ntw`border-b-fuchsia-700`\ntw`border-b-fuchsia-800`\ntw`border-b-fuchsia-900`\ntw`border-b-pink-50`\ntw`border-b-pink-100`\ntw`border-b-pink-200`\ntw`border-b-pink-300`\ntw`border-b-pink-400`\ntw`border-b-pink-500`\ntw`border-b-pink-600`\ntw`border-b-pink-700`\ntw`border-b-pink-800`\ntw`border-b-pink-900`\ntw`border-b-rose-50`\ntw`border-b-rose-100`\ntw`border-b-rose-200`\ntw`border-b-rose-300`\ntw`border-b-rose-400`\ntw`border-b-rose-500`\ntw`border-b-rose-600`\ntw`border-b-rose-700`\ntw`border-b-rose-800`\ntw`border-b-rose-900`\ntw`border-l-inherit`\ntw`border-l-current`\ntw`border-l-transparent`\ntw`border-l-black`\ntw`border-l-white`\ntw`border-l-slate-50`\ntw`border-l-slate-100`\ntw`border-l-slate-200`\ntw`border-l-slate-300`\ntw`border-l-slate-400`\ntw`border-l-slate-500`\ntw`border-l-slate-600`\ntw`border-l-slate-700`\ntw`border-l-slate-800`\ntw`border-l-slate-900`\ntw`border-l-gray-50`\ntw`border-l-gray-100`\ntw`border-l-gray-200`\ntw`border-l-gray-300`\ntw`border-l-gray-400`\ntw`border-l-gray-500`\ntw`border-l-gray-600`\ntw`border-l-gray-700`\ntw`border-l-gray-800`\ntw`border-l-gray-900`\ntw`border-l-zinc-50`\ntw`border-l-zinc-100`\ntw`border-l-zinc-200`\ntw`border-l-zinc-300`\ntw`border-l-zinc-400`\ntw`border-l-zinc-500`\ntw`border-l-zinc-600`\ntw`border-l-zinc-700`\ntw`border-l-zinc-800`\ntw`border-l-zinc-900`\ntw`border-l-neutral-50`\ntw`border-l-neutral-100`\ntw`border-l-neutral-200`\ntw`border-l-neutral-300`\ntw`border-l-neutral-400`\ntw`border-l-neutral-500`\ntw`border-l-neutral-600`\ntw`border-l-neutral-700`\ntw`border-l-neutral-800`\ntw`border-l-neutral-900`\ntw`border-l-stone-50`\ntw`border-l-stone-100`\ntw`border-l-stone-200`\ntw`border-l-stone-300`\ntw`border-l-stone-400`\ntw`border-l-stone-500`\ntw`border-l-stone-600`\ntw`border-l-stone-700`\ntw`border-l-stone-800`\ntw`border-l-stone-900`\ntw`border-l-red-50`\ntw`border-l-red-100`\ntw`border-l-red-200`\ntw`border-l-red-300`\ntw`border-l-red-400`\ntw`border-l-red-500`\ntw`border-l-red-600`\ntw`border-l-red-700`\ntw`border-l-red-800`\ntw`border-l-red-900`\ntw`border-l-orange-50`\ntw`border-l-orange-100`\ntw`border-l-orange-200`\ntw`border-l-orange-300`\ntw`border-l-orange-400`\ntw`border-l-orange-500`\ntw`border-l-orange-600`\ntw`border-l-orange-700`\ntw`border-l-orange-800`\ntw`border-l-orange-900`\ntw`border-l-amber-50`\ntw`border-l-amber-100`\ntw`border-l-amber-200`\ntw`border-l-amber-300`\ntw`border-l-amber-400`\ntw`border-l-amber-500`\ntw`border-l-amber-600`\ntw`border-l-amber-700`\ntw`border-l-amber-800`\ntw`border-l-amber-900`\ntw`border-l-yellow-50`\ntw`border-l-yellow-100`\ntw`border-l-yellow-200`\ntw`border-l-yellow-300`\ntw`border-l-yellow-400`\ntw`border-l-yellow-500`\ntw`border-l-yellow-600`\ntw`border-l-yellow-700`\ntw`border-l-yellow-800`\ntw`border-l-yellow-900`\ntw`border-l-lime-50`\ntw`border-l-lime-100`\ntw`border-l-lime-200`\ntw`border-l-lime-300`\ntw`border-l-lime-400`\ntw`border-l-lime-500`\ntw`border-l-lime-600`\ntw`border-l-lime-700`\ntw`border-l-lime-800`\ntw`border-l-lime-900`\ntw`border-l-green-50`\ntw`border-l-green-100`\ntw`border-l-green-200`\ntw`border-l-green-300`\ntw`border-l-green-400`\ntw`border-l-green-500`\ntw`border-l-green-600`\ntw`border-l-green-700`\ntw`border-l-green-800`\ntw`border-l-green-900`\ntw`border-l-emerald-50`\ntw`border-l-emerald-100`\ntw`border-l-emerald-200`\ntw`border-l-emerald-300`\ntw`border-l-emerald-400`\ntw`border-l-emerald-500`\ntw`border-l-emerald-600`\ntw`border-l-emerald-700`\ntw`border-l-emerald-800`\ntw`border-l-emerald-900`\ntw`border-l-teal-50`\ntw`border-l-teal-100`\ntw`border-l-teal-200`\ntw`border-l-teal-300`\ntw`border-l-teal-400`\ntw`border-l-teal-500`\ntw`border-l-teal-600`\ntw`border-l-teal-700`\ntw`border-l-teal-800`\ntw`border-l-teal-900`\ntw`border-l-cyan-50`\ntw`border-l-cyan-100`\ntw`border-l-cyan-200`\ntw`border-l-cyan-300`\ntw`border-l-cyan-400`\ntw`border-l-cyan-500`\ntw`border-l-cyan-600`\ntw`border-l-cyan-700`\ntw`border-l-cyan-800`\ntw`border-l-cyan-900`\ntw`border-l-sky-50`\ntw`border-l-sky-100`\ntw`border-l-sky-200`\ntw`border-l-sky-300`\ntw`border-l-sky-400`\ntw`border-l-sky-500`\ntw`border-l-sky-600`\ntw`border-l-sky-700`\ntw`border-l-sky-800`\ntw`border-l-sky-900`\ntw`border-l-blue-50`\ntw`border-l-blue-100`\ntw`border-l-blue-200`\ntw`border-l-blue-300`\ntw`border-l-blue-400`\ntw`border-l-blue-500`\ntw`border-l-blue-600`\ntw`border-l-blue-700`\ntw`border-l-blue-800`\ntw`border-l-blue-900`\ntw`border-l-indigo-50`\ntw`border-l-indigo-100`\ntw`border-l-indigo-200`\ntw`border-l-indigo-300`\ntw`border-l-indigo-400`\ntw`border-l-indigo-500`\ntw`border-l-indigo-600`\ntw`border-l-indigo-700`\ntw`border-l-indigo-800`\ntw`border-l-indigo-900`\ntw`border-l-violet-50`\ntw`border-l-violet-100`\ntw`border-l-violet-200`\ntw`border-l-violet-300`\ntw`border-l-violet-400`\ntw`border-l-violet-500`\ntw`border-l-violet-600`\ntw`border-l-violet-700`\ntw`border-l-violet-800`\ntw`border-l-violet-900`\ntw`border-l-purple-50`\ntw`border-l-purple-100`\ntw`border-l-purple-200`\ntw`border-l-purple-300`\ntw`border-l-purple-400`\ntw`border-l-purple-500`\ntw`border-l-purple-600`\ntw`border-l-purple-700`\ntw`border-l-purple-800`\ntw`border-l-purple-900`\ntw`border-l-fuchsia-50`\ntw`border-l-fuchsia-100`\ntw`border-l-fuchsia-200`\ntw`border-l-fuchsia-300`\ntw`border-l-fuchsia-400`\ntw`border-l-fuchsia-500`\ntw`border-l-fuchsia-600`\ntw`border-l-fuchsia-700`\ntw`border-l-fuchsia-800`\ntw`border-l-fuchsia-900`\ntw`border-l-pink-50`\ntw`border-l-pink-100`\ntw`border-l-pink-200`\ntw`border-l-pink-300`\ntw`border-l-pink-400`\ntw`border-l-pink-500`\ntw`border-l-pink-600`\ntw`border-l-pink-700`\ntw`border-l-pink-800`\ntw`border-l-pink-900`\ntw`border-l-rose-50`\ntw`border-l-rose-100`\ntw`border-l-rose-200`\ntw`border-l-rose-300`\ntw`border-l-rose-400`\ntw`border-l-rose-500`\ntw`border-l-rose-600`\ntw`border-l-rose-700`\ntw`border-l-rose-800`\ntw`border-l-rose-900`\n\ntw`border-4 border-indigo-500/100`\ntw`border-4 border-indigo-500/75`\ntw`border-4 border-indigo-500/50`\ntw`border-4 border-indigo-600/[.55]`\ntw`border-[#243c5a]`\n\ntw`border-[#f00]`\ntw`border-t-[#f00]`\n\ntw`border-red-500/25`\ntw`border-red-500/fromConfig`\ntw`border-red-500/fromConfig/25`\ntw`border-red-500/fromConfig/[.555]`\ntw`border-red-500/fromConfig/[var(--myvar)]`\ntw`border-red-500/[.555]`\ntw`border-red-500/[var(--myvar)]`\ntw`border-[theme('colors.red.500')]`\ntw`border-[theme('colors.red.500')]/20`\n\ntw`border-electric/25`\ntw`border-electric/[.555]`\ntw`border-electric/[var(--myvar)]`\ntw`border-[theme('colors.electric')]`\ntw`border-[theme('colors.electric')]/20`\n\ntw`border-[hsla(235, 100%, 50%, .5)]`\ntw`border-[rgba(255, 255, 255, 0)]`\ntw`border-[red_black_white rgb(255, 255,255,0)]`\ntw`border-[red black_blue]`\ntw`border-[red black]`\ntw`border-[hsl(50 50% 50%)]`\n\ntw`border-t-[color:green]`\ntw`border-t-[color:rgba(255, 255, 255, .45)]`\n\ntw`border-r-[color:green]`\ntw`border-r-[color:rgba(255, 255, 255, .45)]`\n\ntw`border-b-[color:green]`\ntw`border-b-[color:rgba(255, 255, 255, .45)]`\n\ntw`border-l-[color:green]`\ntw`border-l-[color:rgba(255, 255, 255, .45)]`\n\ntw`border-[color:green]`\ntw`border-[color:rgba(255, 255, 255, .45)]`\n\ntw`border-x-[color:green]`\ntw`border-y-[color:rgba(255, 255, 255, .45)]`\n\ntw`border-black border-s-green-500 border-e-red-400`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/borderOpacity.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/border-opacity\n// Deprecated\ntw`border-opacity-0`\ntw`border-opacity-5`\ntw`border-opacity-10`\ntw`border-opacity-20`\ntw`border-opacity-25`\ntw`border-opacity-30`\ntw`border-opacity-40`\ntw`border-opacity-50`\ntw`border-opacity-60`\ntw`border-opacity-70`\ntw`border-opacity-75`\ntw`border-opacity-80`\ntw`border-opacity-90`\ntw`border-opacity-95`\ntw`border-opacity-100`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/borderRadius.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/border-radius\ntheme`borderRadius.`\n\ntw`rounded-none`\ntw`rounded-sm`\ntw`rounded`\ntw`rounded-md`\ntw`rounded-lg`\ntw`rounded-xl`\ntw`rounded-2xl`\ntw`rounded-3xl`\ntw`rounded-full`\ntw`rounded-t-none`\ntw`rounded-r-none`\ntw`rounded-b-none`\ntw`rounded-l-none`\ntw`rounded-t-sm`\ntw`rounded-r-sm`\ntw`rounded-b-sm`\ntw`rounded-l-sm`\ntw`rounded-t`\ntw`rounded-r`\ntw`rounded-b`\ntw`rounded-l`\ntw`rounded-t-lg`\ntw`rounded-r-lg`\ntw`rounded-b-lg`\ntw`rounded-l-lg`\ntw`rounded-t-xl`\ntw`rounded-r-xl`\ntw`rounded-b-xl`\ntw`rounded-l-xl`\ntw`rounded-t-2xl`\ntw`rounded-r-2xl`\ntw`rounded-b-2xl`\ntw`rounded-l-2xl`\ntw`rounded-t-3xl`\ntw`rounded-r-3xl`\ntw`rounded-b-3xl`\ntw`rounded-l-3xl`\ntw`rounded-t-full`\ntw`rounded-r-full`\ntw`rounded-b-full`\ntw`rounded-l-full`\ntw`rounded-tl-none`\ntw`rounded-tr-none`\ntw`rounded-br-none`\ntw`rounded-bl-none`\ntw`rounded-tl-sm`\ntw`rounded-tr-sm`\ntw`rounded-br-sm`\ntw`rounded-bl-sm`\ntw`rounded-tl`\ntw`rounded-tr`\ntw`rounded-br`\ntw`rounded-bl`\ntw`rounded-tl-lg`\ntw`rounded-tr-lg`\ntw`rounded-br-lg`\ntw`rounded-bl-lg`\ntw`rounded-tl-xl`\ntw`rounded-tr-xl`\ntw`rounded-br-xl`\ntw`rounded-bl-xl`\ntw`rounded-tl-2xl`\ntw`rounded-tr-2xl`\ntw`rounded-br-2xl`\ntw`rounded-bl-2xl`\ntw`rounded-tl-3xl`\ntw`rounded-tr-3xl`\ntw`rounded-br-3xl`\ntw`rounded-bl-3xl`\ntw`rounded-tl-full`\ntw`rounded-tr-full`\ntw`rounded-br-full`\ntw`rounded-bl-full`\n\ntw`rounded-[12px]`\ntw`rounded-t-[var(--radius)] rounded-r-[var(--radius)] rounded-b-[var(--radius)] rounded-l-[var(--radius)]`\ntw`rounded-tr-[var(--radius)] rounded-br-[var(--radius)] rounded-bl-[var(--radius)] rounded-tl-[var(--radius)]`\n\ntw`rounded-s rounded-e rounded-ss rounded-es`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/borderStyle.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/border-style\ntw`border-solid`\ntw`border-dashed`\ntw`border-dotted`\ntw`border-double`\ntw`border-hidden`\ntw`border-none`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/borderWidth.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/border-width\ntheme`borderWidth.`\n\ntw`border-0`\ntw`border-2`\ntw`border-4`\ntw`border-8`\ntw`border`\ntw`border-x-0`\ntw`border-x-2`\ntw`border-x-4`\ntw`border-x-8`\ntw`border-x`\ntw`border-y-0`\ntw`border-y-2`\ntw`border-y-4`\ntw`border-y-8`\ntw`border-y`\ntw`border-t-0`\ntw`border-t-2`\ntw`border-t-4`\ntw`border-t-8`\ntw`border-t`\ntw`border-r-0`\ntw`border-r-2`\ntw`border-r-4`\ntw`border-r-8`\ntw`border-r`\ntw`border-b-0`\ntw`border-b-2`\ntw`border-b-4`\ntw`border-b-8`\ntw`border-b`\ntw`border-l-0`\ntw`border-l-2`\ntw`border-l-4`\ntw`border-l-8`\ntw`border-l`\n\ntw`border-[2.5px]`\ntw`border-t-[2.5px]`\n\ntw`border-t-[length:10px]`\ntw`border-r-[length:10px]`\ntw`border-b-[length:10px]`\ntw`border-l-[length:10px]`\ntw`border-l-[length:10px]`\ntw`border-x-[length:10px]`\ntw`border-y-[length:10px]`\ntw`border-[length:10px]`\n\ntw`border-2 border-s-0 border-e-4`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/divideColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/divide-color\ntheme`divideColor.`\n\ntw`divide-inherit`\ntw`divide-current`\ntw`divide-transparent`\ntw`divide-black`\ntw`divide-white`\ntw`divide-slate-50`\ntw`divide-slate-100`\ntw`divide-slate-200`\ntw`divide-slate-300`\ntw`divide-slate-400`\ntw`divide-slate-500`\ntw`divide-slate-600`\ntw`divide-slate-700`\ntw`divide-slate-800`\ntw`divide-slate-900`\ntw`divide-gray-50`\ntw`divide-gray-100`\ntw`divide-gray-200`\ntw`divide-gray-300`\ntw`divide-gray-400`\ntw`divide-gray-500`\ntw`divide-gray-600`\ntw`divide-gray-700`\ntw`divide-gray-800`\ntw`divide-gray-900`\ntw`divide-zinc-50`\ntw`divide-zinc-100`\ntw`divide-zinc-200`\ntw`divide-zinc-300`\ntw`divide-zinc-400`\ntw`divide-zinc-500`\ntw`divide-zinc-600`\ntw`divide-zinc-700`\ntw`divide-zinc-800`\ntw`divide-zinc-900`\ntw`divide-neutral-50`\ntw`divide-neutral-100`\ntw`divide-neutral-200`\ntw`divide-neutral-300`\ntw`divide-neutral-400`\ntw`divide-neutral-500`\ntw`divide-neutral-600`\ntw`divide-neutral-700`\ntw`divide-neutral-800`\ntw`divide-neutral-900`\ntw`divide-stone-50`\ntw`divide-stone-100`\ntw`divide-stone-200`\ntw`divide-stone-300`\ntw`divide-stone-400`\ntw`divide-stone-500`\ntw`divide-stone-600`\ntw`divide-stone-700`\ntw`divide-stone-800`\ntw`divide-stone-900`\ntw`divide-red-50`\ntw`divide-red-100`\ntw`divide-red-200`\ntw`divide-red-300`\ntw`divide-red-400`\ntw`divide-red-500`\ntw`divide-red-600`\ntw`divide-red-700`\ntw`divide-red-800`\ntw`divide-red-900`\ntw`divide-orange-50`\ntw`divide-orange-100`\ntw`divide-orange-200`\ntw`divide-orange-300`\ntw`divide-orange-400`\ntw`divide-orange-500`\ntw`divide-orange-600`\ntw`divide-orange-700`\ntw`divide-orange-800`\ntw`divide-orange-900`\ntw`divide-amber-50`\ntw`divide-amber-100`\ntw`divide-amber-200`\ntw`divide-amber-300`\ntw`divide-amber-400`\ntw`divide-amber-500`\ntw`divide-amber-600`\ntw`divide-amber-700`\ntw`divide-amber-800`\ntw`divide-amber-900`\ntw`divide-yellow-50`\ntw`divide-yellow-100`\ntw`divide-yellow-200`\ntw`divide-yellow-300`\ntw`divide-yellow-400`\ntw`divide-yellow-500`\ntw`divide-yellow-600`\ntw`divide-yellow-700`\ntw`divide-yellow-800`\ntw`divide-yellow-900`\ntw`divide-lime-50`\ntw`divide-lime-100`\ntw`divide-lime-200`\ntw`divide-lime-300`\ntw`divide-lime-400`\ntw`divide-lime-500`\ntw`divide-lime-600`\ntw`divide-lime-700`\ntw`divide-lime-800`\ntw`divide-lime-900`\ntw`divide-green-50`\ntw`divide-green-100`\ntw`divide-green-200`\ntw`divide-green-300`\ntw`divide-green-400`\ntw`divide-green-500`\ntw`divide-green-600`\ntw`divide-green-700`\ntw`divide-green-800`\ntw`divide-green-900`\ntw`divide-emerald-50`\ntw`divide-emerald-100`\ntw`divide-emerald-200`\ntw`divide-emerald-300`\ntw`divide-emerald-400`\ntw`divide-emerald-500`\ntw`divide-emerald-600`\ntw`divide-emerald-700`\ntw`divide-emerald-800`\ntw`divide-emerald-900`\ntw`divide-teal-50`\ntw`divide-teal-100`\ntw`divide-teal-200`\ntw`divide-teal-300`\ntw`divide-teal-400`\ntw`divide-teal-500`\ntw`divide-teal-600`\ntw`divide-teal-700`\ntw`divide-teal-800`\ntw`divide-teal-900`\ntw`divide-cyan-50`\ntw`divide-cyan-100`\ntw`divide-cyan-200`\ntw`divide-cyan-300`\ntw`divide-cyan-400`\ntw`divide-cyan-500`\ntw`divide-cyan-600`\ntw`divide-cyan-700`\ntw`divide-cyan-800`\ntw`divide-cyan-900`\ntw`divide-sky-50`\ntw`divide-sky-100`\ntw`divide-sky-200`\ntw`divide-sky-300`\ntw`divide-sky-400`\ntw`divide-sky-500`\ntw`divide-sky-600`\ntw`divide-sky-700`\ntw`divide-sky-800`\ntw`divide-sky-900`\ntw`divide-blue-50`\ntw`divide-blue-100`\ntw`divide-blue-200`\ntw`divide-blue-300`\ntw`divide-blue-400`\ntw`divide-blue-500`\ntw`divide-blue-600`\ntw`divide-blue-700`\ntw`divide-blue-800`\ntw`divide-blue-900`\ntw`divide-indigo-50`\ntw`divide-indigo-100`\ntw`divide-indigo-200`\ntw`divide-indigo-300`\ntw`divide-indigo-400`\ntw`divide-indigo-500`\ntw`divide-indigo-600`\ntw`divide-indigo-700`\ntw`divide-indigo-800`\ntw`divide-indigo-900`\ntw`divide-violet-50`\ntw`divide-violet-100`\ntw`divide-violet-200`\ntw`divide-violet-300`\ntw`divide-violet-400`\ntw`divide-violet-500`\ntw`divide-violet-600`\ntw`divide-violet-700`\ntw`divide-violet-800`\ntw`divide-violet-900`\ntw`divide-purple-50`\ntw`divide-purple-100`\ntw`divide-purple-200`\ntw`divide-purple-300`\ntw`divide-purple-400`\ntw`divide-purple-500`\ntw`divide-purple-600`\ntw`divide-purple-700`\ntw`divide-purple-800`\ntw`divide-purple-900`\ntw`divide-fuchsia-50`\ntw`divide-fuchsia-100`\ntw`divide-fuchsia-200`\ntw`divide-fuchsia-300`\ntw`divide-fuchsia-400`\ntw`divide-fuchsia-500`\ntw`divide-fuchsia-600`\ntw`divide-fuchsia-700`\ntw`divide-fuchsia-800`\ntw`divide-fuchsia-900`\ntw`divide-pink-50`\ntw`divide-pink-100`\ntw`divide-pink-200`\ntw`divide-pink-300`\ntw`divide-pink-400`\ntw`divide-pink-500`\ntw`divide-pink-600`\ntw`divide-pink-700`\ntw`divide-pink-800`\ntw`divide-pink-900`\ntw`divide-rose-50`\ntw`divide-rose-100`\ntw`divide-rose-200`\ntw`divide-rose-300`\ntw`divide-rose-400`\ntw`divide-rose-500`\ntw`divide-rose-600`\ntw`divide-rose-700`\ntw`divide-rose-800`\ntw`divide-rose-900`\n\ntw`divide-y-4 divide-slate-400/25`\ntw`divide-y-4 divide-slate-400/[.24]`\ntw`divide-[#243c5a]`\n\ntw`divide-[color:blue]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/divideOpacity.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/divide-opacity\n// Deprecated in favor of slash opacity syntax\ntw`divide-opacity-0`\ntw`divide-opacity-5`\ntw`divide-opacity-10`\ntw`divide-opacity-20`\ntw`divide-opacity-25`\ntw`divide-opacity-30`\ntw`divide-opacity-40`\ntw`divide-opacity-50`\ntw`divide-opacity-60`\ntw`divide-opacity-70`\ntw`divide-opacity-75`\ntw`divide-opacity-80`\ntw`divide-opacity-90`\ntw`divide-opacity-95`\ntw`divide-opacity-100`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/divideStyle.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/divide-style\ntw`divide-solid`\ntw`divide-dashed`\ntw`divide-dotted`\ntw`divide-double`\ntw`divide-none`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/divideWidth.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/divide-width\ntheme`divideWidth.`\n\ntw`divide-x-0`\ntw`divide-x-2`\ntw`divide-x-4`\ntw`divide-x-8`\ntw`divide-x`\ntw`divide-y-0`\ntw`divide-y-2`\ntw`divide-y-4`\ntw`divide-y-8`\ntw`divide-y`\ntw`divide-x-reverse`\ntw`divide-y-reverse`\n\ntw`divide-x-[3px]`\ntw`divide-y-[3px]`\n\ntw`divide-x-[line-width:3px]`\ntw`divide-x-[length:3px]`\n\ntw`divide-y-[line-width:3px]`\ntw`divide-y-[length:3px]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/outlineColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/outline-color\ntheme`outlineColor`\n\ntw`outline-inherit`\ntw`outline-current`\ntw`outline-transparent`\ntw`outline-black`\ntw`outline-white`\ntw`outline-slate-50`\ntw`outline-slate-100`\ntw`outline-slate-200`\ntw`outline-slate-300`\ntw`outline-slate-400`\ntw`outline-slate-500`\ntw`outline-slate-600`\ntw`outline-slate-700`\ntw`outline-slate-800`\ntw`outline-slate-900`\ntw`outline-gray-50`\ntw`outline-gray-100`\ntw`outline-gray-200`\ntw`outline-gray-300`\ntw`outline-gray-400`\ntw`outline-gray-500`\ntw`outline-gray-600`\ntw`outline-gray-700`\ntw`outline-gray-800`\ntw`outline-gray-900`\ntw`outline-zinc-50`\ntw`outline-zinc-100`\ntw`outline-zinc-200`\ntw`outline-zinc-300`\ntw`outline-zinc-400`\ntw`outline-zinc-500`\ntw`outline-zinc-600`\ntw`outline-zinc-700`\ntw`outline-zinc-800`\ntw`outline-zinc-900`\ntw`outline-neutral-50`\ntw`outline-neutral-100`\ntw`outline-neutral-200`\ntw`outline-neutral-300`\ntw`outline-neutral-400`\ntw`outline-neutral-500`\ntw`outline-neutral-600`\ntw`outline-neutral-700`\ntw`outline-neutral-800`\ntw`outline-neutral-900`\ntw`outline-stone-50`\ntw`outline-stone-100`\ntw`outline-stone-200`\ntw`outline-stone-300`\ntw`outline-stone-400`\ntw`outline-stone-500`\ntw`outline-stone-600`\ntw`outline-stone-700`\ntw`outline-stone-800`\ntw`outline-stone-900`\ntw`outline-red-50`\ntw`outline-red-100`\ntw`outline-red-200`\ntw`outline-red-300`\ntw`outline-red-400`\ntw`outline-red-500`\ntw`outline-red-600`\ntw`outline-red-700`\ntw`outline-red-800`\ntw`outline-red-900`\ntw`outline-orange-50`\ntw`outline-orange-100`\ntw`outline-orange-200`\ntw`outline-orange-300`\ntw`outline-orange-400`\ntw`outline-orange-500`\ntw`outline-orange-600`\ntw`outline-orange-700`\ntw`outline-orange-800`\ntw`outline-orange-900`\ntw`outline-amber-50`\ntw`outline-amber-100`\ntw`outline-amber-200`\ntw`outline-amber-300`\ntw`outline-amber-400`\ntw`outline-amber-500`\ntw`outline-amber-600`\ntw`outline-amber-700`\ntw`outline-amber-800`\ntw`outline-amber-900`\ntw`outline-yellow-50`\ntw`outline-yellow-100`\ntw`outline-yellow-200`\ntw`outline-yellow-300`\ntw`outline-yellow-400`\ntw`outline-yellow-500`\ntw`outline-yellow-600`\ntw`outline-yellow-700`\ntw`outline-yellow-800`\ntw`outline-yellow-900`\ntw`outline-lime-50`\ntw`outline-lime-100`\ntw`outline-lime-200`\ntw`outline-lime-300`\ntw`outline-lime-400`\ntw`outline-lime-500`\ntw`outline-lime-600`\ntw`outline-lime-700`\ntw`outline-lime-800`\ntw`outline-lime-900`\ntw`outline-green-50`\ntw`outline-green-100`\ntw`outline-green-200`\ntw`outline-green-300`\ntw`outline-green-400`\ntw`outline-green-500`\ntw`outline-green-600`\ntw`outline-green-700`\ntw`outline-green-800`\ntw`outline-green-900`\ntw`outline-emerald-50`\ntw`outline-emerald-100`\ntw`outline-emerald-200`\ntw`outline-emerald-300`\ntw`outline-emerald-400`\ntw`outline-emerald-500`\ntw`outline-emerald-600`\ntw`outline-emerald-700`\ntw`outline-emerald-800`\ntw`outline-emerald-900`\ntw`outline-teal-50`\ntw`outline-teal-100`\ntw`outline-teal-200`\ntw`outline-teal-300`\ntw`outline-teal-400`\ntw`outline-teal-500`\ntw`outline-teal-600`\ntw`outline-teal-700`\ntw`outline-teal-800`\ntw`outline-teal-900`\ntw`outline-cyan-50`\ntw`outline-cyan-100`\ntw`outline-cyan-200`\ntw`outline-cyan-300`\ntw`outline-cyan-400`\ntw`outline-cyan-500`\ntw`outline-cyan-600`\ntw`outline-cyan-700`\ntw`outline-cyan-800`\ntw`outline-cyan-900`\ntw`outline-sky-50`\ntw`outline-sky-100`\ntw`outline-sky-200`\ntw`outline-sky-300`\ntw`outline-sky-400`\ntw`outline-sky-500`\ntw`outline-sky-600`\ntw`outline-sky-700`\ntw`outline-sky-800`\ntw`outline-sky-900`\ntw`outline-blue-50`\ntw`outline-blue-100`\ntw`outline-blue-200`\ntw`outline-blue-300`\ntw`outline-blue-400`\ntw`outline-blue-500`\ntw`outline-blue-600`\ntw`outline-blue-700`\ntw`outline-blue-800`\ntw`outline-blue-900`\ntw`outline-indigo-50`\ntw`outline-indigo-100`\ntw`outline-indigo-200`\ntw`outline-indigo-300`\ntw`outline-indigo-400`\ntw`outline-indigo-500`\ntw`outline-indigo-600`\ntw`outline-indigo-700`\ntw`outline-indigo-800`\ntw`outline-indigo-900`\ntw`outline-violet-50`\ntw`outline-violet-100`\ntw`outline-violet-200`\ntw`outline-violet-300`\ntw`outline-violet-400`\ntw`outline-violet-500`\ntw`outline-violet-600`\ntw`outline-violet-700`\ntw`outline-violet-800`\ntw`outline-violet-900`\ntw`outline-purple-50`\ntw`outline-purple-100`\ntw`outline-purple-200`\ntw`outline-purple-300`\ntw`outline-purple-400`\ntw`outline-purple-500`\ntw`outline-purple-600`\ntw`outline-purple-700`\ntw`outline-purple-800`\ntw`outline-purple-900`\ntw`outline-fuchsia-50`\ntw`outline-fuchsia-100`\ntw`outline-fuchsia-200`\ntw`outline-fuchsia-300`\ntw`outline-fuchsia-400`\ntw`outline-fuchsia-500`\ntw`outline-fuchsia-600`\ntw`outline-fuchsia-700`\ntw`outline-fuchsia-800`\ntw`outline-fuchsia-900`\ntw`outline-pink-50`\ntw`outline-pink-100`\ntw`outline-pink-200`\ntw`outline-pink-300`\ntw`outline-pink-400`\ntw`outline-pink-500`\ntw`outline-pink-600`\ntw`outline-pink-700`\ntw`outline-pink-800`\ntw`outline-pink-900`\ntw`outline-rose-50`\ntw`outline-rose-100`\ntw`outline-rose-200`\ntw`outline-rose-300`\ntw`outline-rose-400`\ntw`outline-rose-500`\ntw`outline-rose-600`\ntw`outline-rose-700`\ntw`outline-rose-800`\ntw`outline-rose-900`\n\ntw`outline-rose-900/50`\ntw`outline-rose-900/[.50]`\ntw`outline-[#243c5a]`\n\ntw`outline-[length:500px]`\ntw`outline-[color:red]`\ntw`outline-[percentage:10%]`\n\n// tw`outline-[var(--outline)]` // Unsupported by tailwindcss\ntw`outline-[color:var(--outline)]`\ntw`outline-[length:var(--outline)]`\n\ntw`outline outline-dashed outline-none outline-black outline-4 outline-offset-2`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/outlineOffset.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/outline-offset\ntheme`outlineOffset`\n\ntw`outline-offset-0`\ntw`outline-offset-1`\ntw`outline-offset-2`\ntw`outline-offset-4`\ntw`outline-offset-8`\n\ntw`-outline-offset-1`\n\ntw`outline-offset-[3px]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/outlineStyle.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/outline-style\ntw`outline`\ntw`outline-none`\ntw`outline-dashed`\ntw`outline-dotted`\ntw`outline-double`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/outlineWidth.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/outline-width\ntheme`outlineWidth`\n\ntw`outline-0`\ntw`outline-1`\ntw`outline-2`\ntw`outline-4`\ntw`outline-8`\n\ntw`outline outline-offset-2 outline-1`\ntw`outline-[5px]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/ringColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/ring-color\ntheme`ringColor.`\n\ntw`ring-inherit`\ntw`ring-current`\ntw`ring-transparent`\ntw`ring-black`\ntw`ring-white`\ntw`ring-slate-50`\ntw`ring-slate-100`\ntw`ring-slate-200`\ntw`ring-slate-300`\ntw`ring-slate-400`\ntw`ring-slate-500`\ntw`ring-slate-600`\ntw`ring-slate-700`\ntw`ring-slate-800`\ntw`ring-slate-900`\ntw`ring-gray-50`\ntw`ring-gray-100`\ntw`ring-gray-200`\ntw`ring-gray-300`\ntw`ring-gray-400`\ntw`ring-gray-500`\ntw`ring-gray-600`\ntw`ring-gray-700`\ntw`ring-gray-800`\ntw`ring-gray-900`\ntw`ring-zinc-50`\ntw`ring-zinc-100`\ntw`ring-zinc-200`\ntw`ring-zinc-300`\ntw`ring-zinc-400`\ntw`ring-zinc-500`\ntw`ring-zinc-600`\ntw`ring-zinc-700`\ntw`ring-zinc-800`\ntw`ring-zinc-900`\ntw`ring-neutral-50`\ntw`ring-neutral-100`\ntw`ring-neutral-200`\ntw`ring-neutral-300`\ntw`ring-neutral-400`\ntw`ring-neutral-500`\ntw`ring-neutral-600`\ntw`ring-neutral-700`\ntw`ring-neutral-800`\ntw`ring-neutral-900`\ntw`ring-stone-50`\ntw`ring-stone-100`\ntw`ring-stone-200`\ntw`ring-stone-300`\ntw`ring-stone-400`\ntw`ring-stone-500`\ntw`ring-stone-600`\ntw`ring-stone-700`\ntw`ring-stone-800`\ntw`ring-stone-900`\ntw`ring-red-50`\ntw`ring-red-100`\ntw`ring-red-200`\ntw`ring-red-300`\ntw`ring-red-400`\ntw`ring-red-500`\ntw`ring-red-600`\ntw`ring-red-700`\ntw`ring-red-800`\ntw`ring-red-900`\ntw`ring-orange-50`\ntw`ring-orange-100`\ntw`ring-orange-200`\ntw`ring-orange-300`\ntw`ring-orange-400`\ntw`ring-orange-500`\ntw`ring-orange-600`\ntw`ring-orange-700`\ntw`ring-orange-800`\ntw`ring-orange-900`\ntw`ring-amber-50`\ntw`ring-amber-100`\ntw`ring-amber-200`\ntw`ring-amber-300`\ntw`ring-amber-400`\ntw`ring-amber-500`\ntw`ring-amber-600`\ntw`ring-amber-700`\ntw`ring-amber-800`\ntw`ring-amber-900`\ntw`ring-yellow-50`\ntw`ring-yellow-100`\ntw`ring-yellow-200`\ntw`ring-yellow-300`\ntw`ring-yellow-400`\ntw`ring-yellow-500`\ntw`ring-yellow-600`\ntw`ring-yellow-700`\ntw`ring-yellow-800`\ntw`ring-yellow-900`\ntw`ring-lime-50`\ntw`ring-lime-100`\ntw`ring-lime-200`\ntw`ring-lime-300`\ntw`ring-lime-400`\ntw`ring-lime-500`\ntw`ring-lime-600`\ntw`ring-lime-700`\ntw`ring-lime-800`\ntw`ring-lime-900`\ntw`ring-green-50`\ntw`ring-green-100`\ntw`ring-green-200`\ntw`ring-green-300`\ntw`ring-green-400`\ntw`ring-green-500`\ntw`ring-green-600`\ntw`ring-green-700`\ntw`ring-green-800`\ntw`ring-green-900`\ntw`ring-emerald-50`\ntw`ring-emerald-100`\ntw`ring-emerald-200`\ntw`ring-emerald-300`\ntw`ring-emerald-400`\ntw`ring-emerald-500`\ntw`ring-emerald-600`\ntw`ring-emerald-700`\ntw`ring-emerald-800`\ntw`ring-emerald-900`\ntw`ring-teal-50`\ntw`ring-teal-100`\ntw`ring-teal-200`\ntw`ring-teal-300`\ntw`ring-teal-400`\ntw`ring-teal-500`\ntw`ring-teal-600`\ntw`ring-teal-700`\ntw`ring-teal-800`\ntw`ring-teal-900`\ntw`ring-cyan-50`\ntw`ring-cyan-100`\ntw`ring-cyan-200`\ntw`ring-cyan-300`\ntw`ring-cyan-400`\ntw`ring-cyan-500`\ntw`ring-cyan-600`\ntw`ring-cyan-700`\ntw`ring-cyan-800`\ntw`ring-cyan-900`\ntw`ring-sky-50`\ntw`ring-sky-100`\ntw`ring-sky-200`\ntw`ring-sky-300`\ntw`ring-sky-400`\ntw`ring-sky-500`\ntw`ring-sky-600`\ntw`ring-sky-700`\ntw`ring-sky-800`\ntw`ring-sky-900`\ntw`ring-blue-50`\ntw`ring-blue-100`\ntw`ring-blue-200`\ntw`ring-blue-300`\ntw`ring-blue-400`\ntw`ring-blue-500`\ntw`ring-blue-600`\ntw`ring-blue-700`\ntw`ring-blue-800`\ntw`ring-blue-900`\ntw`ring-indigo-50`\ntw`ring-indigo-100`\ntw`ring-indigo-200`\ntw`ring-indigo-300`\ntw`ring-indigo-400`\ntw`ring-indigo-500`\ntw`ring-indigo-600`\ntw`ring-indigo-700`\ntw`ring-indigo-800`\ntw`ring-indigo-900`\ntw`ring-violet-50`\ntw`ring-violet-100`\ntw`ring-violet-200`\ntw`ring-violet-300`\ntw`ring-violet-400`\ntw`ring-violet-500`\ntw`ring-violet-600`\ntw`ring-violet-700`\ntw`ring-violet-800`\ntw`ring-violet-900`\ntw`ring-purple-50`\ntw`ring-purple-100`\ntw`ring-purple-200`\ntw`ring-purple-300`\ntw`ring-purple-400`\ntw`ring-purple-500`\ntw`ring-purple-600`\ntw`ring-purple-700`\ntw`ring-purple-800`\ntw`ring-purple-900`\ntw`ring-fuchsia-50`\ntw`ring-fuchsia-100`\ntw`ring-fuchsia-200`\ntw`ring-fuchsia-300`\ntw`ring-fuchsia-400`\ntw`ring-fuchsia-500`\ntw`ring-fuchsia-600`\ntw`ring-fuchsia-700`\ntw`ring-fuchsia-800`\ntw`ring-fuchsia-900`\ntw`ring-pink-50`\ntw`ring-pink-100`\ntw`ring-pink-200`\ntw`ring-pink-300`\ntw`ring-pink-400`\ntw`ring-pink-500`\ntw`ring-pink-600`\ntw`ring-pink-700`\ntw`ring-pink-800`\ntw`ring-pink-900`\ntw`ring-rose-50`\ntw`ring-rose-100`\ntw`ring-rose-200`\ntw`ring-rose-300`\ntw`ring-rose-400`\ntw`ring-rose-500`\ntw`ring-rose-600`\ntw`ring-rose-700`\ntw`ring-rose-800`\ntw`ring-rose-900`\n\ntw`ring-blue-500/50`\ntw`ring-blue-500/[.55]`\ntw`ring-[#50d71e]`\n\ntw`ring-red-500`\ntw`ring-red-500/25`\ntw`ring-red-500/fromConfig`\ntw`ring-red-500/fromConfig/25`\ntw`ring-red-500/fromConfig/[.555]`\ntw`ring-red-500/fromConfig/[var(--myvar)]`\ntw`ring-red-500/[.555]`\ntw`ring-red-500/[var(--myvar)]`\ntw`ring-[theme('colors.red.500')]`\ntw`ring-[theme('colors.red.500')]/20`\n\ntw`ring-electric`\ntw`ring-electric/25`\ntw`ring-electric/[.555]`\ntw`ring-electric/[var(--myvar)]`\ntw`ring-[theme('colors.electric')]`\ntw`ring-[theme('colors.electric')]/20`\n\ntw`ring-[color:green]`\ntw`ring-[color:rgba(255, 255, 255, .45)]`\ntw`ring-[length:10px]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/ringMisc.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Combined ring classes\ntw`ring ring-inset ring-purple-500 ring-offset-black ring-offset-4 ring-opacity-50`\ntw`ring ring-inset ring-purple-500 ring-offset-black ring-offset-4`\ntw`ring ring-purple-500 ring-offset-black ring-offset-4`\ntw`ring ring-offset-black ring-offset-4`\ntw`ring ring-offset-4`\n\n// Test the ring-opacity ordering - 'ring-opacity-x' should be moved to the end\n// https://github.com/ben-rogerson/twin.macro/issues/374\ntw`ring-4 ring-opacity-20 ring-green-500`\ntw`mt-5 md:(ring-opacity-20 ring-4 ring-green-500) mb-5`\n\ntw`ring-[10px]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/ringOffsetColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/ring-offset-color\ntheme`ringOffsetColor`\n\ntw`ring-offset-inherit`\ntw`ring-offset-current`\ntw`ring-offset-transparent`\ntw`ring-offset-black`\ntw`ring-offset-white`\ntw`ring-offset-slate-50`\ntw`ring-offset-slate-100`\ntw`ring-offset-slate-200`\ntw`ring-offset-slate-300`\ntw`ring-offset-slate-400`\ntw`ring-offset-slate-500`\ntw`ring-offset-slate-600`\ntw`ring-offset-slate-700`\ntw`ring-offset-slate-800`\ntw`ring-offset-slate-900`\ntw`ring-offset-gray-50`\ntw`ring-offset-gray-100`\ntw`ring-offset-gray-200`\ntw`ring-offset-gray-300`\ntw`ring-offset-gray-400`\ntw`ring-offset-gray-500`\ntw`ring-offset-gray-600`\ntw`ring-offset-gray-700`\ntw`ring-offset-gray-800`\ntw`ring-offset-gray-900`\ntw`ring-offset-zinc-50`\ntw`ring-offset-zinc-100`\ntw`ring-offset-zinc-200`\ntw`ring-offset-zinc-300`\ntw`ring-offset-zinc-400`\ntw`ring-offset-zinc-500`\ntw`ring-offset-zinc-600`\ntw`ring-offset-zinc-700`\ntw`ring-offset-zinc-800`\ntw`ring-offset-zinc-900`\ntw`ring-offset-neutral-50`\ntw`ring-offset-neutral-100`\ntw`ring-offset-neutral-200`\ntw`ring-offset-neutral-300`\ntw`ring-offset-neutral-400`\ntw`ring-offset-neutral-500`\ntw`ring-offset-neutral-600`\ntw`ring-offset-neutral-700`\ntw`ring-offset-neutral-800`\ntw`ring-offset-neutral-900`\ntw`ring-offset-stone-50`\ntw`ring-offset-stone-100`\ntw`ring-offset-stone-200`\ntw`ring-offset-stone-300`\ntw`ring-offset-stone-400`\ntw`ring-offset-stone-500`\ntw`ring-offset-stone-600`\ntw`ring-offset-stone-700`\ntw`ring-offset-stone-800`\ntw`ring-offset-stone-900`\ntw`ring-offset-red-50`\ntw`ring-offset-red-100`\ntw`ring-offset-red-200`\ntw`ring-offset-red-300`\ntw`ring-offset-red-400`\ntw`ring-offset-red-500`\ntw`ring-offset-red-600`\ntw`ring-offset-red-700`\ntw`ring-offset-red-800`\ntw`ring-offset-red-900`\ntw`ring-offset-orange-50`\ntw`ring-offset-orange-100`\ntw`ring-offset-orange-200`\ntw`ring-offset-orange-300`\ntw`ring-offset-orange-400`\ntw`ring-offset-orange-500`\ntw`ring-offset-orange-600`\ntw`ring-offset-orange-700`\ntw`ring-offset-orange-800`\ntw`ring-offset-orange-900`\ntw`ring-offset-amber-50`\ntw`ring-offset-amber-100`\ntw`ring-offset-amber-200`\ntw`ring-offset-amber-300`\ntw`ring-offset-amber-400`\ntw`ring-offset-amber-500`\ntw`ring-offset-amber-600`\ntw`ring-offset-amber-700`\ntw`ring-offset-amber-800`\ntw`ring-offset-amber-900`\ntw`ring-offset-yellow-50`\ntw`ring-offset-yellow-100`\ntw`ring-offset-yellow-200`\ntw`ring-offset-yellow-300`\ntw`ring-offset-yellow-400`\ntw`ring-offset-yellow-500`\ntw`ring-offset-yellow-600`\ntw`ring-offset-yellow-700`\ntw`ring-offset-yellow-800`\ntw`ring-offset-yellow-900`\ntw`ring-offset-lime-50`\ntw`ring-offset-lime-100`\ntw`ring-offset-lime-200`\ntw`ring-offset-lime-300`\ntw`ring-offset-lime-400`\ntw`ring-offset-lime-500`\ntw`ring-offset-lime-600`\ntw`ring-offset-lime-700`\ntw`ring-offset-lime-800`\ntw`ring-offset-lime-900`\ntw`ring-offset-green-50`\ntw`ring-offset-green-100`\ntw`ring-offset-green-200`\ntw`ring-offset-green-300`\ntw`ring-offset-green-400`\ntw`ring-offset-green-500`\ntw`ring-offset-green-600`\ntw`ring-offset-green-700`\ntw`ring-offset-green-800`\ntw`ring-offset-green-900`\ntw`ring-offset-emerald-50`\ntw`ring-offset-emerald-100`\ntw`ring-offset-emerald-200`\ntw`ring-offset-emerald-300`\ntw`ring-offset-emerald-400`\ntw`ring-offset-emerald-500`\ntw`ring-offset-emerald-600`\ntw`ring-offset-emerald-700`\ntw`ring-offset-emerald-800`\ntw`ring-offset-emerald-900`\ntw`ring-offset-teal-50`\ntw`ring-offset-teal-100`\ntw`ring-offset-teal-200`\ntw`ring-offset-teal-300`\ntw`ring-offset-teal-400`\ntw`ring-offset-teal-500`\ntw`ring-offset-teal-600`\ntw`ring-offset-teal-700`\ntw`ring-offset-teal-800`\ntw`ring-offset-teal-900`\ntw`ring-offset-cyan-50`\ntw`ring-offset-cyan-100`\ntw`ring-offset-cyan-200`\ntw`ring-offset-cyan-300`\ntw`ring-offset-cyan-400`\ntw`ring-offset-cyan-500`\ntw`ring-offset-cyan-600`\ntw`ring-offset-cyan-700`\ntw`ring-offset-cyan-800`\ntw`ring-offset-cyan-900`\ntw`ring-offset-sky-50`\ntw`ring-offset-sky-100`\ntw`ring-offset-sky-200`\ntw`ring-offset-sky-300`\ntw`ring-offset-sky-400`\ntw`ring-offset-sky-500`\ntw`ring-offset-sky-600`\ntw`ring-offset-sky-700`\ntw`ring-offset-sky-800`\ntw`ring-offset-sky-900`\ntw`ring-offset-blue-50`\ntw`ring-offset-blue-100`\ntw`ring-offset-blue-200`\ntw`ring-offset-blue-300`\ntw`ring-offset-blue-400`\ntw`ring-offset-blue-500`\ntw`ring-offset-blue-600`\ntw`ring-offset-blue-700`\ntw`ring-offset-blue-800`\ntw`ring-offset-blue-900`\ntw`ring-offset-indigo-50`\ntw`ring-offset-indigo-100`\ntw`ring-offset-indigo-200`\ntw`ring-offset-indigo-300`\ntw`ring-offset-indigo-400`\ntw`ring-offset-indigo-500`\ntw`ring-offset-indigo-600`\ntw`ring-offset-indigo-700`\ntw`ring-offset-indigo-800`\ntw`ring-offset-indigo-900`\ntw`ring-offset-violet-50`\ntw`ring-offset-violet-100`\ntw`ring-offset-violet-200`\ntw`ring-offset-violet-300`\ntw`ring-offset-violet-400`\ntw`ring-offset-violet-500`\ntw`ring-offset-violet-600`\ntw`ring-offset-violet-700`\ntw`ring-offset-violet-800`\ntw`ring-offset-violet-900`\ntw`ring-offset-purple-50`\ntw`ring-offset-purple-100`\ntw`ring-offset-purple-200`\ntw`ring-offset-purple-300`\ntw`ring-offset-purple-400`\ntw`ring-offset-purple-500`\ntw`ring-offset-purple-600`\ntw`ring-offset-purple-700`\ntw`ring-offset-purple-800`\ntw`ring-offset-purple-900`\ntw`ring-offset-fuchsia-50`\ntw`ring-offset-fuchsia-100`\ntw`ring-offset-fuchsia-200`\ntw`ring-offset-fuchsia-300`\ntw`ring-offset-fuchsia-400`\ntw`ring-offset-fuchsia-500`\ntw`ring-offset-fuchsia-600`\ntw`ring-offset-fuchsia-700`\ntw`ring-offset-fuchsia-800`\ntw`ring-offset-fuchsia-900`\ntw`ring-offset-pink-50`\ntw`ring-offset-pink-100`\ntw`ring-offset-pink-200`\ntw`ring-offset-pink-300`\ntw`ring-offset-pink-400`\ntw`ring-offset-pink-500`\ntw`ring-offset-pink-600`\ntw`ring-offset-pink-700`\ntw`ring-offset-pink-800`\ntw`ring-offset-pink-900`\ntw`ring-offset-rose-50`\ntw`ring-offset-rose-100`\ntw`ring-offset-rose-200`\ntw`ring-offset-rose-300`\ntw`ring-offset-rose-400`\ntw`ring-offset-rose-500`\ntw`ring-offset-rose-600`\ntw`ring-offset-rose-700`\ntw`ring-offset-rose-800`\ntw`ring-offset-rose-900`\n\ntw`ring-offset-rose-900/50`\ntw`ring-offset-rose-900/[.50]`\ntw`ring-offset-[#50d71e]`\n\ntw`ring-offset-red-500`\ntw`ring-offset-red-500/25`\ntw`ring-offset-red-500/fromConfig`\ntw`ring-offset-red-500/fromConfig/25`\ntw`ring-offset-red-500/fromConfig/[.555]`\ntw`ring-offset-red-500/fromConfig/[var(--myvar)]`\ntw`ring-offset-red-500/[.555]`\ntw`ring-offset-red-500/[var(--myvar)]`\ntw`ring-offset-[theme('colors.red.500')]`\ntw`ring-offset-[theme('colors.red.500')]/20`\n\ntw`ring-offset-electric`\ntw`ring-offset-electric/25`\ntw`ring-offset-electric/[.555]`\ntw`ring-offset-electric/[var(--myvar)]`\ntw`ring-offset-[theme('colors.electric')]`\ntw`ring-offset-[theme('colors.electric')]/20`\n\ntw`ring-offset-[color:green]`\ntw`ring-offset-[color:rgba(255, 255, 255, .45)]`\ntw`ring-offset-[length:10px]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/ringOffsetWidth.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/ring-offset-width\ntheme`ringOffsetWidth`\n\ntw`ring-offset-0`\ntw`ring-offset-1`\ntw`ring-offset-2`\ntw`ring-offset-4`\ntw`ring-offset-8`\n\ntw`ring-offset-[3px]`\ntw`ring-offset-[19rem]`\ntw`ring-offset-[#76ad65]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/ringOpacity.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/ring-opacity\n// Deprecated in favor of slash opacity syntax\ntw`ring-opacity-0`\ntw`ring-opacity-5`\ntw`ring-opacity-10`\ntw`ring-opacity-20`\ntw`ring-opacity-25`\ntw`ring-opacity-30`\ntw`ring-opacity-40`\ntw`ring-opacity-50`\ntw`ring-opacity-60`\ntw`ring-opacity-70`\ntw`ring-opacity-75`\ntw`ring-opacity-80`\ntw`ring-opacity-90`\ntw`ring-opacity-95`\ntw`ring-opacity-100`\n\ntw`ring-opacity-[var(--ring-opacity)]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/ringWidth.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/ring-width\ntheme`ringWidth.`\n\ntw`ring-0`\ntw`ring-1`\ntw`ring-2`\ntw`ring`\ntw`ring-4`\ntw`ring-8`\ntw`ring-inset`\n\ntw`ring-[10px]`\n" }, { "path": "tests/__fixtures__/utilitiesBorders/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n colors: {\n 'red-500/fromConfig': '#000',\n electric: ({ opacityVariable, opacityValue }) => {\n if (opacityValue !== undefined) {\n return `rgba(219, 0, 255, ${opacityValue})`\n }\n\n if (opacityVariable !== undefined) {\n return `rgba(219, 0, 255, var(${opacityVariable}, 1))`\n }\n\n return `rgb(219, 0, 255)`\n },\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/utilitiesEffects/backgroundBlendMode.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-blend-mode\ntw`bg-blend-normal`\ntw`bg-blend-multiply`\ntw`bg-blend-screen`\ntw`bg-blend-overlay`\ntw`bg-blend-darken`\ntw`bg-blend-lighten`\ntw`bg-blend-color-dodge`\ntw`bg-blend-color-burn`\ntw`bg-blend-hard-light`\ntw`bg-blend-soft-light`\ntw`bg-blend-difference`\ntw`bg-blend-exclusion`\ntw`bg-blend-hue`\ntw`bg-blend-saturation`\ntw`bg-blend-color`\ntw`bg-blend-luminosity`\n" }, { "path": "tests/__fixtures__/utilitiesEffects/boxShadow.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/box-shadow\ntheme`boxShadow.`\n\ntw`shadow-sm`\ntw`shadow`\ntw`shadow-md`\ntw`shadow-lg`\ntw`shadow-xl`\ntw`shadow-2xl`\ntw`shadow-inner`\ntw`shadow-none`\n\ntw`shadow-[0 35px 60px -15px rgba(0,0,0,0.3)]`\n" }, { "path": "tests/__fixtures__/utilitiesEffects/boxShadowColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/box-shadow-color\ntheme`boxShadowColor`\n\ntw`shadow-inherit`\ntw`shadow-current`\ntw`shadow-transparent`\ntw`shadow-black`\ntw`shadow-white`\ntw`shadow-slate-50`\ntw`shadow-slate-100`\ntw`shadow-slate-200`\ntw`shadow-slate-300`\ntw`shadow-slate-400`\ntw`shadow-slate-500`\ntw`shadow-slate-600`\ntw`shadow-slate-700`\ntw`shadow-slate-800`\ntw`shadow-slate-900`\ntw`shadow-gray-50`\ntw`shadow-gray-100`\ntw`shadow-gray-200`\ntw`shadow-gray-300`\ntw`shadow-gray-400`\ntw`shadow-gray-500`\ntw`shadow-gray-600`\ntw`shadow-gray-700`\ntw`shadow-gray-800`\ntw`shadow-gray-900`\ntw`shadow-zinc-50`\ntw`shadow-zinc-100`\ntw`shadow-zinc-200`\ntw`shadow-zinc-300`\ntw`shadow-zinc-400`\ntw`shadow-zinc-500`\ntw`shadow-zinc-600`\ntw`shadow-zinc-700`\ntw`shadow-zinc-800`\ntw`shadow-zinc-900`\ntw`shadow-neutral-50`\ntw`shadow-neutral-100`\ntw`shadow-neutral-200`\ntw`shadow-neutral-300`\ntw`shadow-neutral-400`\ntw`shadow-neutral-500`\ntw`shadow-neutral-600`\ntw`shadow-neutral-700`\ntw`shadow-neutral-800`\ntw`shadow-neutral-900`\ntw`shadow-stone-50`\ntw`shadow-stone-100`\ntw`shadow-stone-200`\ntw`shadow-stone-300`\ntw`shadow-stone-400`\ntw`shadow-stone-500`\ntw`shadow-stone-600`\ntw`shadow-stone-700`\ntw`shadow-stone-800`\ntw`shadow-stone-900`\ntw`shadow-red-50`\ntw`shadow-red-100`\ntw`shadow-red-200`\ntw`shadow-red-300`\ntw`shadow-red-400`\ntw`shadow-red-500`\ntw`shadow-red-600`\ntw`shadow-red-700`\ntw`shadow-red-800`\ntw`shadow-red-900`\ntw`shadow-orange-50`\ntw`shadow-orange-100`\ntw`shadow-orange-200`\ntw`shadow-orange-300`\ntw`shadow-orange-400`\ntw`shadow-orange-500`\ntw`shadow-orange-600`\ntw`shadow-orange-700`\ntw`shadow-orange-800`\ntw`shadow-orange-900`\ntw`shadow-amber-50`\ntw`shadow-amber-100`\ntw`shadow-amber-200`\ntw`shadow-amber-300`\ntw`shadow-amber-400`\ntw`shadow-amber-500`\ntw`shadow-amber-600`\ntw`shadow-amber-700`\ntw`shadow-amber-800`\ntw`shadow-amber-900`\ntw`shadow-yellow-50`\ntw`shadow-yellow-100`\ntw`shadow-yellow-200`\ntw`shadow-yellow-300`\ntw`shadow-yellow-400`\ntw`shadow-yellow-500`\ntw`shadow-yellow-600`\ntw`shadow-yellow-700`\ntw`shadow-yellow-800`\ntw`shadow-yellow-900`\ntw`shadow-lime-50`\ntw`shadow-lime-100`\ntw`shadow-lime-200`\ntw`shadow-lime-300`\ntw`shadow-lime-400`\ntw`shadow-lime-500`\ntw`shadow-lime-600`\ntw`shadow-lime-700`\ntw`shadow-lime-800`\ntw`shadow-lime-900`\ntw`shadow-green-50`\ntw`shadow-green-100`\ntw`shadow-green-200`\ntw`shadow-green-300`\ntw`shadow-green-400`\ntw`shadow-green-500`\ntw`shadow-green-600`\ntw`shadow-green-700`\ntw`shadow-green-800`\ntw`shadow-green-900`\ntw`shadow-emerald-50`\ntw`shadow-emerald-100`\ntw`shadow-emerald-200`\ntw`shadow-emerald-300`\ntw`shadow-emerald-400`\ntw`shadow-emerald-500`\ntw`shadow-emerald-600`\ntw`shadow-emerald-700`\ntw`shadow-emerald-800`\ntw`shadow-emerald-900`\ntw`shadow-teal-50`\ntw`shadow-teal-100`\ntw`shadow-teal-200`\ntw`shadow-teal-300`\ntw`shadow-teal-400`\ntw`shadow-teal-500`\ntw`shadow-teal-600`\ntw`shadow-teal-700`\ntw`shadow-teal-800`\ntw`shadow-teal-900`\ntw`shadow-cyan-50`\ntw`shadow-cyan-100`\ntw`shadow-cyan-200`\ntw`shadow-cyan-300`\ntw`shadow-cyan-400`\ntw`shadow-cyan-500`\ntw`shadow-cyan-600`\ntw`shadow-cyan-700`\ntw`shadow-cyan-800`\ntw`shadow-cyan-900`\ntw`shadow-sky-50`\ntw`shadow-sky-100`\ntw`shadow-sky-200`\ntw`shadow-sky-300`\ntw`shadow-sky-400`\ntw`shadow-sky-500`\ntw`shadow-sky-600`\ntw`shadow-sky-700`\ntw`shadow-sky-800`\ntw`shadow-sky-900`\ntw`shadow-blue-50`\ntw`shadow-blue-100`\ntw`shadow-blue-200`\ntw`shadow-blue-300`\ntw`shadow-blue-400`\ntw`shadow-blue-500`\ntw`shadow-blue-600`\ntw`shadow-blue-700`\ntw`shadow-blue-800`\ntw`shadow-blue-900`\ntw`shadow-indigo-50`\ntw`shadow-indigo-100`\ntw`shadow-indigo-200`\ntw`shadow-indigo-300`\ntw`shadow-indigo-400`\ntw`shadow-indigo-500`\ntw`shadow-indigo-600`\ntw`shadow-indigo-700`\ntw`shadow-indigo-800`\ntw`shadow-indigo-900`\ntw`shadow-violet-50`\ntw`shadow-violet-100`\ntw`shadow-violet-200`\ntw`shadow-violet-300`\ntw`shadow-violet-400`\ntw`shadow-violet-500`\ntw`shadow-violet-600`\ntw`shadow-violet-700`\ntw`shadow-violet-800`\ntw`shadow-violet-900`\ntw`shadow-purple-50`\ntw`shadow-purple-100`\ntw`shadow-purple-200`\ntw`shadow-purple-300`\ntw`shadow-purple-400`\ntw`shadow-purple-500`\ntw`shadow-purple-600`\ntw`shadow-purple-700`\ntw`shadow-purple-800`\ntw`shadow-purple-900`\ntw`shadow-fuchsia-50`\ntw`shadow-fuchsia-100`\ntw`shadow-fuchsia-200`\ntw`shadow-fuchsia-300`\ntw`shadow-fuchsia-400`\ntw`shadow-fuchsia-500`\ntw`shadow-fuchsia-600`\ntw`shadow-fuchsia-700`\ntw`shadow-fuchsia-800`\ntw`shadow-fuchsia-900`\ntw`shadow-pink-50`\ntw`shadow-pink-100`\ntw`shadow-pink-200`\ntw`shadow-pink-300`\ntw`shadow-pink-400`\ntw`shadow-pink-500`\ntw`shadow-pink-600`\ntw`shadow-pink-700`\ntw`shadow-pink-800`\ntw`shadow-pink-900`\ntw`shadow-rose-50`\ntw`shadow-rose-100`\ntw`shadow-rose-200`\ntw`shadow-rose-300`\ntw`shadow-rose-400`\ntw`shadow-rose-500`\ntw`shadow-rose-600`\ntw`shadow-rose-700`\ntw`shadow-rose-800`\ntw`shadow-rose-900`\n\ntw`shadow-cyan-500/50`\ntw`shadow-cyan-500/[.50]`\ntw`shadow-[#50d71e]`\ntw`shadow-[color:#50d71e]`\ntw`shadow-[shadow:#50d71e]`\n" }, { "path": "tests/__fixtures__/utilitiesEffects/mixBlendMode.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/mix-blend-mode\ntw`mix-blend-normal`\ntw`mix-blend-multiply`\ntw`mix-blend-screen`\ntw`mix-blend-overlay`\ntw`mix-blend-darken`\ntw`mix-blend-lighten`\ntw`mix-blend-color-dodge`\ntw`mix-blend-color-burn`\ntw`mix-blend-hard-light`\ntw`mix-blend-soft-light`\ntw`mix-blend-difference`\ntw`mix-blend-exclusion`\ntw`mix-blend-hue`\ntw`mix-blend-saturation`\ntw`mix-blend-color`\ntw`mix-blend-luminosity`\ntw`mix-blend-plus-lighter`\n" }, { "path": "tests/__fixtures__/utilitiesEffects/opacity.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/opacity\ntheme`opacity`\n\ntw`opacity-0`\ntw`opacity-5`\ntw`opacity-10`\ntw`opacity-20`\ntw`opacity-25`\ntw`opacity-30`\ntw`opacity-40`\ntw`opacity-50`\ntw`opacity-60`\ntw`opacity-70`\ntw`opacity-75`\ntw`opacity-80`\ntw`opacity-90`\ntw`opacity-95`\ntw`opacity-100`\n\ntw`opacity-[.1]`\ntw`opacity-[var(--opacity)]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropBlur.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-blur\ntheme`backdropBlur.`\n\ntw`backdrop-blur-none`\ntw`backdrop-blur-sm`\ntw`backdrop-blur`\ntw`backdrop-blur-md`\ntw`backdrop-blur-lg`\ntw`backdrop-blur-xl`\ntw`backdrop-blur-2xl`\ntw`backdrop-blur-3xl`\n\ntw`backdrop-blur-[2px]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropBrightness.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-brightness\ntheme`brightness`\n\ntw`brightness-0`\ntw`brightness-50`\ntw`brightness-75`\ntw`brightness-90`\ntw`brightness-95`\ntw`brightness-100`\ntw`brightness-105`\ntw`brightness-110`\ntw`brightness-125`\ntw`brightness-150`\ntw`brightness-200`\n\ntw`brightness-[1.75]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropContrast.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-contrast\ntheme`backdropContrast`\n\ntw`backdrop-contrast-0`\ntw`backdrop-contrast-50`\ntw`backdrop-contrast-75`\ntw`backdrop-contrast-100`\ntw`backdrop-contrast-125`\ntw`backdrop-contrast-150`\ntw`backdrop-contrast-200`\n\ntw`backdrop-contrast-[.25]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropGrayscale.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-grayscale\ntheme`backdropGrayscale.`\n\ntw`backdrop-grayscale-0`\ntw`backdrop-grayscale`\n\ntw`backdrop-grayscale-[.5]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropHueRotate.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-hue-rotate\ntheme`backdropHueRotate`\n\ntw`backdrop-hue-rotate-0`\ntw`backdrop-hue-rotate-15`\ntw`backdrop-hue-rotate-30`\ntw`backdrop-hue-rotate-60`\ntw`backdrop-hue-rotate-90`\ntw`backdrop-hue-rotate-180`\n\ntw`-backdrop-hue-rotate-0`\ntw`-backdrop-hue-rotate-15`\ntw`-backdrop-hue-rotate-30`\ntw`-backdrop-hue-rotate-60`\ntw`-backdrop-hue-rotate-90`\ntw`-backdrop-hue-rotate-180`\n\ntw`backdrop-hue-rotate-[270deg]`\ntw`-backdrop-hue-rotate-[270deg]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropInvert.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-invert\ntheme`backdropInvert.`\n\ntw`backdrop-invert-0`\ntw`backdrop-invert`\n\ntw`backdrop-invert-[.25]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropOpacity.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-opacity\ntheme`backdropOpacity`\n\ntw`backdrop-opacity-0`\ntw`backdrop-opacity-5`\ntw`backdrop-opacity-10`\ntw`backdrop-opacity-20`\ntw`backdrop-opacity-25`\ntw`backdrop-opacity-30`\ntw`backdrop-opacity-40`\ntw`backdrop-opacity-50`\ntw`backdrop-opacity-60`\ntw`backdrop-opacity-70`\ntw`backdrop-opacity-75`\ntw`backdrop-opacity-80`\ntw`backdrop-opacity-90`\ntw`backdrop-opacity-95`\ntw`backdrop-opacity-100`\n\ntw`backdrop-opacity-[.15]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropSaturate.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-saturate\ntheme`backdropSaturate`\n\ntw`backdrop-saturate-0`\ntw`backdrop-saturate-50`\ntw`backdrop-saturate-100`\ntw`backdrop-saturate-150`\ntw`backdrop-saturate-200`\n\ntw`backdrop-saturate-[.25]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/backdropSepia.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-sepia\ntheme`backdropSepia.`\n\ntw`backdrop-sepia-0`\ntw`backdrop-sepia`\n\ntw`backdrop-sepia-[.25]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/blur.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/blur\ntheme`blur.`\n\ntw`blur-none`\ntw`blur-sm`\ntw`blur`\ntw`blur-md`\ntw`blur-lg`\ntw`blur-xl`\ntw`blur-2xl`\ntw`blur-3xl`\n\ntw`blur-[2px]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/brightness.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/brightness\ntheme`brightness`\n\ntw`brightness-0`\ntw`brightness-50`\ntw`brightness-75`\ntw`brightness-90`\ntw`brightness-95`\ntw`brightness-100`\ntw`brightness-105`\ntw`brightness-110`\ntw`brightness-125`\ntw`brightness-150`\ntw`brightness-200`\n\ntw`brightness-[-1.75]`\ntw`brightness-[1.75]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/contrast.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/contrast\ntheme`contrast`\n\ntw`contrast-0`\ntw`contrast-50`\ntw`contrast-75`\ntw`contrast-100`\ntw`contrast-125`\ntw`contrast-150`\ntw`contrast-200`\n\ntw`contrast-[.25]`\ntw`contrast-[-.25]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/dropShadow.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/drop-shadow\ntheme`dropShadow`\n\ntw`drop-shadow-sm`\ntw`drop-shadow`\ntw`drop-shadow-md`\ntw`drop-shadow-lg`\ntw`drop-shadow-xl`\ntw`drop-shadow-2xl`\ntw`drop-shadow-none`\n\ntw`drop-shadow-[0 35px 35px rgba(0, 0, 0, 0.25)]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/grayscale.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grayscale\ntheme`grayscale.`\n\ntw`grayscale-0`\ntw`grayscale`\n\ntw`grayscale-[50%]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/hueRotate.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/hue-rotate\ntheme`hueRotate`\n\ntw`hue-rotate-0`\ntw`hue-rotate-15`\ntw`hue-rotate-30`\ntw`hue-rotate-60`\ntw`hue-rotate-90`\ntw`hue-rotate-180`\ntw`-hue-rotate-0`\ntw`-hue-rotate-15`\ntw`-hue-rotate-30`\ntw`-hue-rotate-60`\ntw`-hue-rotate-90`\ntw`-hue-rotate-180`\n\ntw`hue-rotate-[270deg]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/invert.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/invert\ntheme`invert.`\n\ntw`invert-0`\ntw`invert`\n\ntw`invert-[.25]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/misc.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/filter\ntw`filter-none`\ntw`filter` // Deprecated\n\n// https://tailwindcss.com/docs/backdrop-filter\ntw`backdrop-filter` // Deprecated\ntw`backdrop-filter-none`\n\n// All\ntw`filter blur-2xl brightness-50 contrast-50 grayscale hue-rotate-180 invert saturate-50 sepia drop-shadow-2xl`\n\n// All\ntw`backdrop-filter backdrop-blur-2xl backdrop-brightness-50 backdrop-contrast-50 backdrop-grayscale backdrop-hue-rotate-180 backdrop-invert backdrop-opacity-50 backdrop-saturate-50 backdrop-sepia`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/saturate.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/saturate\ntheme`saturate`\n\ntw`saturate-0`\ntw`saturate-50`\ntw`saturate-100`\ntw`saturate-150`\ntw`saturate-200`\n\ntw`saturate-[.25]`\n" }, { "path": "tests/__fixtures__/utilitiesFilters/sepia.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/sepia\ntheme`sepia.`\n\ntw`sepia-0`\ntw`sepia`\n\ntw`sepia-[.25]`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/aspectRatio.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/aspect-ratio\ntheme`aspectRatio`\n\ntw`aspect-auto`\ntw`aspect-square`\ntw`aspect-video`\ntw`aspect-[4/3]`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/boxDecorationBreak.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/box-decoration-break\ntw`decoration-clone`\ntw`decoration-slice`\ntw`box-decoration-clone`\ntw`box-decoration-slice`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/boxSizing.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/box-sizing\ntw`box-border`\ntw`box-content`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/breakAfter.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/break-after\ntw`break-after-auto`\ntw`break-after-avoid`\ntw`break-after-all`\ntw`break-after-avoid-page`\ntw`break-after-page`\ntw`break-after-left`\ntw`break-after-right`\ntw`break-after-column`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/breakBefore.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/break-before\ntw`break-before-auto`\ntw`break-before-avoid`\ntw`break-before-all`\ntw`break-before-avoid-page`\ntw`break-before-page`\ntw`break-before-left`\ntw`break-before-right`\ntw`break-before-column`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/breakInside.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/break-inside\ntw`break-inside-auto`\ntw`break-inside-avoid`\ntw`break-inside-avoid-page`\ntw`break-inside-avoid-column`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/clear.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/clear\ntw`clear-left`\ntw`clear-right`\ntw`clear-both`\ntw`clear-none`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/columns.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/columns\ntheme`columns`\n\ntw`columns-1`\ntw`columns-2`\ntw`columns-3`\ntw`columns-4`\ntw`columns-5`\ntw`columns-6`\ntw`columns-7`\ntw`columns-8`\ntw`columns-9`\ntw`columns-10`\ntw`columns-11`\ntw`columns-12`\ntw`columns-auto`\ntw`columns-3xs`\ntw`columns-2xs`\ntw`columns-xs`\ntw`columns-sm`\ntw`columns-md`\ntw`columns-lg`\ntw`columns-xl`\ntw`columns-2xl`\ntw`columns-3xl`\ntw`columns-4xl`\ntw`columns-5xl`\ntw`columns-6xl`\ntw`columns-7xl`\n\ntw`columns-[10rem]`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/container.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/container\ntheme`container`\ntw`container`\ntw`md:container md:mx-auto`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/display.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/display\ntw`block`\ntw`inline-block`\ntw`inline`\ntw`flex`\ntw`inline-flex`\ntw`table`\ntw`table-caption`\ntw`table-cell`\ntw`table-column`\ntw`table-column-group`\ntw`table-footer-group`\ntw`table-header-group`\ntw`table-row-group`\ntw`table-row`\ntw`flow-root`\ntw`grid`\ntw`inline-grid`\ntw`contents`\ntw`list-item`\ntw`hidden`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/float.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/float\ntw`float-right`\ntw`float-left`\ntw`float-none`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/isolation.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/isolation\ntw`isolate`\ntw`isolation-auto`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/objectFit.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/object-fit\ntw`object-contain`\ntw`object-cover`\ntw`object-fill`\ntw`object-none`\ntw`object-scale-down`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/objectPosition.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/object-position\ntheme`objectPosition`\n\ntw`object-bottom`\ntw`object-center`\ntw`object-left`\ntw`object-left-bottom`\ntw`object-left-top`\ntw`object-right`\ntw`object-right-bottom`\ntw`object-right-top`\ntw`object-top`\n\ntw`object-[center bottom]`\ntw`object-[var(--position)]`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/overflow.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/overflow\ntw`overflow-auto`\ntw`overflow-hidden`\ntw`overflow-clip`\ntw`overflow-x-clip`\ntw`overflow-y-clip`\ntw`overflow-visible`\ntw`overflow-scroll`\ntw`overflow-x-auto`\ntw`overflow-y-auto`\ntw`overflow-x-hidden`\ntw`overflow-y-hidden`\ntw`overflow-x-visible`\ntw`overflow-y-visible`\ntw`overflow-x-scroll`\ntw`overflow-y-scroll`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/overscrollBehavior.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/overscroll-behavior\ntw`overscroll-auto`\ntw`overscroll-contain`\ntw`overscroll-none`\ntw`overscroll-y-auto`\ntw`overscroll-y-contain`\ntw`overscroll-y-none`\ntw`overscroll-x-auto`\ntw`overscroll-x-contain`\ntw`overscroll-x-none`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/position.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/position\ntw`static`\ntw`fixed`\ntw`absolute`\ntw`relative`\ntw`sticky`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/tailwind.config.js", "content": "module.exports = {\n theme: {\n container: {\n padding: {\n DEFAULT: ['1rem', '2rem'],\n sm: ['2rem'],\n lg: '4rem',\n xl: '6rem',\n object: '8rem',\n 'object-width': '10rem',\n 'object-min-max': '12rem',\n },\n margin: {\n DEFAULT: ['2rem', '3rem'],\n sm: ['auto'],\n lg: '5rem',\n xl: '7rem',\n },\n },\n extend: {\n screens: {\n object: { min: '968px' },\n 'object-width': { 'min-width': '992px' },\n 'object-min-max': { min: '1200px', max: '1600px' },\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/utilitiesLayout/topRightBottomLeft.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/top-right-bottom-left\ntheme`inset`\n\ntw`inset-0`\ntw`-inset-0`\ntw`inset-y-0`\ntw`inset-x-0`\ntw`-inset-y-0`\ntw`-inset-x-0`\ntw`top-0`\ntw`right-0`\ntw`bottom-0`\ntw`left-0`\ntw`-top-0`\ntw`-right-0`\ntw`-bottom-0`\ntw`-left-0`\ntw`inset-0.5`\ntw`-inset-0.5`\ntw`inset-y-0.5`\ntw`inset-x-0.5`\ntw`-inset-y-0.5`\ntw`-inset-x-0.5`\ntw`top-0.5`\ntw`right-0.5`\ntw`bottom-0.5`\ntw`left-0.5`\ntw`-top-0.5`\ntw`-right-0.5`\ntw`-bottom-0.5`\ntw`-left-0.5`\ntw`inset-1`\ntw`-inset-1`\ntw`inset-y-1`\ntw`inset-x-1`\ntw`-inset-y-1`\ntw`-inset-x-1`\ntw`top-1`\ntw`right-1`\ntw`bottom-1`\ntw`left-1`\ntw`-top-1`\ntw`-right-1`\ntw`-bottom-1`\ntw`-left-1`\ntw`inset-1.5`\ntw`-inset-1.5`\ntw`inset-y-1.5`\ntw`inset-x-1.5`\ntw`-inset-y-1.5`\ntw`-inset-x-1.5`\ntw`top-1.5`\ntw`right-1.5`\ntw`bottom-1.5`\ntw`left-1.5`\ntw`-top-1.5`\ntw`-right-1.5`\ntw`-bottom-1.5`\ntw`-left-1.5`\ntw`inset-2`\ntw`-inset-2`\ntw`inset-y-2`\ntw`inset-x-2`\ntw`-inset-y-2`\ntw`-inset-x-2`\ntw`top-2`\ntw`right-2`\ntw`bottom-2`\ntw`left-2`\ntw`-top-2`\ntw`-right-2`\ntw`-bottom-2`\ntw`-left-2`\ntw`inset-2.5`\ntw`-inset-2.5`\ntw`inset-y-2.5`\ntw`inset-x-2.5`\ntw`-inset-y-2.5`\ntw`top-2.5`\ntw`right-2.5`\ntw`bottom-2.5`\ntw`left-2.5`\ntw`-top-2.5`\ntw`-bottom-2.5`\ntw`-left-2.5`\ntw`inset-3`\ntw`-inset-3`\ntw`inset-y-3`\ntw`inset-x-3`\ntw`-inset-y-3`\ntw`-inset-x-3`\ntw`top-3`\ntw`right-3`\ntw`bottom-3`\ntw`left-3`\ntw`-top-3`\ntw`-right-3`\ntw`-bottom-3`\ntw`-left-3`\ntw`inset-3.5`\ntw`-inset-3.5`\ntw`inset-y-3.5`\ntw`inset-x-3.5`\ntw`-inset-y-3.5`\ntw`-inset-x-3.5`\ntw`top-3.5`\ntw`right-3.5`\ntw`bottom-3.5`\ntw`left-3.5`\ntw`-top-3.5`\ntw`-right-3.5`\ntw`-bottom-3.5`\ntw`-left-3.5`\ntw`inset-4`\ntw`-inset-4`\ntw`inset-y-4`\ntw`inset-x-4`\ntw`-inset-y-4`\ntw`-inset-x-4`\ntw`top-4`\ntw`right-4`\ntw`bottom-4`\ntw`left-4`\ntw`-top-4`\ntw`-right-4`\ntw`-bottom-4`\ntw`-left-4`\ntw`inset-5`\ntw`-inset-5`\ntw`inset-y-5`\ntw`inset-x-5`\ntw`-inset-y-5`\ntw`-inset-x-5`\ntw`top-5`\ntw`right-5`\ntw`bottom-5`\ntw`left-5`\ntw`-top-5`\ntw`-right-5`\ntw`-bottom-5`\ntw`-left-5`\ntw`inset-6`\ntw`-inset-6`\ntw`inset-y-6`\ntw`inset-x-6`\ntw`-inset-y-6`\ntw`-inset-x-6`\ntw`top-6`\ntw`right-6`\ntw`bottom-6`\ntw`left-6`\ntw`-top-6`\ntw`-right-6`\ntw`-bottom-6`\ntw`-left-6`\ntw`inset-7`\ntw`-inset-7`\ntw`inset-y-7`\ntw`inset-x-7`\ntw`-inset-y-7`\ntw`-inset-x-7`\ntw`top-7`\ntw`right-7`\ntw`bottom-7`\ntw`left-7`\ntw`-top-7`\ntw`-right-7`\ntw`-bottom-7`\ntw`-left-7`\ntw`inset-8`\ntw`-inset-8`\ntw`inset-y-8`\ntw`inset-x-8`\ntw`-inset-y-8`\ntw`-inset-x-8`\ntw`top-8`\ntw`right-8`\ntw`bottom-8`\ntw`left-8`\ntw`-top-8`\ntw`-right-8`\ntw`-bottom-8`\ntw`-left-8`\ntw`inset-9`\ntw`-inset-9`\ntw`inset-y-9`\ntw`inset-x-9`\ntw`-inset-y-9`\ntw`-inset-x-9`\ntw`top-9`\ntw`right-9`\ntw`bottom-9`\ntw`left-9`\ntw`-top-9`\ntw`-right-9`\ntw`-bottom-9`\ntw`-left-9`\ntw`inset-10`\ntw`-inset-10`\ntw`inset-y-10`\ntw`inset-x-10`\ntw`-inset-y-10`\ntw`-inset-x-10`\ntw`top-10`\ntw`right-10`\ntw`bottom-10`\ntw`left-10`\ntw`-top-10`\ntw`-right-10`\ntw`-bottom-10`\ntw`-left-10`\ntw`inset-11`\ntw`-inset-11`\ntw`inset-y-11`\ntw`inset-x-11`\ntw`-inset-y-11`\ntw`-inset-x-11`\ntw`top-11`\ntw`right-11`\ntw`bottom-11`\ntw`left-11`\ntw`-top-11`\ntw`-right-11`\ntw`-bottom-11`\ntw`-left-11`\ntw`inset-12`\ntw`-inset-12`\ntw`inset-y-12`\ntw`inset-x-12`\ntw`-inset-y-12`\ntw`-inset-x-12`\ntw`top-12`\ntw`right-12`\ntw`bottom-12`\ntw`left-12`\ntw`-top-12`\ntw`-right-12`\ntw`-bottom-12`\ntw`-left-12`\ntw`inset-14`\ntw`-inset-14`\ntw`inset-y-14`\ntw`inset-x-14`\ntw`-inset-y-14`\ntw`-inset-x-14`\ntw`top-14`\ntw`right-14`\ntw`bottom-14`\ntw`left-14`\ntw`-top-14`\ntw`-right-14`\ntw`-bottom-14`\ntw`-left-14`\ntw`inset-16`\ntw`-inset-16`\ntw`inset-y-16`\ntw`inset-x-16`\ntw`-inset-y-16`\ntw`-inset-x-16`\ntw`top-16`\ntw`right-16`\ntw`bottom-16`\ntw`left-16`\ntw`-top-16`\ntw`-right-16`\ntw`-bottom-16`\ntw`-left-16`\ntw`inset-20`\ntw`-inset-20`\ntw`inset-y-20`\ntw`inset-x-20`\ntw`-inset-y-20`\ntw`-inset-x-20`\ntw`top-20`\ntw`right-20`\ntw`bottom-20`\ntw`left-20`\ntw`-top-20`\ntw`-right-20`\ntw`-bottom-20`\ntw`-left-20`\ntw`inset-24`\ntw`-inset-24`\ntw`inset-y-24`\ntw`inset-x-24`\ntw`-inset-y-24`\ntw`-inset-x-24`\ntw`top-24`\ntw`right-24`\ntw`bottom-24`\ntw`left-24`\ntw`-right-24`\ntw`-bottom-24`\ntw`-left-24`\ntw`inset-28`\ntw`-inset-28`\ntw`inset-y-28`\ntw`inset-x-28`\ntw`-inset-y-28`\ntw`-inset-x-28`\ntw`top-28`\ntw`right-28`\ntw`bottom-28`\ntw`left-28`\ntw`-top-28`\ntw`-right-28`\ntw`-bottom-28`\ntw`-left-28`\ntw`inset-32`\ntw`-inset-32`\ntw`inset-y-32`\ntw`inset-x-32`\ntw`-inset-y-32`\ntw`-inset-x-32`\ntw`right-32`\ntw`bottom-32`\ntw`left-32`\ntw`-top-32`\ntw`-right-32`\ntw`-bottom-32`\ntw`-left-32`\ntw`inset-36`\ntw`-inset-36`\ntw`inset-y-36`\ntw`inset-x-36`\ntw`-inset-y-36`\ntw`-inset-x-36`\ntw`top-36`\ntw`right-36`\ntw`bottom-36`\ntw`left-36`\ntw`-top-36`\ntw`-right-36`\ntw`-bottom-36`\ntw`-left-36`\ntw`inset-40`\ntw`-inset-40`\ntw`inset-y-40`\ntw`inset-x-40`\ntw`-inset-y-40`\ntw`-inset-x-40`\ntw`top-40`\ntw`right-40`\ntw`bottom-40`\ntw`left-40`\ntw`-top-40`\ntw`-right-40`\ntw`-bottom-40`\ntw`-left-40`\ntw`inset-44`\ntw`-inset-44`\ntw`inset-y-44`\ntw`inset-x-44`\ntw`-inset-y-44`\ntw`-inset-x-44`\ntw`top-44`\ntw`right-44`\ntw`bottom-44`\ntw`left-44`\ntw`-top-44`\ntw`-right-44`\ntw`-bottom-44`\ntw`-left-44`\ntw`inset-48`\ntw`-inset-48`\ntw`inset-y-48`\ntw`inset-x-48`\ntw`-inset-y-48`\ntw`-inset-x-48`\ntw`top-48`\ntw`right-48`\ntw`bottom-48`\ntw`left-48`\ntw`-right-48`\ntw`-bottom-48`\ntw`-left-48`\ntw`inset-52`\ntw`-inset-52`\ntw`inset-y-52`\ntw`inset-x-52`\ntw`-inset-y-52`\ntw`-inset-x-52`\ntw`top-52`\ntw`right-52`\ntw`bottom-52`\ntw`left-52`\ntw`-top-52`\ntw`-right-52`\ntw`-bottom-52`\ntw`-left-52`\ntw`inset-56`\ntw`-inset-56`\ntw`inset-y-56`\ntw`inset-x-56`\ntw`-inset-y-56`\ntw`-inset-x-56`\ntw`top-56`\ntw`right-56`\ntw`bottom-56`\ntw`left-56`\ntw`-top-56`\ntw`-right-56`\ntw`-bottom-56`\ntw`-left-56`\ntw`inset-60`\ntw`-inset-60`\ntw`inset-y-60`\ntw`inset-x-60`\ntw`-inset-y-60`\ntw`-inset-x-60`\ntw`top-60`\ntw`right-60`\ntw`bottom-60`\ntw`left-60`\ntw`-top-60`\ntw`-right-60`\ntw`-bottom-60`\ntw`-left-60`\ntw`inset-64`\ntw`-inset-64`\ntw`inset-y-64`\ntw`inset-x-64`\ntw`-inset-y-64`\ntw`-inset-x-64`\ntw`top-64`\ntw`right-64`\ntw`bottom-64`\ntw`left-64`\ntw`-top-64`\ntw`-right-64`\ntw`-bottom-64`\ntw`-left-64`\ntw`inset-72`\ntw`-inset-72`\ntw`inset-y-72`\ntw`inset-x-72`\ntw`-inset-y-72`\ntw`-inset-x-72`\ntw`top-72`\ntw`right-72`\ntw`bottom-72`\ntw`left-72`\ntw`-top-72`\ntw`-right-72`\ntw`-bottom-72`\ntw`-left-72`\ntw`inset-80`\ntw`-inset-80`\ntw`inset-y-80`\ntw`inset-x-80`\ntw`-inset-y-80`\ntw`-inset-x-80`\ntw`top-80`\ntw`right-80`\ntw`bottom-80`\ntw`left-80`\ntw`-top-80`\ntw`-right-80`\ntw`-bottom-80`\ntw`-left-80`\ntw`inset-96`\ntw`-inset-96`\ntw`inset-y-96`\ntw`inset-x-96`\ntw`-inset-y-96`\ntw`-inset-x-96`\ntw`top-96`\ntw`right-96`\ntw`bottom-96`\ntw`left-96`\ntw`-top-96`\ntw`-right-96`\ntw`-bottom-96`\ntw`-left-96`\ntw`inset-auto`\ntw`inset-px`\ntw`-inset-px`\ntw`inset-1/2`\ntw`inset-1/3`\ntw`inset-2/3`\ntw`inset-1/4`\ntw`inset-2/4`\ntw`inset-3/4`\ntw`inset-full`\ntw`-inset-1/2`\ntw`-inset-1/3`\ntw`-inset-2/3`\ntw`-inset-1/4`\ntw`-inset-2/4`\ntw`-inset-3/4`\ntw`-inset-full`\ntw`inset-y-auto`\ntw`inset-x-auto`\ntw`inset-y-px`\ntw`inset-x-px`\ntw`-inset-y-px`\ntw`-inset-x-px`\ntw`inset-y-1/2`\ntw`inset-x-1/2`\ntw`inset-y-1/3`\ntw`inset-x-1/3`\ntw`inset-y-2/3`\ntw`inset-x-2/3`\ntw`inset-y-1/4`\ntw`inset-x-1/4`\ntw`inset-y-2/4`\ntw`inset-x-2/4`\ntw`inset-y-3/4`\ntw`inset-x-3/4`\ntw`inset-y-full`\ntw`inset-x-full`\ntw`-inset-y-1/2`\ntw`-inset-x-1/2`\ntw`-inset-y-1/3`\ntw`-inset-x-1/3`\ntw`-inset-y-2/3`\ntw`-inset-x-2/3`\ntw`-inset-y-1/4`\ntw`-inset-x-1/4`\ntw`-inset-y-2/4`\ntw`-inset-x-2/4`\ntw`-inset-y-3/4`\ntw`-inset-x-3/4`\ntw`-inset-y-full`\ntw`-inset-x-full`\ntw`top-auto`\ntw`right-auto`\ntw`bottom-auto`\ntw`left-auto`\ntw`top-px`\ntw`right-px`\ntw`bottom-px`\ntw`left-px`\ntw`-top-px`\ntw`-right-px`\ntw`-bottom-px`\ntw`-left-px`\ntw`top-1/2`\ntw`right-1/2`\ntw`bottom-1/2`\ntw`left-1/2`\ntw`top-1/3`\ntw`right-1/3`\ntw`bottom-1/3`\ntw`left-1/3`\ntw`top-2/3`\ntw`right-2/3`\ntw`bottom-2/3`\ntw`left-2/3`\ntw`top-1/4`\ntw`right-1/4`\ntw`bottom-1/4`\ntw`left-1/4`\ntw`top-2/4`\ntw`right-2/4`\ntw`bottom-2/4`\ntw`left-2/4`\ntw`top-3/4`\ntw`right-3/4`\ntw`bottom-3/4`\ntw`left-3/4`\ntw`top-full`\ntw`right-full`\ntw`bottom-full`\ntw`left-full`\ntw`-top-1/2`\ntw`-right-1/2`\ntw`-bottom-1/2`\ntw`-left-1/2`\ntw`-top-1/3`\ntw`-right-1/3`\ntw`-bottom-1/3`\ntw`-left-1/3`\ntw`-top-2/3`\ntw`-right-2/3`\ntw`-bottom-2/3`\ntw`-left-2/3`\ntw`-top-1/4`\ntw`-right-1/4`\ntw`-bottom-1/4`\ntw`-left-1/4`\ntw`-top-2/4`\ntw`-right-2/4`\ntw`-bottom-2/4`\ntw`-left-2/4`\ntw`-top-3/4`\ntw`-right-3/4`\ntw`-bottom-3/4`\ntw`-left-3/4`\ntw`-top-full`\ntw`-right-full`\ntw`-bottom-full`\ntw`-left-full`\n\ntw`top-[3px]`\ntw`inset-[50px]!`\n\ntw`inset-6 inset-x-1 start-4 end-8`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/visibility.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/visibility\ntw`visible`\ntw`invisible`\ntw`collapse`\n" }, { "path": "tests/__fixtures__/utilitiesLayout/zIndex.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/z-index\ntheme`zIndex`\n\ntw`z-0`\ntw`-z-0`\ntw`z-10`\ntw`-z-10`\ntw`z-20`\ntw`-z-20`\ntw`z-30`\ntw`-z-30`\ntw`z-40`\ntw`-z-40`\ntw`z-50`\ntw`-z-50`\ntw`z-auto`\n\ntw`z-[100]`\ntw`z-[-100]`\ntw`-z-[100]`\ntw`-z-[-100]`\n" }, { "path": "tests/__fixtures__/utilitiesSpacing/margin.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/margin\ntheme`margin`\n\ntw`m-0`\ntw`m-px`\ntw`m-0.5`\ntw`m-1`\ntw`m-1.5`\ntw`m-2`\ntw`m-2.5`\ntw`m-3`\ntw`m-3.5`\ntw`m-4`\ntw`m-5`\ntw`m-6`\ntw`m-7`\ntw`m-8`\ntw`m-9`\ntw`m-10`\ntw`m-11`\ntw`m-12`\ntw`m-14`\ntw`m-16`\ntw`m-20`\ntw`m-24`\ntw`m-28`\ntw`m-32`\ntw`m-36`\ntw`m-40`\ntw`m-44`\ntw`m-48`\ntw`m-52`\ntw`m-56`\ntw`m-60`\ntw`m-64`\ntw`m-72`\ntw`m-80`\ntw`m-96`\ntw`m-auto`\ntw`-m-0`\ntw`-m-px`\ntw`-m-0.5`\ntw`-m-1`\ntw`-m-1.5`\ntw`-m-2`\ntw`-m-2.5`\ntw`-m-3`\ntw`-m-3.5`\ntw`-m-4`\ntw`-m-5`\ntw`-m-6`\ntw`-m-7`\ntw`-m-8`\ntw`-m-9`\ntw`-m-10`\ntw`-m-11`\ntw`-m-12`\ntw`-m-14`\ntw`-m-16`\ntw`-m-20`\ntw`-m-24`\ntw`-m-28`\ntw`-m-32`\ntw`-m-36`\ntw`-m-40`\ntw`-m-44`\ntw`-m-48`\ntw`-m-52`\ntw`-m-56`\ntw`-m-60`\ntw`-m-64`\ntw`-m-72`\ntw`-m-80`\ntw`-m-96`\ntw`my-0`\ntw`my-px`\ntw`my-0.5`\ntw`my-1`\ntw`my-1.5`\ntw`my-2`\ntw`my-2.5`\ntw`my-3`\ntw`my-3.5`\ntw`my-4`\ntw`my-5`\ntw`my-6`\ntw`my-7`\ntw`my-8`\ntw`my-9`\ntw`my-10`\ntw`my-11`\ntw`my-12`\ntw`my-14`\ntw`my-16`\ntw`my-20`\ntw`my-24`\ntw`my-28`\ntw`my-32`\ntw`my-36`\ntw`my-40`\ntw`my-44`\ntw`my-48`\ntw`my-52`\ntw`my-56`\ntw`my-60`\ntw`my-64`\ntw`my-72`\ntw`my-80`\ntw`my-96`\ntw`my-auto`\ntw`-my-0`\ntw`-my-px`\ntw`-my-0.5`\ntw`-my-1`\ntw`-my-1.5`\ntw`-my-2`\ntw`-my-2.5`\ntw`-my-3`\ntw`-my-3.5`\ntw`-my-4`\ntw`-my-5`\ntw`-my-6`\ntw`-my-7`\ntw`-my-8`\ntw`-my-9`\ntw`-my-10`\ntw`-my-11`\ntw`-my-12`\ntw`-my-14`\ntw`-my-16`\ntw`-my-20`\ntw`-my-24`\ntw`-my-28`\ntw`-my-32`\ntw`-my-36`\ntw`-my-40`\ntw`-my-44`\ntw`-my-48`\ntw`-my-52`\ntw`-my-56`\ntw`-my-60`\ntw`-my-64`\ntw`-my-72`\ntw`-my-80`\ntw`-my-96`\ntw`mx-0`\ntw`mx-px`\ntw`mx-0.5`\ntw`mx-1`\ntw`mx-1.5`\ntw`mx-2`\ntw`mx-2.5`\ntw`mx-3`\ntw`mx-3.5`\ntw`mx-4`\ntw`mx-5`\ntw`mx-6`\ntw`mx-7`\ntw`mx-8`\ntw`mx-9`\ntw`mx-10`\ntw`mx-12`\ntw`mx-14`\ntw`mx-16`\ntw`mx-20`\ntw`mx-24`\ntw`mx-28`\ntw`mx-32`\ntw`mx-36`\ntw`mx-40`\ntw`mx-44`\ntw`mx-48`\ntw`mx-52`\ntw`mx-56`\ntw`mx-60`\ntw`mx-64`\ntw`mx-72`\ntw`mx-80`\ntw`mx-auto`\ntw`-mx-0`\ntw`-mx-px`\ntw`-mx-0.5`\ntw`-mx-1`\ntw`-mx-1.5`\ntw`-mx-2`\ntw`-mx-2.5`\ntw`-mx-3`\ntw`-mx-3.5`\ntw`-mx-4`\ntw`-mx-5`\ntw`-mx-6`\ntw`-mx-7`\ntw`-mx-8`\ntw`-mx-9`\ntw`-mx-10`\ntw`-mx-11`\ntw`-mx-12`\ntw`-mx-14`\ntw`-mx-16`\ntw`-mx-20`\ntw`-mx-24`\ntw`-mx-28`\ntw`-mx-32`\ntw`-mx-36`\ntw`-mx-40`\ntw`-mx-44`\ntw`-mx-48`\ntw`-mx-52`\ntw`-mx-56`\ntw`-mx-60`\ntw`-mx-64`\ntw`-mx-72`\ntw`-mx-80`\ntw`-mx-96`\ntw`mt-0`\ntw`mt-px`\ntw`mt-0.5`\ntw`mt-1`\ntw`mt-1.5`\ntw`mt-2`\ntw`mt-2.5`\ntw`mt-3`\ntw`mt-3.5`\ntw`mt-4`\ntw`mt-5`\ntw`mt-6`\ntw`mt-7`\ntw`mt-8`\ntw`mt-9`\ntw`mt-10`\ntw`mt-11`\ntw`mt-12`\ntw`mt-14`\ntw`mt-16`\ntw`mt-20`\ntw`mt-24`\ntw`mt-28`\ntw`mt-32`\ntw`mt-36`\ntw`mt-40`\ntw`mt-44`\ntw`mt-48`\ntw`mt-52`\ntw`mt-56`\ntw`mt-60`\ntw`mt-64`\ntw`mt-72`\ntw`mt-80`\ntw`mt-96`\ntw`mt-auto`\ntw`-mt-0`\ntw`-mt-px`\ntw`-mt-0.5`\ntw`-mt-1`\ntw`-mt-1.5`\ntw`-mt-2`\ntw`-mt-2.5`\ntw`-mt-3`\ntw`-mt-3.5`\ntw`-mt-4`\ntw`-mt-5`\ntw`-mt-6`\ntw`-mt-7`\ntw`-mt-8`\ntw`-mt-9`\ntw`-mt-10`\ntw`-mt-11`\ntw`-mt-12`\ntw`-mt-14`\ntw`-mt-16`\ntw`-mt-20`\ntw`-mt-24`\ntw`-mt-28`\ntw`-mt-32`\ntw`-mt-36`\ntw`-mt-40`\ntw`-mt-44`\ntw`-mt-48`\ntw`-mt-52`\ntw`-mt-56`\ntw`-mt-60`\ntw`-mt-64`\ntw`-mt-72`\ntw`-mt-80`\ntw`-mt-96`\ntw`mr-0`\ntw`mr-px`\ntw`mr-0.5`\ntw`mr-1`\ntw`mr-1.5`\ntw`mr-2`\ntw`mr-2.5`\ntw`mr-3`\ntw`mr-3.5`\ntw`mr-4`\ntw`mr-5`\ntw`mr-6`\ntw`mr-7`\ntw`mr-8`\ntw`mr-9`\ntw`mr-10`\ntw`mr-11`\ntw`mr-12`\ntw`mr-14`\ntw`mr-16`\ntw`mr-20`\ntw`mr-24`\ntw`mr-28`\ntw`mr-32`\ntw`mr-36`\ntw`mr-40`\ntw`mr-44`\ntw`mr-48`\ntw`mr-52`\ntw`mr-56`\ntw`mr-60`\ntw`mr-64`\ntw`mr-72`\ntw`mr-80`\ntw`mr-96`\ntw`mr-auto`\ntw`-mr-0`\ntw`-mr-px`\ntw`-mr-0.5`\ntw`-mr-1`\ntw`-mr-1.5`\ntw`-mr-2`\ntw`-mr-2.5`\ntw`-mr-3`\ntw`-mr-3.5`\ntw`-mr-4`\ntw`-mr-5`\ntw`-mr-6`\ntw`-mr-7`\ntw`-mr-8`\ntw`-mr-9`\ntw`-mr-10`\ntw`-mr-11`\ntw`-mr-12`\ntw`-mr-14`\ntw`-mr-16`\ntw`-mr-20`\ntw`-mr-24`\ntw`-mr-28`\ntw`-mr-32`\ntw`-mr-36`\ntw`-mr-40`\ntw`-mr-44`\ntw`-mr-48`\ntw`-mr-52`\ntw`-mr-56`\ntw`-mr-60`\ntw`-mr-64`\ntw`-mr-72`\ntw`-mr-80`\ntw`-mr-96`\ntw`mb-0`\ntw`mb-px`\ntw`mb-0.5`\ntw`mb-1`\ntw`mb-1.5`\ntw`mb-2`\ntw`mb-2.5`\ntw`mb-3`\ntw`mb-3.5`\ntw`mb-4`\ntw`mb-5`\ntw`mb-6`\ntw`mb-7`\ntw`mb-8`\ntw`mb-9`\ntw`mb-10`\ntw`mb-11`\ntw`mb-12`\ntw`mb-14`\ntw`mb-16`\ntw`mb-20`\ntw`mb-24`\ntw`mb-28`\ntw`mb-32`\ntw`mb-36`\ntw`mb-40`\ntw`mb-44`\ntw`mb-48`\ntw`mb-52`\ntw`mb-56`\ntw`mb-60`\ntw`mb-64`\ntw`mb-72`\ntw`mb-80`\ntw`mb-96`\ntw`mb-auto`\ntw`-mb-0`\ntw`-mb-px`\ntw`-mb-0.5`\ntw`-mb-1`\ntw`-mb-1.5`\ntw`-mb-2`\ntw`-mb-2.5`\ntw`-mb-3`\ntw`-mb-3.5`\ntw`-mb-4`\ntw`-mb-5`\ntw`-mb-6`\ntw`-mb-7`\ntw`-mb-8`\ntw`-mb-9`\ntw`-mb-10`\ntw`-mb-11`\ntw`-mb-12`\ntw`-mb-14`\ntw`-mb-16`\ntw`-mb-20`\ntw`-mb-24`\ntw`-mb-28`\ntw`-mb-32`\ntw`-mb-36`\ntw`-mb-40`\ntw`-mb-44`\ntw`-mb-48`\ntw`-mb-52`\ntw`-mb-56`\ntw`-mb-60`\ntw`-mb-64`\ntw`-mb-72`\ntw`-mb-80`\ntw`-mb-96`\ntw`ml-0`\ntw`ml-px`\ntw`ml-0.5`\ntw`ml-1`\ntw`ml-1.5`\ntw`ml-2`\ntw`ml-2.5`\ntw`ml-3`\ntw`ml-3.5`\ntw`ml-4`\ntw`ml-5`\ntw`ml-6`\ntw`ml-7`\ntw`ml-8`\ntw`ml-9`\ntw`ml-10`\ntw`ml-11`\ntw`ml-12`\ntw`ml-14`\ntw`ml-16`\ntw`ml-20`\ntw`ml-24`\ntw`ml-28`\ntw`ml-32`\ntw`ml-36`\ntw`ml-40`\ntw`ml-44`\ntw`ml-48`\ntw`ml-52`\ntw`ml-56`\ntw`ml-60`\ntw`ml-64`\ntw`ml-72`\ntw`ml-80`\ntw`ml-96`\ntw`ml-auto`\ntw`-ml-0`\ntw`-ml-px`\ntw`-ml-0.5`\ntw`-ml-1`\ntw`-ml-1.5`\ntw`-ml-2`\ntw`-ml-2.5`\ntw`-ml-3`\ntw`-ml-3.5`\ntw`-ml-4`\ntw`-ml-5`\ntw`-ml-6`\ntw`-ml-7`\ntw`-ml-8`\ntw`-ml-9`\ntw`-ml-10`\ntw`-ml-11`\ntw`-ml-12`\ntw`-ml-14`\ntw`-ml-16`\ntw`-ml-20`\ntw`-ml-24`\ntw`-ml-28`\ntw`-ml-32`\ntw`-ml-36`\ntw`-ml-40`\ntw`-ml-44`\ntw`-ml-48`\ntw`-ml-52`\ntw`-ml-56`\ntw`-ml-60`\ntw`-ml-64`\ntw`-ml-72`\ntw`-ml-80`\ntw`-ml-96`\n\ntw`m-[5px]`\ntw`mt-[5px]`\ntw`ml-[5px]`\ntw`mr-[5px]`\ntw`mb-[5px]`\ntw`-m-[5px]`\ntw`-mt-[5px]`\ntw`-ml-[5px]`\ntw`-mr-[5px]`\ntw`-mb-[5px]`\n\ntw`mt-[clamp(30px,100px)]`\n\ntw`!-mt-4`\n\ntw`mt-6 mx-1 ms-4 me-8`\n" }, { "path": "tests/__fixtures__/utilitiesSpacing/padding.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/padding\ntheme`padding`\n\ntw`p-0`\ntw`p-px`\ntw`p-0.5`\ntw`p-1`\ntw`p-1.5`\ntw`p-2`\ntw`p-2.5`\ntw`p-3`\ntw`p-3.5`\ntw`p-4`\ntw`p-5`\ntw`p-6`\ntw`p-7`\ntw`p-8`\ntw`p-9`\ntw`p-10`\ntw`p-11`\ntw`p-12`\ntw`p-14`\ntw`p-16`\ntw`p-20`\ntw`p-24`\ntw`p-28`\ntw`p-32`\ntw`p-36`\ntw`p-40`\ntw`p-44`\ntw`p-48`\ntw`p-52`\ntw`p-56`\ntw`p-60`\ntw`p-64`\ntw`p-72`\ntw`p-80`\ntw`p-96`\ntw`py-0`\ntw`py-px`\ntw`py-0.5`\ntw`py-1`\ntw`py-1.5`\ntw`py-2`\ntw`py-2.5`\ntw`py-3`\ntw`py-3.5`\ntw`py-4`\ntw`py-5`\ntw`py-6`\ntw`py-7`\ntw`py-8`\ntw`py-9`\ntw`py-10`\ntw`py-11`\ntw`py-12`\ntw`py-14`\ntw`py-16`\ntw`py-20`\ntw`py-24`\ntw`py-28`\ntw`py-32`\ntw`py-36`\ntw`py-40`\ntw`py-44`\ntw`py-48`\ntw`py-52`\ntw`py-56`\ntw`py-60`\ntw`py-64`\ntw`py-72`\ntw`py-80`\ntw`py-96`\ntw`px-0`\ntw`px-px`\ntw`px-0.5`\ntw`px-1`\ntw`px-1.5`\ntw`px-2`\ntw`px-2.5`\ntw`px-3`\ntw`px-3.5`\ntw`px-4`\ntw`px-5`\ntw`px-6`\ntw`px-7`\ntw`px-8`\ntw`px-9`\ntw`px-10`\ntw`px-11`\ntw`px-12`\ntw`px-14`\ntw`px-16`\ntw`px-20`\ntw`px-24`\ntw`px-28`\ntw`px-32`\ntw`px-36`\ntw`px-40`\ntw`px-44`\ntw`px-48`\ntw`px-52`\ntw`px-56`\ntw`px-60`\ntw`px-64`\ntw`px-72`\ntw`px-80`\ntw`px-96`\ntw`pt-0`\ntw`pt-px`\ntw`pt-0.5`\ntw`pt-1`\ntw`pt-1.5`\ntw`pt-2`\ntw`pt-2.5`\ntw`pt-3`\ntw`pt-3.5`\ntw`pt-4`\ntw`pt-5`\ntw`pt-6`\ntw`pt-7`\ntw`pt-8`\ntw`pt-9`\ntw`pt-10`\ntw`pt-11`\ntw`pt-12`\ntw`pt-14`\ntw`pt-16`\ntw`pt-20`\ntw`pt-24`\ntw`pt-28`\ntw`pt-32`\ntw`pt-36`\ntw`pt-40`\ntw`pt-44`\ntw`pt-48`\ntw`pt-52`\ntw`pt-56`\ntw`pt-60`\ntw`pt-64`\ntw`pt-72`\ntw`pt-80`\ntw`pt-96`\ntw`pr-0`\ntw`pr-0.5`\ntw`pr-1`\ntw`pr-1.5`\ntw`pr-2`\ntw`pr-2.5`\ntw`pr-3`\ntw`pr-3.5`\ntw`pr-4`\ntw`pr-5`\ntw`pr-6`\ntw`pr-7`\ntw`pr-8`\ntw`pr-9`\ntw`pr-10`\ntw`pr-11`\ntw`pr-12`\ntw`pr-14`\ntw`pr-16`\ntw`pr-20`\ntw`pr-24`\ntw`pr-28`\ntw`pr-32`\ntw`pr-36`\ntw`pr-40`\ntw`pr-44`\ntw`pr-48`\ntw`pr-52`\ntw`pr-56`\ntw`pr-60`\ntw`pr-64`\ntw`pr-72`\ntw`pr-80`\ntw`pr-96`\ntw`pr-px`\ntw`pb-0`\ntw`pb-px`\ntw`pb-0.5`\ntw`pb-1`\ntw`pb-1.5`\ntw`pb-2`\ntw`pb-2.5`\ntw`pb-3`\ntw`pb-3.5`\ntw`pb-4`\ntw`pb-5`\ntw`pb-6`\ntw`pb-7`\ntw`pb-8`\ntw`pb-9`\ntw`pb-10`\ntw`pb-11`\ntw`pb-12`\ntw`pb-14`\ntw`pb-16`\ntw`pb-20`\ntw`pb-24`\ntw`pb-28`\ntw`pb-32`\ntw`pb-36`\ntw`pb-40`\ntw`pb-44`\ntw`pb-48`\ntw`pb-52`\ntw`pb-56`\ntw`pb-60`\ntw`pb-64`\ntw`pb-72`\ntw`pl-0`\ntw`pl-px`\ntw`pl-0.5`\ntw`pl-1`\ntw`pl-1.5`\ntw`pl-2`\ntw`pl-2.5`\ntw`pl-3`\ntw`pl-3.5`\ntw`pl-4`\ntw`pl-5`\ntw`pl-6`\ntw`pl-7`\ntw`pl-8`\ntw`pl-9`\ntw`pl-10`\ntw`pl-11`\ntw`pl-12`\ntw`pl-14`\ntw`pl-16`\ntw`pl-20`\ntw`pl-24`\ntw`pl-28`\ntw`pl-32`\ntw`pl-36`\ntw`pl-40`\ntw`pl-44`\ntw`pl-48`\ntw`pl-52`\ntw`pl-56`\ntw`pl-60`\ntw`pl-64`\ntw`pl-72`\ntw`pl-80`\ntw`pl-96`\n\ntw`p-[5px]`\ntw`pt-[5px]`\ntw`pl-[5px]`\ntw`pr-[5px]`\ntw`pb-[5px]`\ntw`p-[var(--app-padding)]`\n\ntw`pt-6 px-1 ps-4 pe-8`\n" }, { "path": "tests/__fixtures__/utilitiesSpacing/spaceBetween.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/space\ntheme`space`\n\ntw`space-x-0`\ntw`space-x-0.5`\ntw`space-x-1`\ntw`space-x-1.5`\ntw`space-x-2`\ntw`space-x-2.5`\ntw`space-x-3`\ntw`space-x-3.5`\ntw`space-x-4`\ntw`space-x-5`\ntw`space-x-6`\ntw`space-x-7`\ntw`space-x-8`\ntw`space-x-9`\ntw`space-x-10`\ntw`space-x-11`\ntw`space-x-12`\ntw`space-x-14`\ntw`space-x-16`\ntw`space-x-20`\ntw`space-x-24`\ntw`space-x-28`\ntw`space-x-32`\ntw`space-x-36`\ntw`space-x-40`\ntw`space-x-44`\ntw`space-x-48`\ntw`space-x-52`\ntw`space-x-56`\ntw`space-x-60`\ntw`space-x-64`\ntw`space-x-72`\ntw`space-x-80`\ntw`space-x-96`\ntw`space-x-px`\ntw`space-y-0`\ntw`space-y-0.5`\ntw`space-y-1`\ntw`space-y-1.5`\ntw`space-y-2`\ntw`space-y-2.5`\ntw`space-y-3`\ntw`space-y-3.5`\ntw`space-y-4`\ntw`space-y-5`\ntw`space-y-6`\ntw`space-y-7`\ntw`space-y-8`\ntw`space-y-9`\ntw`space-y-10`\ntw`space-y-12`\ntw`space-y-14`\ntw`space-y-16`\ntw`space-y-20`\ntw`space-y-24`\ntw`space-y-28`\ntw`space-y-32`\ntw`space-y-36`\ntw`space-y-40`\ntw`space-y-44`\ntw`space-y-48`\ntw`space-y-52`\ntw`space-y-56`\ntw`space-y-60`\ntw`space-y-64`\ntw`space-y-72`\ntw`space-y-80`\ntw`space-y-px`\ntw`-space-x-0`\ntw`-space-x-0.5`\ntw`-space-x-1`\ntw`-space-x-1.5`\ntw`-space-x-2`\ntw`-space-x-2.5`\ntw`-space-x-3`\ntw`-space-x-3.5`\ntw`-space-x-4`\ntw`-space-x-5`\ntw`-space-x-6`\ntw`-space-x-7`\ntw`-space-x-8`\ntw`-space-x-9`\ntw`-space-x-10`\ntw`-space-x-12`\ntw`-space-x-14`\ntw`-space-x-16`\ntw`-space-x-20`\ntw`-space-x-24`\ntw`-space-x-28`\ntw`-space-x-32`\ntw`-space-x-36`\ntw`-space-x-40`\ntw`-space-x-44`\ntw`-space-x-48`\ntw`-space-x-52`\ntw`-space-x-56`\ntw`-space-x-60`\ntw`-space-x-64`\ntw`-space-x-72`\ntw`-space-x-80`\ntw`-space-x-96`\ntw`-space-x-px`\ntw`-space-y-0`\ntw`-space-y-0.5`\ntw`-space-y-1`\ntw`-space-y-1.5`\ntw`-space-y-2`\ntw`-space-y-2.5`\ntw`-space-y-3`\ntw`-space-y-3.5`\ntw`-space-y-4`\ntw`-space-y-5`\ntw`-space-y-6`\ntw`-space-y-7`\ntw`-space-y-8`\ntw`-space-y-9`\ntw`-space-y-10`\ntw`-space-y-12`\ntw`-space-y-14`\ntw`-space-y-16`\ntw`-space-y-20`\ntw`-space-y-24`\ntw`-space-y-28`\ntw`-space-y-32`\ntw`-space-y-36`\ntw`-space-y-40`\ntw`-space-y-44`\ntw`-space-y-48`\ntw`-space-y-52`\ntw`-space-y-56`\ntw`-space-y-60`\ntw`-space-y-64`\ntw`-space-y-72`\ntw`-space-y-80`\ntw`-space-y-96`\ntw`-space-y-px`\ntw`space-x-reverse`\ntw`space-y-reverse`\ntw`space-x-[5px]`\ntw`space-y-[5px]`\ntw`-space-x-[5px]`\ntw`-space-y-[5px]`\n\ntw`space-x-reverse space-x-0`\ntw`space-x-0 space-x-reverse`\ntw`space-y-reverse space-y-0`\ntw`space-y-0 space-y-reverse`\n\ntw`space-x-reverse space-x-32`\ntw`space-x-32 space-x-reverse`\ntw`space-y-reverse space-y-32`\ntw`space-y-32 space-y-reverse`\n\ntw`space-x-reverse space-x-px`\ntw`space-x-px space-x-reverse`\ntw`space-y-reverse space-y-px`\ntw`space-y-px space-y-reverse`\n\ntw`space-x-reverse space-x-12`\ntw`space-x-12 space-x-reverse`\ntw`space-y-reverse space-y-12`\ntw`space-y-12 space-y-reverse`\n\ntw`space-x-[20cm]`\ntw`space-x-[calc(20%-1cm)]`\n" }, { "path": "tests/__fixtures__/utilitiesSvg/fill.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/fill\ntheme`fill`\n\ntw`fill-none`\ntw`fill-inherit`\ntw`fill-current`\ntw`fill-transparent`\ntw`fill-black`\ntw`fill-white`\ntw`fill-slate-50`\ntw`fill-slate-100`\ntw`fill-slate-200`\ntw`fill-slate-300`\ntw`fill-slate-400`\ntw`fill-slate-500`\ntw`fill-slate-600`\ntw`fill-slate-700`\ntw`fill-slate-800`\ntw`fill-slate-900`\ntw`fill-gray-50`\ntw`fill-gray-100`\ntw`fill-gray-200`\ntw`fill-gray-300`\ntw`fill-gray-400`\ntw`fill-gray-500`\ntw`fill-gray-600`\ntw`fill-gray-700`\ntw`fill-gray-800`\ntw`fill-gray-900`\ntw`fill-zinc-50`\ntw`fill-zinc-100`\ntw`fill-zinc-200`\ntw`fill-zinc-300`\ntw`fill-zinc-400`\ntw`fill-zinc-500`\ntw`fill-zinc-600`\ntw`fill-zinc-700`\ntw`fill-zinc-800`\ntw`fill-zinc-900`\ntw`fill-neutral-50`\ntw`fill-neutral-100`\ntw`fill-neutral-200`\ntw`fill-neutral-300`\ntw`fill-neutral-400`\ntw`fill-neutral-500`\ntw`fill-neutral-600`\ntw`fill-neutral-700`\ntw`fill-neutral-800`\ntw`fill-neutral-900`\ntw`fill-stone-50`\ntw`fill-stone-100`\ntw`fill-stone-200`\ntw`fill-stone-300`\ntw`fill-stone-400`\ntw`fill-stone-500`\ntw`fill-stone-600`\ntw`fill-stone-700`\ntw`fill-stone-800`\ntw`fill-stone-900`\ntw`fill-red-50`\ntw`fill-red-100`\ntw`fill-red-200`\ntw`fill-red-300`\ntw`fill-red-400`\ntw`fill-red-500`\ntw`fill-red-600`\ntw`fill-red-700`\ntw`fill-red-800`\ntw`fill-red-900`\ntw`fill-orange-50`\ntw`fill-orange-100`\ntw`fill-orange-200`\ntw`fill-orange-300`\ntw`fill-orange-400`\ntw`fill-orange-500`\ntw`fill-orange-600`\ntw`fill-orange-700`\ntw`fill-orange-800`\ntw`fill-orange-900`\ntw`fill-amber-50`\ntw`fill-amber-100`\ntw`fill-amber-200`\ntw`fill-amber-300`\ntw`fill-amber-400`\ntw`fill-amber-500`\ntw`fill-amber-600`\ntw`fill-amber-700`\ntw`fill-amber-800`\ntw`fill-amber-900`\ntw`fill-yellow-50`\ntw`fill-yellow-100`\ntw`fill-yellow-200`\ntw`fill-yellow-300`\ntw`fill-yellow-400`\ntw`fill-yellow-500`\ntw`fill-yellow-600`\ntw`fill-yellow-700`\ntw`fill-yellow-800`\ntw`fill-yellow-900`\ntw`fill-lime-50`\ntw`fill-lime-100`\ntw`fill-lime-200`\ntw`fill-lime-300`\ntw`fill-lime-400`\ntw`fill-lime-500`\ntw`fill-lime-600`\ntw`fill-lime-700`\ntw`fill-lime-800`\ntw`fill-lime-900`\ntw`fill-green-50`\ntw`fill-green-100`\ntw`fill-green-200`\ntw`fill-green-300`\ntw`fill-green-400`\ntw`fill-green-500`\ntw`fill-green-600`\ntw`fill-green-700`\ntw`fill-green-800`\ntw`fill-green-900`\ntw`fill-emerald-50`\ntw`fill-emerald-100`\ntw`fill-emerald-200`\ntw`fill-emerald-300`\ntw`fill-emerald-400`\ntw`fill-emerald-500`\ntw`fill-emerald-600`\ntw`fill-emerald-700`\ntw`fill-emerald-800`\ntw`fill-emerald-900`\ntw`fill-teal-50`\ntw`fill-teal-100`\ntw`fill-teal-200`\ntw`fill-teal-300`\ntw`fill-teal-400`\ntw`fill-teal-500`\ntw`fill-teal-600`\ntw`fill-teal-700`\ntw`fill-teal-800`\ntw`fill-teal-900`\ntw`fill-cyan-50`\ntw`fill-cyan-100`\ntw`fill-cyan-200`\ntw`fill-cyan-300`\ntw`fill-cyan-400`\ntw`fill-cyan-500`\ntw`fill-cyan-600`\ntw`fill-cyan-700`\ntw`fill-cyan-800`\ntw`fill-cyan-900`\ntw`fill-sky-50`\ntw`fill-sky-100`\ntw`fill-sky-200`\ntw`fill-sky-300`\ntw`fill-sky-400`\ntw`fill-sky-500`\ntw`fill-sky-600`\ntw`fill-sky-700`\ntw`fill-sky-800`\ntw`fill-sky-900`\ntw`fill-blue-50`\ntw`fill-blue-100`\ntw`fill-blue-200`\ntw`fill-blue-300`\ntw`fill-blue-400`\ntw`fill-blue-500`\ntw`fill-blue-600`\ntw`fill-blue-700`\ntw`fill-blue-800`\ntw`fill-blue-900`\ntw`fill-indigo-50`\ntw`fill-indigo-100`\ntw`fill-indigo-200`\ntw`fill-indigo-300`\ntw`fill-indigo-400`\ntw`fill-indigo-500`\ntw`fill-indigo-600`\ntw`fill-indigo-700`\ntw`fill-indigo-800`\ntw`fill-indigo-900`\ntw`fill-violet-50`\ntw`fill-violet-100`\ntw`fill-violet-200`\ntw`fill-violet-300`\ntw`fill-violet-400`\ntw`fill-violet-500`\ntw`fill-violet-600`\ntw`fill-violet-700`\ntw`fill-violet-800`\ntw`fill-violet-900`\ntw`fill-purple-50`\ntw`fill-purple-100`\ntw`fill-purple-200`\ntw`fill-purple-300`\ntw`fill-purple-400`\ntw`fill-purple-500`\ntw`fill-purple-600`\ntw`fill-purple-700`\ntw`fill-purple-800`\ntw`fill-purple-900`\ntw`fill-fuchsia-50`\ntw`fill-fuchsia-100`\ntw`fill-fuchsia-200`\ntw`fill-fuchsia-300`\ntw`fill-fuchsia-400`\ntw`fill-fuchsia-500`\ntw`fill-fuchsia-600`\ntw`fill-fuchsia-700`\ntw`fill-fuchsia-800`\ntw`fill-fuchsia-900`\ntw`fill-pink-50`\ntw`fill-pink-100`\ntw`fill-pink-200`\ntw`fill-pink-300`\ntw`fill-pink-400`\ntw`fill-pink-500`\ntw`fill-pink-600`\ntw`fill-pink-700`\ntw`fill-pink-800`\ntw`fill-pink-900`\ntw`fill-rose-50`\ntw`fill-rose-100`\ntw`fill-rose-200`\ntw`fill-rose-300`\ntw`fill-rose-400`\ntw`fill-rose-500`\ntw`fill-rose-600`\ntw`fill-rose-700`\ntw`fill-rose-800`\ntw`fill-rose-900`\n\ntw`fill-[#243c5a]`\ntw`fill-[var(--color)]`\n\ntw`fill-red-500`\ntw`fill-red-500/25`\ntw`fill-red-500/fromConfig`\ntw`fill-red-500/fromConfig/25`\ntw`fill-red-500/fromConfig/[.555]`\ntw`fill-red-500/fromConfig/[var(--myvar)]`\ntw`fill-red-500/[.555]`\ntw`fill-red-500/[var(--myvar)]`\ntw`fill-[theme('colors.red.500')]`\ntw`fill-[theme('colors.red.500')]/20`\n\ntw`fill-electric`\ntw`fill-electric/25`\ntw`fill-electric/[.555]`\ntw`fill-electric/[var(--myvar)]`\ntw`fill-[theme('colors.electric')]`\ntw`fill-[theme('colors.electric')]/20`\n" }, { "path": "tests/__fixtures__/utilitiesSvg/stroke.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/stroke\ntheme`stroke`\n\ntw`stroke-none`\ntw`stroke-inherit`\ntw`stroke-current`\ntw`stroke-transparent`\ntw`stroke-black`\ntw`stroke-white`\ntw`stroke-slate-50`\ntw`stroke-slate-100`\ntw`stroke-slate-200`\ntw`stroke-slate-300`\ntw`stroke-slate-400`\ntw`stroke-slate-500`\ntw`stroke-slate-600`\ntw`stroke-slate-700`\ntw`stroke-slate-800`\ntw`stroke-slate-900`\ntw`stroke-gray-50`\ntw`stroke-gray-100`\ntw`stroke-gray-200`\ntw`stroke-gray-300`\ntw`stroke-gray-400`\ntw`stroke-gray-500`\ntw`stroke-gray-600`\ntw`stroke-gray-700`\ntw`stroke-gray-800`\ntw`stroke-gray-900`\ntw`stroke-zinc-50`\ntw`stroke-zinc-100`\ntw`stroke-zinc-200`\ntw`stroke-zinc-300`\ntw`stroke-zinc-400`\ntw`stroke-zinc-500`\ntw`stroke-zinc-600`\ntw`stroke-zinc-700`\ntw`stroke-zinc-800`\ntw`stroke-zinc-900`\ntw`stroke-neutral-50`\ntw`stroke-neutral-100`\ntw`stroke-neutral-200`\ntw`stroke-neutral-300`\ntw`stroke-neutral-400`\ntw`stroke-neutral-500`\ntw`stroke-neutral-600`\ntw`stroke-neutral-700`\ntw`stroke-neutral-800`\ntw`stroke-neutral-900`\ntw`stroke-stone-50`\ntw`stroke-stone-100`\ntw`stroke-stone-200`\ntw`stroke-stone-300`\ntw`stroke-stone-400`\ntw`stroke-stone-500`\ntw`stroke-stone-600`\ntw`stroke-stone-700`\ntw`stroke-stone-800`\ntw`stroke-stone-900`\ntw`stroke-red-50`\ntw`stroke-red-100`\ntw`stroke-red-200`\ntw`stroke-red-300`\ntw`stroke-red-400`\ntw`stroke-red-500`\ntw`stroke-red-600`\ntw`stroke-red-700`\ntw`stroke-red-800`\ntw`stroke-red-900`\ntw`stroke-orange-50`\ntw`stroke-orange-100`\ntw`stroke-orange-200`\ntw`stroke-orange-300`\ntw`stroke-orange-400`\ntw`stroke-orange-500`\ntw`stroke-orange-600`\ntw`stroke-orange-700`\ntw`stroke-orange-800`\ntw`stroke-orange-900`\ntw`stroke-amber-50`\ntw`stroke-amber-100`\ntw`stroke-amber-200`\ntw`stroke-amber-300`\ntw`stroke-amber-400`\ntw`stroke-amber-500`\ntw`stroke-amber-600`\ntw`stroke-amber-700`\ntw`stroke-amber-800`\ntw`stroke-amber-900`\ntw`stroke-yellow-50`\ntw`stroke-yellow-100`\ntw`stroke-yellow-200`\ntw`stroke-yellow-300`\ntw`stroke-yellow-400`\ntw`stroke-yellow-500`\ntw`stroke-yellow-600`\ntw`stroke-yellow-700`\ntw`stroke-yellow-800`\ntw`stroke-yellow-900`\ntw`stroke-lime-50`\ntw`stroke-lime-100`\ntw`stroke-lime-200`\ntw`stroke-lime-300`\ntw`stroke-lime-400`\ntw`stroke-lime-500`\ntw`stroke-lime-600`\ntw`stroke-lime-700`\ntw`stroke-lime-800`\ntw`stroke-lime-900`\ntw`stroke-green-50`\ntw`stroke-green-100`\ntw`stroke-green-200`\ntw`stroke-green-300`\ntw`stroke-green-400`\ntw`stroke-green-500`\ntw`stroke-green-600`\ntw`stroke-green-700`\ntw`stroke-green-800`\ntw`stroke-green-900`\ntw`stroke-emerald-50`\ntw`stroke-emerald-100`\ntw`stroke-emerald-200`\ntw`stroke-emerald-300`\ntw`stroke-emerald-400`\ntw`stroke-emerald-500`\ntw`stroke-emerald-600`\ntw`stroke-emerald-700`\ntw`stroke-emerald-800`\ntw`stroke-emerald-900`\ntw`stroke-teal-50`\ntw`stroke-teal-100`\ntw`stroke-teal-200`\ntw`stroke-teal-300`\ntw`stroke-teal-400`\ntw`stroke-teal-500`\ntw`stroke-teal-600`\ntw`stroke-teal-700`\ntw`stroke-teal-800`\ntw`stroke-teal-900`\ntw`stroke-cyan-50`\ntw`stroke-cyan-100`\ntw`stroke-cyan-200`\ntw`stroke-cyan-300`\ntw`stroke-cyan-400`\ntw`stroke-cyan-500`\ntw`stroke-cyan-600`\ntw`stroke-cyan-700`\ntw`stroke-cyan-800`\ntw`stroke-cyan-900`\ntw`stroke-sky-50`\ntw`stroke-sky-100`\ntw`stroke-sky-200`\ntw`stroke-sky-300`\ntw`stroke-sky-400`\ntw`stroke-sky-500`\ntw`stroke-sky-600`\ntw`stroke-sky-700`\ntw`stroke-sky-800`\ntw`stroke-sky-900`\ntw`stroke-blue-50`\ntw`stroke-blue-100`\ntw`stroke-blue-200`\ntw`stroke-blue-300`\ntw`stroke-blue-400`\ntw`stroke-blue-500`\ntw`stroke-blue-600`\ntw`stroke-blue-700`\ntw`stroke-blue-800`\ntw`stroke-blue-900`\ntw`stroke-indigo-50`\ntw`stroke-indigo-100`\ntw`stroke-indigo-200`\ntw`stroke-indigo-300`\ntw`stroke-indigo-400`\ntw`stroke-indigo-500`\ntw`stroke-indigo-600`\ntw`stroke-indigo-700`\ntw`stroke-indigo-800`\ntw`stroke-indigo-900`\ntw`stroke-violet-50`\ntw`stroke-violet-100`\ntw`stroke-violet-200`\ntw`stroke-violet-300`\ntw`stroke-violet-400`\ntw`stroke-violet-500`\ntw`stroke-violet-600`\ntw`stroke-violet-700`\ntw`stroke-violet-800`\ntw`stroke-violet-900`\ntw`stroke-purple-50`\ntw`stroke-purple-100`\ntw`stroke-purple-200`\ntw`stroke-purple-300`\ntw`stroke-purple-400`\ntw`stroke-purple-500`\ntw`stroke-purple-600`\ntw`stroke-purple-700`\ntw`stroke-purple-800`\ntw`stroke-purple-900`\ntw`stroke-fuchsia-50`\ntw`stroke-fuchsia-100`\ntw`stroke-fuchsia-200`\ntw`stroke-fuchsia-300`\ntw`stroke-fuchsia-400`\ntw`stroke-fuchsia-500`\ntw`stroke-fuchsia-600`\ntw`stroke-fuchsia-700`\ntw`stroke-fuchsia-800`\ntw`stroke-fuchsia-900`\ntw`stroke-pink-50`\ntw`stroke-pink-100`\ntw`stroke-pink-200`\ntw`stroke-pink-300`\ntw`stroke-pink-400`\ntw`stroke-pink-500`\ntw`stroke-pink-600`\ntw`stroke-pink-700`\ntw`stroke-pink-800`\ntw`stroke-pink-900`\ntw`stroke-rose-50`\ntw`stroke-rose-100`\ntw`stroke-rose-200`\ntw`stroke-rose-300`\ntw`stroke-rose-400`\ntw`stroke-rose-500`\ntw`stroke-rose-600`\ntw`stroke-rose-700`\ntw`stroke-rose-800`\ntw`stroke-rose-900`\n\ntw`stroke-[#243c5a]`\n\ntw`stroke-red-500`\ntw`stroke-red-500/25`\ntw`stroke-red-500/fromConfig`\ntw`stroke-red-500/fromConfig/25`\ntw`stroke-red-500/fromConfig/[.555]`\ntw`stroke-red-500/fromConfig/[var(--myvar)]`\ntw`stroke-red-500/[.555]`\ntw`stroke-red-500/[var(--myvar)]`\ntw`stroke-[theme('colors.red.500')]`\ntw`stroke-[theme('colors.red.500')]/20`\n\ntw`stroke-electric`\ntw`stroke-electric/25`\ntw`stroke-electric/[.555]`\ntw`stroke-electric/[var(--myvar)]`\ntw`stroke-[theme('colors.electric')]`\ntw`stroke-[theme('colors.electric')]/20`\n\ntw`stroke-[color:green]`\ntw`stroke-[color:rgba(255, 255, 255, .45)]`\ntw`stroke-[length:10px]`\n" }, { "path": "tests/__fixtures__/utilitiesSvg/strokeWidth.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/stroke-width\ntheme`strokeWidth`\n\ntw`stroke-0`\ntw`stroke-1`\ntw`stroke-2`\n\ntw`stroke-[2px]`\n\ntw`stroke-[color:red]`\ntw`stroke-[length:2px]`\ntw`stroke-[number:10]`\ntw`stroke-[percentage:10%]`\ntw`stroke-[url:url(hand.cur)_2_2, pointer]`\n" }, { "path": "tests/__fixtures__/utilitiesSvg/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n colors: {\n 'red-500/fromConfig': '#000',\n electric: ({ opacityVariable, opacityValue }) => {\n if (opacityValue !== undefined) {\n return `rgba(219, 0, 255, ${opacityValue})`\n }\n\n if (opacityVariable !== undefined) {\n return `rgba(219, 0, 255, var(${opacityVariable}, 1))`\n }\n\n return `rgb(219, 0, 255)`\n },\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/utilitiesTransforms/misc.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Test the transform ordering - 'transform' should be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\ntw`mt-5 translate-y-2 transform`\ntw`translate-y-2 mt-5 md:(skew-y-6 transform) mb-5`\n" }, { "path": "tests/__fixtures__/utilitiesTransforms/rotate.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/rotate\ntheme`rotate`\n\ntw`rotate-0`\ntw`rotate-1`\ntw`rotate-2`\ntw`rotate-3`\ntw`rotate-6`\ntw`rotate-12`\ntw`rotate-45`\ntw`rotate-90`\ntw`rotate-180`\ntw`-rotate-1`\ntw`-rotate-2`\ntw`-rotate-3`\ntw`-rotate-6`\ntw`-rotate-12`\ntw`-rotate-45`\ntw`-rotate-90`\ntw`-rotate-180`\n\ntw`rotate-[17deg]`\ntw`rotate-[23deg] rotate-[2.3rad] rotate-[401grad] rotate-[1.5turn]`\n" }, { "path": "tests/__fixtures__/utilitiesTransforms/scale.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/scale\ntheme`scale`\n\ntw`scale-0`\ntw`scale-x-0`\ntw`scale-y-0`\ntw`scale-50`\ntw`scale-x-50`\ntw`scale-y-50`\ntw`scale-75`\ntw`scale-x-75`\ntw`scale-y-75`\ntw`scale-90`\ntw`scale-x-90`\ntw`scale-y-90`\ntw`scale-95`\ntw`scale-x-95`\ntw`scale-y-95`\ntw`scale-100`\ntw`scale-x-100`\ntw`scale-y-100`\ntw`scale-105`\ntw`scale-x-105`\ntw`scale-y-105`\ntw`scale-110`\ntw`scale-x-110`\ntw`scale-y-110`\ntw`scale-125`\ntw`scale-x-125`\ntw`scale-y-125`\ntw`scale-150`\ntw`scale-x-150`\ntw`scale-y-150`\n\ntw`scale-[1.7]`\n" }, { "path": "tests/__fixtures__/utilitiesTransforms/skew.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/skew\ntheme`skew`\n\ntw`skew-x-0`\ntw`skew-y-0`\ntw`skew-x-1`\ntw`skew-y-1`\ntw`skew-x-2`\ntw`skew-y-2`\ntw`skew-x-3`\ntw`skew-y-3`\ntw`skew-x-6`\ntw`skew-y-6`\ntw`skew-x-12`\ntw`skew-y-12`\n\ntw`-skew-x-1`\ntw`-skew-y-1`\ntw`-skew-x-2`\ntw`-skew-y-2`\ntw`-skew-x-3`\ntw`-skew-y-3`\ntw`-skew-x-6`\ntw`-skew-y-6`\ntw`-skew-x-12`\ntw`-skew-y-12`\n\ntw`skew-x-[17deg]`\ntw`-skew-x-[17deg]`\ntw`skew-y-[17deg]`\ntw`-skew-y-[17deg]`\n" }, { "path": "tests/__fixtures__/utilitiesTransforms/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n translate: {\n '-10000': '-5000%',\n 10000: '5000%',\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/utilitiesTransforms/transformOrigin.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transform-origin\ntheme`transformOrigin`\n\ntw`origin-center`\ntw`origin-top`\ntw`origin-top-right`\ntw`origin-right`\ntw`origin-bottom-right`\ntw`origin-bottom`\ntw`origin-bottom-left`\ntw`origin-left`\ntw`origin-top-left`\n\ntw`origin-[33% 75%]`\n" }, { "path": "tests/__fixtures__/utilitiesTransforms/translate.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/translate\n\ntw`translate-x-0`\ntw`translate-y-0`\ntw`translate-x-px`\ntw`translate-y-px`\ntw`translate-x-0.5`\ntw`translate-y-0.5`\ntw`translate-x-1`\ntw`translate-y-1`\ntw`translate-x-1.5`\ntw`translate-y-1.5`\ntw`translate-x-2`\ntw`translate-y-2`\ntw`translate-x-2.5`\ntw`translate-y-2.5`\ntw`translate-x-3`\ntw`translate-y-3`\ntw`translate-x-3.5`\ntw`translate-y-3.5`\ntw`translate-x-4`\ntw`translate-y-4`\ntw`translate-x-5`\ntw`translate-y-5`\ntw`translate-x-6`\ntw`translate-y-6`\ntw`translate-x-7`\ntw`translate-y-7`\ntw`translate-x-8`\ntw`translate-y-8`\ntw`translate-x-9`\ntw`translate-y-9`\ntw`translate-x-10`\ntw`translate-y-10`\ntw`translate-x-11`\ntw`translate-y-11`\ntw`translate-x-12`\ntw`translate-y-12`\ntw`translate-x-14`\ntw`translate-y-14`\ntw`translate-x-16`\ntw`translate-y-16`\ntw`translate-x-20`\ntw`translate-y-20`\ntw`translate-x-24`\ntw`translate-y-24`\ntw`translate-x-28`\ntw`translate-y-28`\ntw`translate-x-32`\ntw`translate-y-32`\ntw`translate-x-36`\ntw`translate-y-36`\ntw`translate-x-40`\ntw`translate-y-40`\ntw`translate-x-44`\ntw`translate-y-44`\ntw`translate-x-48`\ntw`translate-y-48`\ntw`translate-x-52`\ntw`translate-y-52`\ntw`translate-x-56`\ntw`translate-y-56`\ntw`translate-x-60`\ntw`translate-y-60`\ntw`translate-x-64`\ntw`translate-y-64`\ntw`translate-x-72`\ntw`translate-y-72`\ntw`translate-x-80`\ntw`translate-y-80`\ntw`translate-x-96`\ntw`translate-y-96`\ntw`translate-x-1/2`\ntw`translate-x-1/3`\ntw`translate-x-2/3`\ntw`translate-x-1/4`\ntw`translate-x-2/4`\ntw`translate-x-3/4`\ntw`translate-x-full`\ntw`translate-y-1/2`\ntw`translate-y-1/3`\ntw`translate-y-2/3`\ntw`translate-y-1/4`\ntw`translate-y-2/4`\ntw`translate-y-3/4`\ntw`translate-y-full`\n\ntw`transform`\ntw`transform-gpu`\ntw`transform-cpu`\ntw`transform-none`\n\ntw`translate-x-10000`\ntw`-translate-x-10000`\n" }, { "path": "tests/__fixtures__/utilitiesTransitionsAnimation/animation.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/animation\ntheme`animation`\n\ntw`animate-none`\ntw`animate-spin`\ntw`animate-ping`\ntw`animate-pulse`\ntw`animate-bounce`\n\ntw`animate-[wiggle 1s ease-in-out infinite]`\n" }, { "path": "tests/__fixtures__/utilitiesTransitionsAnimation/misc.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Test the transition ordering - 'transition' should be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\ntw`duration-75 ease-in transition`\ntw`mt-5 md:(ml-5 ease-in transition) mb-5`\n" }, { "path": "tests/__fixtures__/utilitiesTransitionsAnimation/transitionDelay.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transition-delay\ntheme`transitionDelay`\n\ntw`delay-75`\ntw`delay-100`\ntw`delay-150`\ntw`delay-200`\ntw`delay-300`\ntw`delay-500`\ntw`delay-700`\ntw`delay-1000`\n\ntw`delay-[2000ms]`\ntw`delay-[var(--delay)]`\n" }, { "path": "tests/__fixtures__/utilitiesTransitionsAnimation/transitionDuration.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transition-duration\ntheme`transitionDuration.`\n\ntw`duration-75`\ntw`duration-100`\ntw`duration-150`\ntw`duration-200`\ntw`duration-300`\ntw`duration-500`\ntw`duration-700`\ntw`duration-1000`\n\ntw`duration-[2000ms]`\ntw`duration-[2s]`\ntw`duration-[var(--app-duration)]`\n" }, { "path": "tests/__fixtures__/utilitiesTransitionsAnimation/transitionProperty.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transition-property\ntheme`transitionProperty.`\n\ntw`transition-none`\ntw`transition-all`\ntw`transition`\ntw`transition-colors`\ntw`transition-opacity`\ntw`transition-shadow`\ntw`transition-transform`\n\ntw`transition-[height]`\n\ntw`transition-[lookup:green]`\n" }, { "path": "tests/__fixtures__/utilitiesTransitionsAnimation/transitionTimingFunction.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transition-timing-function\ntheme`transitionTimingFunction.`\n\ntw`ease-linear`\ntw`ease-in`\ntw`ease-out`\ntw`ease-in-out`\n\ntw`ease-[cubic-bezier(0.95, 0.05, 0.795, 0.035)]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/alignContent.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/align-content\ntw`content-center`\ntw`content-start`\ntw`content-end`\ntw`content-between`\ntw`content-around`\ntw`content-evenly`\ntw`content-baseline`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/alignItems.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/align-items\ntw`items-start`\ntw`items-end`\ntw`items-center`\ntw`items-baseline`\ntw`items-stretch`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/alignSelf.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/align-self\ntw`self-auto`\ntw`self-start`\ntw`self-end`\ntw`self-center`\ntw`self-stretch`\ntw`self-baseline`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/flex.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/flex\ntheme`flex`\n\ntw`flex-1`\ntw`flex-auto`\ntw`flex-initial`\ntw`flex-none`\n\ntw`flex-[2 2 0%]`\ntw`flex-[var(--flex)]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/flexBasis.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/flex-basis\ntheme`flexBasis`\n\ntw`basis-0`\ntw`basis-1`\ntw`basis-2`\ntw`basis-3`\ntw`basis-4`\ntw`basis-5`\ntw`basis-6`\ntw`basis-7`\ntw`basis-8`\ntw`basis-9`\ntw`basis-10`\ntw`basis-11`\ntw`basis-12`\ntw`basis-14`\ntw`basis-16`\ntw`basis-20`\ntw`basis-24`\ntw`basis-28`\ntw`basis-32`\ntw`basis-36`\ntw`basis-40`\ntw`basis-44`\ntw`basis-48`\ntw`basis-52`\ntw`basis-56`\ntw`basis-60`\ntw`basis-64`\ntw`basis-72`\ntw`basis-80`\ntw`basis-96`\ntw`basis-auto`\ntw`basis-px`\ntw`basis-0.5`\ntw`basis-1.5`\ntw`basis-2.5`\ntw`basis-3.5`\ntw`basis-1/2`\ntw`basis-1/3`\ntw`basis-2/3`\ntw`basis-1/4`\ntw`basis-2/4`\ntw`basis-3/4`\ntw`basis-1/5`\ntw`basis-2/5`\ntw`basis-3/5`\ntw`basis-4/5`\ntw`basis-1/6`\ntw`basis-2/6`\ntw`basis-3/6`\ntw`basis-4/6`\ntw`basis-5/6`\ntw`basis-1/12`\ntw`basis-2/12`\ntw`basis-3/12`\ntw`basis-4/12`\ntw`basis-5/12`\ntw`basis-6/12`\ntw`basis-7/12`\ntw`basis-8/12`\ntw`basis-9/12`\ntw`basis-10/12`\ntw`basis-11/12`\ntw`basis-full`\n\ntw`basis-[14.2857143%]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/flexDirection.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/flex-direction\ntw`flex-row`\ntw`flex-row-reverse`\ntw`flex-col`\ntw`flex-col-reverse`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/flexGrow.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/flex-grow\ntheme`flexGrow.`\n\ntw`grow-0`\ntw`grow`\ntw`flex-grow-0` // Deprecated\ntw`flex-grow` // Deprecated\n\ntw`grow-[2]`\ntw`flex-grow-[var(--grow)]` // Deprecated\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/flexShrink.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/flex-shrink\ntheme`flexShrink.`\n\ntw`shrink-0`\ntw`shrink`\ntw`flex-shrink-0` // Deprecated\ntw`flex-shrink` // Deprecated\n\ntw`flex-shrink-[var(--shrink)]` // Deprecated\ntw`shrink-[var(--shrink)]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/flexWrap.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/flex-wrap\ntw`flex-wrap`\ntw`flex-wrap-reverse`\ntw`flex-nowrap`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/gap.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/gap\ntheme`gap`\n\ntw`gap-0`\ntw`gap-0.5`\ntw`gap-1`\ntw`gap-1.5`\ntw`gap-2`\ntw`gap-2.5`\ntw`gap-3`\ntw`gap-3.5`\ntw`gap-4`\ntw`gap-5`\ntw`gap-6`\ntw`gap-7`\ntw`gap-8`\ntw`gap-9`\ntw`gap-10`\ntw`gap-12`\ntw`gap-14`\ntw`gap-16`\ntw`gap-20`\ntw`gap-24`\ntw`gap-28`\ntw`gap-32`\ntw`gap-36`\ntw`gap-40`\ntw`gap-44`\ntw`gap-48`\ntw`gap-52`\ntw`gap-56`\ntw`gap-60`\ntw`gap-64`\ntw`gap-72`\ntw`gap-80`\ntw`gap-96`\ntw`gap-px`\n\ntw`gap-[2.75rem]`\n\n// https://tailwindcss.com/docs/gap\ntw`gap-x-0`\ntw`gap-x-0.5`\ntw`gap-x-1`\ntw`gap-x-1.5`\ntw`gap-x-2`\ntw`gap-x-2.5`\ntw`gap-x-3`\ntw`gap-x-3.5`\ntw`gap-x-4`\ntw`gap-x-5`\ntw`gap-x-6`\ntw`gap-x-8`\ntw`gap-x-10`\ntw`gap-x-12`\ntw`gap-x-16`\ntw`gap-x-20`\ntw`gap-x-24`\ntw`gap-x-32`\ntw`gap-x-40`\ntw`gap-x-48`\ntw`gap-x-56`\ntw`gap-x-64`\ntw`gap-x-px`\n\ntw`gap-x-[2.75rem]`\n\n// https://tailwindcss.com/docs/gap\ntw`gap-y-0`\ntw`gap-y-0.5`\ntw`gap-y-1`\ntw`gap-y-1.5`\ntw`gap-y-2`\ntw`gap-y-2.5`\ntw`gap-y-3`\ntw`gap-y-3.5`\ntw`gap-y-4`\ntw`gap-y-5`\ntw`gap-y-6`\ntw`gap-y-7`\ntw`gap-y-8`\ntw`gap-y-9`\ntw`gap-y-10`\ntw`gap-y-11`\ntw`gap-y-12`\ntw`gap-y-16`\ntw`gap-y-20`\ntw`gap-y-24`\ntw`gap-y-28`\ntw`gap-y-32`\ntw`gap-y-36`\ntw`gap-y-40`\ntw`gap-y-44`\ntw`gap-y-48`\ntw`gap-y-52`\ntw`gap-y-56`\ntw`gap-y-60`\ntw`gap-y-64`\ntw`gap-y-72`\ntw`gap-y-80`\ntw`gap-y-96`\ntw`gap-y-px`\n\ntw`gap-y-[2.75rem]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/gridAutoColumns.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-auto-columns\ntheme`gridAutoColumns`\n\ntw`auto-cols-auto`\ntw`auto-cols-min`\ntw`auto-cols-max`\ntw`auto-cols-fr`\n\ntw`auto-cols-[minmax(0, 2fr)]`\ntw`grid-cols-[200px,repeat(auto-fill,minmax(15%,100px)),300px]`\ntw`lg:grid-cols-[200px,repeat(auto-fill,minmax(15%,100px)),300px]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/gridAutoFlow.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/grid-auto-flow\ntw`grid-flow-row`\ntw`grid-flow-col`\ntw`grid-flow-row-dense`\ntw`grid-flow-col-dense`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/gridAutoRows.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-auto-rows\ntheme`gridAutoRows`\n\ntw`auto-rows-auto`\ntw`auto-rows-min`\ntw`auto-rows-max`\ntw`auto-rows-fr`\n\ntw`grid-rows-[200px, repeat(auto-fill, minmax(15%, 100px)), 300px]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/gridColumn.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-column\ntheme`gridColumn`\n\ntw`col-auto`\ntw`col-span-1`\ntw`col-span-2`\ntw`col-span-3`\ntw`col-span-4`\ntw`col-span-5`\ntw`col-span-6`\ntw`col-span-7`\ntw`col-span-8`\ntw`col-span-9`\ntw`col-span-10`\ntw`col-span-11`\ntw`col-span-12`\ntw`col-span-full`\ntw`col-start-1`\ntw`col-start-2`\ntw`col-start-3`\ntw`col-start-4`\ntw`col-start-5`\ntw`col-start-6`\ntw`col-start-7`\ntw`col-start-8`\ntw`col-start-9`\ntw`col-start-10`\ntw`col-start-11`\ntw`col-start-12`\ntw`col-start-13`\ntw`col-start-auto`\ntw`col-end-1`\ntw`col-end-2`\ntw`col-end-3`\ntw`col-end-4`\ntw`col-end-5`\ntw`col-end-6`\ntw`col-end-7`\ntw`col-end-8`\ntw`col-end-9`\ntw`col-end-10`\ntw`col-end-11`\ntw`col-end-12`\ntw`col-end-13`\ntw`col-end-auto`\n\ntw`col-[7]`\ntw`col-end-[7]`\ntw`col-start-[7]`\n// tw`col-span-[span 16 / span 16]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/gridRow.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-row\ntheme`gridRow`\n\ntw`row-auto`\ntw`row-span-1`\ntw`row-span-2`\ntw`row-span-3`\ntw`row-span-4`\ntw`row-span-5`\ntw`row-span-6`\ntw`row-span-full`\ntw`row-start-1`\ntw`row-start-2`\ntw`row-start-3`\ntw`row-start-4`\ntw`row-start-5`\ntw`row-start-6`\ntw`row-start-7`\ntw`row-start-auto`\ntw`row-end-1`\ntw`row-end-2`\ntw`row-end-3`\ntw`row-end-4`\ntw`row-end-5`\ntw`row-end-6`\ntw`row-end-7`\ntw`row-end-auto`\n\ntw`row-[span 16 / span 16]`\ntw`row-[7]`\ntw`row-end-[7]`\ntw`row-start-[7]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/gridTemplateColumns.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-template-columns\ntheme`gridTemplateColumns`\n\ntw`grid-cols-1`\ntw`grid-cols-2`\ntw`grid-cols-3`\ntw`grid-cols-4`\ntw`grid-cols-5`\ntw`grid-cols-6`\ntw`grid-cols-7`\ntw`grid-cols-8`\ntw`grid-cols-9`\ntw`grid-cols-10`\ntw`grid-cols-11`\ntw`grid-cols-12`\ntw`grid-cols-none`\n\ntw`grid-cols-[200px minmax(900px, 1fr) 100px]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/gridTemplateRows.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-template-rows\ntheme`gridTemplateRows`\n\ntw`grid-rows-1`\ntw`grid-rows-2`\ntw`grid-rows-3`\ntw`grid-rows-4`\ntw`grid-rows-5`\ntw`grid-rows-6`\ntw`grid-rows-none`\n\ntw`grid-rows-[200px minmax(900px, 1fr) 100px]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/justifyContent.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/justify-content\ntw`justify-start`\ntw`justify-end`\ntw`justify-center`\ntw`justify-between`\ntw`justify-around`\ntw`justify-evenly`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/justifyItems.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/justify-items\ntw`justify-items-start`\ntw`justify-items-end`\ntw`justify-items-center`\ntw`justify-items-stretch`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/justifySelf.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/justify-self\ntw`justify-self-auto`\ntw`justify-self-start`\ntw`justify-self-end`\ntw`justify-self-center`\ntw`justify-self-stretch`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/misc.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// col-span-x should always be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\ntw`col-start-3 col-span-3`\ntw`col-span-3 col-start-3`\ntw`col-end-3 col-span-3`\ntw`col-span-3 col-end-3`\ntw`col-start-3 col-end-3 col-span-3`\ntw`col-span-3 col-start-3 col-end-3`\ntw`grid col-span-3`\ntw`grid col-start-3 col-end-3`\ntw`col-start-3 col-span-3 col-end-3 grid`\ntw`col-start-3 mt-4 md:(mt-3 col-span-3) mb-4 col-end-3 col-span-3`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/order.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/order\ntheme`order`\n\ntw`order-1`\ntw`order-2`\ntw`order-3`\ntw`order-4`\ntw`order-5`\ntw`order-6`\ntw`order-7`\ntw`order-8`\ntw`order-9`\ntw`order-10`\ntw`order-11`\ntw`order-12`\ntw`order-first`\ntw`order-last`\ntw`order-none`\n\ntw`order-[13]`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/placeContent.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/place-content\ntw`place-content-center`\ntw`place-content-start`\ntw`place-content-end`\ntw`place-content-between`\ntw`place-content-around`\ntw`place-content-evenly`\ntw`place-content-stretch`\ntw`place-content-baseline`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/placeItems.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/place-items\ntw`place-items-start`\ntw`place-items-end`\ntw`place-items-center`\ntw`place-items-stretch`\ntw`place-items-baseline`\n" }, { "path": "tests/__fixtures__/utiltiesFlexboxGrid/placeSelf.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/place-self\ntw`place-self-auto`\ntw`place-self-start`\ntw`place-self-end`\ntw`place-self-center`\ntw`place-self-stretch`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/accentColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/accent-color\ntheme`accentColor`\n\ntw`accent-inherit`\ntw`accent-current`\ntw`accent-transparent`\ntw`accent-black`\ntw`accent-white`\ntw`accent-slate-50`\ntw`accent-slate-100`\ntw`accent-slate-200`\ntw`accent-slate-300`\ntw`accent-slate-400`\ntw`accent-slate-500`\ntw`accent-slate-600`\ntw`accent-slate-700`\ntw`accent-slate-800`\ntw`accent-slate-900`\ntw`accent-gray-50`\ntw`accent-gray-100`\ntw`accent-gray-200`\ntw`accent-gray-300`\ntw`accent-gray-400`\ntw`accent-gray-500`\ntw`accent-gray-600`\ntw`accent-gray-700`\ntw`accent-gray-800`\ntw`accent-gray-900`\ntw`accent-zinc-50`\ntw`accent-zinc-100`\ntw`accent-zinc-200`\ntw`accent-zinc-300`\ntw`accent-zinc-400`\ntw`accent-zinc-500`\ntw`accent-zinc-600`\ntw`accent-zinc-700`\ntw`accent-zinc-800`\ntw`accent-zinc-900`\ntw`accent-neutral-50`\ntw`accent-neutral-100`\ntw`accent-neutral-200`\ntw`accent-neutral-300`\ntw`accent-neutral-400`\ntw`accent-neutral-500`\ntw`accent-neutral-600`\ntw`accent-neutral-700`\ntw`accent-neutral-800`\ntw`accent-neutral-900`\ntw`accent-stone-50`\ntw`accent-stone-100`\ntw`accent-stone-200`\ntw`accent-stone-300`\ntw`accent-stone-400`\ntw`accent-stone-500`\ntw`accent-stone-600`\ntw`accent-stone-700`\ntw`accent-stone-800`\ntw`accent-stone-900`\ntw`accent-red-50`\ntw`accent-red-100`\ntw`accent-red-200`\ntw`accent-red-300`\ntw`accent-red-400`\ntw`accent-red-500`\ntw`accent-red-600`\ntw`accent-red-700`\ntw`accent-red-800`\ntw`accent-red-900`\ntw`accent-orange-50`\ntw`accent-orange-100`\ntw`accent-orange-200`\ntw`accent-orange-300`\ntw`accent-orange-400`\ntw`accent-orange-500`\ntw`accent-orange-600`\ntw`accent-orange-700`\ntw`accent-orange-800`\ntw`accent-orange-900`\ntw`accent-amber-50`\ntw`accent-amber-100`\ntw`accent-amber-200`\ntw`accent-amber-300`\ntw`accent-amber-400`\ntw`accent-amber-500`\ntw`accent-amber-600`\ntw`accent-amber-700`\ntw`accent-amber-800`\ntw`accent-amber-900`\ntw`accent-yellow-50`\ntw`accent-yellow-100`\ntw`accent-yellow-200`\ntw`accent-yellow-300`\ntw`accent-yellow-400`\ntw`accent-yellow-500`\ntw`accent-yellow-600`\ntw`accent-yellow-700`\ntw`accent-yellow-800`\ntw`accent-yellow-900`\ntw`accent-lime-50`\ntw`accent-lime-100`\ntw`accent-lime-200`\ntw`accent-lime-300`\ntw`accent-lime-400`\ntw`accent-lime-500`\ntw`accent-lime-600`\ntw`accent-lime-700`\ntw`accent-lime-800`\ntw`accent-lime-900`\ntw`accent-green-50`\ntw`accent-green-100`\ntw`accent-green-200`\ntw`accent-green-300`\ntw`accent-green-400`\ntw`accent-green-500`\ntw`accent-green-600`\ntw`accent-green-700`\ntw`accent-green-800`\ntw`accent-green-900`\ntw`accent-emerald-50`\ntw`accent-emerald-100`\ntw`accent-emerald-200`\ntw`accent-emerald-300`\ntw`accent-emerald-400`\ntw`accent-emerald-500`\ntw`accent-emerald-600`\ntw`accent-emerald-700`\ntw`accent-emerald-800`\ntw`accent-emerald-900`\ntw`accent-teal-50`\ntw`accent-teal-100`\ntw`accent-teal-200`\ntw`accent-teal-300`\ntw`accent-teal-400`\ntw`accent-teal-500`\ntw`accent-teal-600`\ntw`accent-teal-700`\ntw`accent-teal-800`\ntw`accent-teal-900`\ntw`accent-cyan-50`\ntw`accent-cyan-100`\ntw`accent-cyan-200`\ntw`accent-cyan-300`\ntw`accent-cyan-400`\ntw`accent-cyan-500`\ntw`accent-cyan-600`\ntw`accent-cyan-700`\ntw`accent-cyan-800`\ntw`accent-cyan-900`\ntw`accent-sky-50`\ntw`accent-sky-100`\ntw`accent-sky-200`\ntw`accent-sky-300`\ntw`accent-sky-400`\ntw`accent-sky-500`\ntw`accent-sky-600`\ntw`accent-sky-700`\ntw`accent-sky-800`\ntw`accent-sky-900`\ntw`accent-blue-50`\ntw`accent-blue-100`\ntw`accent-blue-200`\ntw`accent-blue-300`\ntw`accent-blue-400`\ntw`accent-blue-500`\ntw`accent-blue-600`\ntw`accent-blue-700`\ntw`accent-blue-800`\ntw`accent-blue-900`\ntw`accent-indigo-50`\ntw`accent-indigo-100`\ntw`accent-indigo-200`\ntw`accent-indigo-300`\ntw`accent-indigo-400`\ntw`accent-indigo-500`\ntw`accent-indigo-600`\ntw`accent-indigo-700`\ntw`accent-indigo-800`\ntw`accent-indigo-900`\ntw`accent-violet-50`\ntw`accent-violet-100`\ntw`accent-violet-200`\ntw`accent-violet-300`\ntw`accent-violet-400`\ntw`accent-violet-500`\ntw`accent-violet-600`\ntw`accent-violet-700`\ntw`accent-violet-800`\ntw`accent-violet-900`\ntw`accent-purple-50`\ntw`accent-purple-100`\ntw`accent-purple-200`\ntw`accent-purple-300`\ntw`accent-purple-400`\ntw`accent-purple-500`\ntw`accent-purple-600`\ntw`accent-purple-700`\ntw`accent-purple-800`\ntw`accent-purple-900`\ntw`accent-fuchsia-50`\ntw`accent-fuchsia-100`\ntw`accent-fuchsia-200`\ntw`accent-fuchsia-300`\ntw`accent-fuchsia-400`\ntw`accent-fuchsia-500`\ntw`accent-fuchsia-600`\ntw`accent-fuchsia-700`\ntw`accent-fuchsia-800`\ntw`accent-fuchsia-900`\ntw`accent-pink-50`\ntw`accent-pink-100`\ntw`accent-pink-200`\ntw`accent-pink-300`\ntw`accent-pink-400`\ntw`accent-pink-500`\ntw`accent-pink-600`\ntw`accent-pink-700`\ntw`accent-pink-800`\ntw`accent-pink-900`\ntw`accent-rose-50`\ntw`accent-rose-100`\ntw`accent-rose-200`\ntw`accent-rose-300`\ntw`accent-rose-400`\ntw`accent-rose-500`\ntw`accent-rose-600`\ntw`accent-rose-700`\ntw`accent-rose-800`\ntw`accent-rose-900`\ntw`accent-auto`\n\ntw`accent-[#50d71e]`\ntw`accent-[theme('colors.red.500')]`\ntw`accent-[theme('colors.red.500')]/20`\n\ntw`accent-[color:red]`\ntw`accent-[any:red]`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/appearance.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/appearance\ntw`appearance-none`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/caretColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/caret-color\ntheme`caretColor`\n\ntw`caret-inherit`\ntw`caret-current`\ntw`caret-transparent`\ntw`caret-black`\ntw`caret-white`\ntw`caret-slate-50`\ntw`caret-slate-100`\ntw`caret-slate-200`\ntw`caret-slate-300`\ntw`caret-slate-400`\ntw`caret-slate-500`\ntw`caret-slate-600`\ntw`caret-slate-700`\ntw`caret-slate-800`\ntw`caret-slate-900`\ntw`caret-gray-50`\ntw`caret-gray-100`\ntw`caret-gray-200`\ntw`caret-gray-300`\ntw`caret-gray-400`\ntw`caret-gray-500`\ntw`caret-gray-600`\ntw`caret-gray-700`\ntw`caret-gray-800`\ntw`caret-gray-900`\ntw`caret-zinc-50`\ntw`caret-zinc-100`\ntw`caret-zinc-200`\ntw`caret-zinc-300`\ntw`caret-zinc-400`\ntw`caret-zinc-500`\ntw`caret-zinc-600`\ntw`caret-zinc-700`\ntw`caret-zinc-800`\ntw`caret-zinc-900`\ntw`caret-neutral-50`\ntw`caret-neutral-100`\ntw`caret-neutral-200`\ntw`caret-neutral-300`\ntw`caret-neutral-400`\ntw`caret-neutral-500`\ntw`caret-neutral-600`\ntw`caret-neutral-700`\ntw`caret-neutral-800`\ntw`caret-neutral-900`\ntw`caret-stone-50`\ntw`caret-stone-100`\ntw`caret-stone-200`\ntw`caret-stone-300`\ntw`caret-stone-400`\ntw`caret-stone-500`\ntw`caret-stone-600`\ntw`caret-stone-700`\ntw`caret-stone-800`\ntw`caret-stone-900`\ntw`caret-red-50`\ntw`caret-red-100`\ntw`caret-red-200`\ntw`caret-red-300`\ntw`caret-red-400`\ntw`caret-red-500`\ntw`caret-red-600`\ntw`caret-red-700`\ntw`caret-red-800`\ntw`caret-red-900`\ntw`caret-orange-50`\ntw`caret-orange-100`\ntw`caret-orange-200`\ntw`caret-orange-300`\ntw`caret-orange-400`\ntw`caret-orange-500`\ntw`caret-orange-600`\ntw`caret-orange-700`\ntw`caret-orange-800`\ntw`caret-orange-900`\ntw`caret-amber-50`\ntw`caret-amber-100`\ntw`caret-amber-200`\ntw`caret-amber-300`\ntw`caret-amber-400`\ntw`caret-amber-500`\ntw`caret-amber-600`\ntw`caret-amber-700`\ntw`caret-amber-800`\ntw`caret-amber-900`\ntw`caret-yellow-50`\ntw`caret-yellow-100`\ntw`caret-yellow-200`\ntw`caret-yellow-300`\ntw`caret-yellow-400`\ntw`caret-yellow-500`\ntw`caret-yellow-600`\ntw`caret-yellow-700`\ntw`caret-yellow-800`\ntw`caret-yellow-900`\ntw`caret-lime-50`\ntw`caret-lime-100`\ntw`caret-lime-200`\ntw`caret-lime-300`\ntw`caret-lime-400`\ntw`caret-lime-500`\ntw`caret-lime-600`\ntw`caret-lime-700`\ntw`caret-lime-800`\ntw`caret-lime-900`\ntw`caret-green-50`\ntw`caret-green-100`\ntw`caret-green-200`\ntw`caret-green-300`\ntw`caret-green-400`\ntw`caret-green-500`\ntw`caret-green-600`\ntw`caret-green-700`\ntw`caret-green-800`\ntw`caret-green-900`\ntw`caret-emerald-50`\ntw`caret-emerald-100`\ntw`caret-emerald-200`\ntw`caret-emerald-300`\ntw`caret-emerald-400`\ntw`caret-emerald-500`\ntw`caret-emerald-600`\ntw`caret-emerald-700`\ntw`caret-emerald-800`\ntw`caret-emerald-900`\ntw`caret-teal-50`\ntw`caret-teal-100`\ntw`caret-teal-200`\ntw`caret-teal-300`\ntw`caret-teal-400`\ntw`caret-teal-500`\ntw`caret-teal-600`\ntw`caret-teal-700`\ntw`caret-teal-800`\ntw`caret-teal-900`\ntw`caret-cyan-50`\ntw`caret-cyan-100`\ntw`caret-cyan-200`\ntw`caret-cyan-300`\ntw`caret-cyan-400`\ntw`caret-cyan-500`\ntw`caret-cyan-600`\ntw`caret-cyan-700`\ntw`caret-cyan-800`\ntw`caret-cyan-900`\ntw`caret-sky-50`\ntw`caret-sky-100`\ntw`caret-sky-200`\ntw`caret-sky-300`\ntw`caret-sky-400`\ntw`caret-sky-500`\ntw`caret-sky-600`\ntw`caret-sky-700`\ntw`caret-sky-800`\ntw`caret-sky-900`\ntw`caret-blue-50`\ntw`caret-blue-100`\ntw`caret-blue-200`\ntw`caret-blue-300`\ntw`caret-blue-400`\ntw`caret-blue-500`\ntw`caret-blue-600`\ntw`caret-blue-700`\ntw`caret-blue-800`\ntw`caret-blue-900`\ntw`caret-indigo-50`\ntw`caret-indigo-100`\ntw`caret-indigo-200`\ntw`caret-indigo-300`\ntw`caret-indigo-400`\ntw`caret-indigo-500`\ntw`caret-indigo-600`\ntw`caret-indigo-700`\ntw`caret-indigo-800`\ntw`caret-indigo-900`\ntw`caret-violet-50`\ntw`caret-violet-100`\ntw`caret-violet-200`\ntw`caret-violet-300`\ntw`caret-violet-400`\ntw`caret-violet-500`\ntw`caret-violet-600`\ntw`caret-violet-700`\ntw`caret-violet-800`\ntw`caret-violet-900`\ntw`caret-purple-50`\ntw`caret-purple-100`\ntw`caret-purple-200`\ntw`caret-purple-300`\ntw`caret-purple-400`\ntw`caret-purple-500`\ntw`caret-purple-600`\ntw`caret-purple-700`\ntw`caret-purple-800`\ntw`caret-purple-900`\ntw`caret-fuchsia-50`\ntw`caret-fuchsia-100`\ntw`caret-fuchsia-200`\ntw`caret-fuchsia-300`\ntw`caret-fuchsia-400`\ntw`caret-fuchsia-500`\ntw`caret-fuchsia-600`\ntw`caret-fuchsia-700`\ntw`caret-fuchsia-800`\ntw`caret-fuchsia-900`\ntw`caret-pink-50`\ntw`caret-pink-100`\ntw`caret-pink-200`\ntw`caret-pink-300`\ntw`caret-pink-400`\ntw`caret-pink-500`\ntw`caret-pink-600`\ntw`caret-pink-700`\ntw`caret-pink-800`\ntw`caret-pink-900`\ntw`caret-rose-50`\ntw`caret-rose-100`\ntw`caret-rose-200`\ntw`caret-rose-300`\ntw`caret-rose-400`\ntw`caret-rose-500`\ntw`caret-rose-600`\ntw`caret-rose-700`\ntw`caret-rose-800`\ntw`caret-rose-900`\n\ntw`caret-[#50d71e]`\n\ntw`caret-red-500/25`\ntw`caret-red-500/fromConfig`\ntw`caret-red-500/fromConfig/25`\ntw`caret-red-500/fromConfig/[.555]`\ntw`caret-red-500/fromConfig/[var(--myvar)]`\ntw`caret-red-500/[.555]`\ntw`caret-red-500/[var(--myvar)]`\ntw`caret-[theme('colors.red.500')]`\ntw`caret-[theme('colors.red.500')]/20`\n\ntw`caret-electric`\ntw`caret-electric/25`\ntw`caret-electric/[.555]`\ntw`caret-electric/[var(--myvar)]`\ntw`caret-[theme('colors.electric')]`\ntw`caret-[theme('colors.electric')]/20`\n\ntw`caret-[color:green]`\ntw`caret-[color:rgba(255, 255, 255, .45)]`\ntw`caret-[any:blah]`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/cursor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/cursor\ntheme`cursor`\n\ntw`cursor-auto`\ntw`cursor-default`\ntw`cursor-pointer`\ntw`cursor-wait`\ntw`cursor-text`\ntw`cursor-move`\ntw`cursor-help`\ntw`cursor-not-allowed`\ntw`cursor-none`\ntw`cursor-context-menu`\ntw`cursor-progress`\ntw`cursor-cell`\ntw`cursor-crosshair`\ntw`cursor-vertical-text`\ntw`cursor-alias`\ntw`cursor-copy`\ntw`cursor-no-drop`\ntw`cursor-grab`\ntw`cursor-grabbing`\ntw`cursor-all-scroll`\ntw`cursor-col-resize`\ntw`cursor-row-resize`\ntw`cursor-n-resize`\ntw`cursor-e-resize`\ntw`cursor-s-resize`\ntw`cursor-w-resize`\ntw`cursor-ne-resize`\ntw`cursor-nw-resize`\ntw`cursor-se-resize`\ntw`cursor-sw-resize`\ntw`cursor-ew-resize`\ntw`cursor-ns-resize`\ntw`cursor-nesw-resize`\ntw`cursor-nwse-resize`\ntw`cursor-zoom-in`\ntw`cursor-zoom-out`\n\ntw`cursor-[url(hand.cur), pointer]`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/pointerEvents.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/pointer-events\ntw`pointer-events-none`\ntw`pointer-events-auto`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/resize.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/resize\ntw`resize-none`\ntw`resize-y`\ntw`resize-x`\ntw`resize`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/scrollBehavior.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/scroll-behavior\ntw`scroll-auto`\ntw`scroll-smooth`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/scrollMargin.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/scroll-margin\ntheme`scrollMargin`\n\ntw`scroll-m-0`\ntw`scroll-mx-0`\ntw`scroll-my-0`\ntw`scroll-mt-0`\ntw`scroll-mr-0`\ntw`scroll-mb-0`\ntw`scroll-ml-0`\ntw`scroll-m-px`\ntw`scroll-mx-px`\ntw`scroll-my-px`\ntw`scroll-mt-px`\ntw`scroll-mr-px`\ntw`scroll-mb-px`\ntw`scroll-ml-px`\ntw`scroll-m-0`\ntw`scroll-mx-0`\ntw`scroll-my-0`\ntw`scroll-mt-0`\ntw`scroll-mr-0`\ntw`scroll-mb-0`\ntw`scroll-ml-0`\ntw`scroll-m-1`\ntw`scroll-mx-1`\ntw`scroll-my-1`\ntw`scroll-mt-1`\ntw`scroll-mr-1`\ntw`scroll-mb-1`\ntw`scroll-ml-1`\ntw`scroll-m-1`\ntw`scroll-mx-1`\ntw`scroll-my-1`\ntw`scroll-mt-1`\ntw`scroll-mr-1`\ntw`scroll-mb-1`\ntw`scroll-ml-1`\ntw`scroll-m-2`\ntw`scroll-mx-2`\ntw`scroll-my-2`\ntw`scroll-mt-2`\ntw`scroll-mr-2`\ntw`scroll-mb-2`\ntw`scroll-ml-2`\ntw`scroll-m-2`\ntw`scroll-mx-2`\ntw`scroll-my-2`\ntw`scroll-mt-2`\ntw`scroll-mr-2`\ntw`scroll-mb-2`\ntw`scroll-ml-2`\ntw`scroll-m-3`\ntw`scroll-mx-3`\ntw`scroll-my-3`\ntw`scroll-mt-3`\ntw`scroll-mr-3`\ntw`scroll-mb-3`\ntw`scroll-ml-3`\ntw`scroll-m-3`\ntw`scroll-mx-3`\ntw`scroll-my-3`\ntw`scroll-mt-3`\ntw`scroll-mr-3`\ntw`scroll-mb-3`\ntw`scroll-ml-3`\ntw`scroll-m-4`\ntw`scroll-mx-4`\ntw`scroll-my-4`\ntw`scroll-mt-4`\ntw`scroll-mr-4`\ntw`scroll-mb-4`\ntw`scroll-ml-4`\ntw`scroll-m-5`\ntw`scroll-mx-5`\ntw`scroll-my-5`\ntw`scroll-mt-5`\ntw`scroll-mr-5`\ntw`scroll-mb-5`\ntw`scroll-ml-5`\ntw`scroll-m-6`\ntw`scroll-mx-6`\ntw`scroll-my-6`\ntw`scroll-mt-6`\ntw`scroll-mr-6`\ntw`scroll-mb-6`\ntw`scroll-ml-6`\ntw`scroll-m-7`\ntw`scroll-mx-7`\ntw`scroll-my-7`\ntw`scroll-mt-7`\ntw`scroll-mr-7`\ntw`scroll-mb-7`\ntw`scroll-ml-7`\ntw`scroll-m-8`\ntw`scroll-mx-8`\ntw`scroll-my-8`\ntw`scroll-mt-8`\ntw`scroll-mr-8`\ntw`scroll-mb-8`\ntw`scroll-ml-8`\ntw`scroll-m-9`\ntw`scroll-mx-9`\ntw`scroll-my-9`\ntw`scroll-mt-9`\ntw`scroll-mr-9`\ntw`scroll-mb-9`\ntw`scroll-ml-9`\ntw`scroll-m-10`\ntw`scroll-mx-10`\ntw`scroll-my-10`\ntw`scroll-mt-10`\ntw`scroll-mr-10`\ntw`scroll-mb-10`\ntw`scroll-ml-10`\ntw`scroll-m-11`\ntw`scroll-mx-11`\ntw`scroll-my-11`\ntw`scroll-mt-11`\ntw`scroll-mr-11`\ntw`scroll-mb-11`\ntw`scroll-ml-11`\ntw`scroll-m-12`\ntw`scroll-mx-12`\ntw`scroll-my-12`\ntw`scroll-mt-12`\ntw`scroll-mr-12`\ntw`scroll-mb-12`\ntw`scroll-ml-12`\ntw`scroll-m-14`\ntw`scroll-mx-14`\ntw`scroll-my-14`\ntw`scroll-mt-14`\ntw`scroll-mr-14`\ntw`scroll-mb-14`\ntw`scroll-ml-14`\ntw`scroll-m-16`\ntw`scroll-mx-16`\ntw`scroll-my-16`\ntw`scroll-mt-16`\ntw`scroll-mr-16`\ntw`scroll-mb-16`\ntw`scroll-ml-16`\ntw`scroll-m-20`\ntw`scroll-mx-20`\ntw`scroll-my-20`\ntw`scroll-mt-20`\ntw`scroll-mr-20`\ntw`scroll-mb-20`\ntw`scroll-ml-20`\ntw`scroll-m-24`\ntw`scroll-mx-24`\ntw`scroll-my-24`\ntw`scroll-mt-24`\ntw`scroll-mr-24`\ntw`scroll-mb-24`\ntw`scroll-ml-24`\ntw`scroll-m-28`\ntw`scroll-mx-28`\ntw`scroll-my-28`\ntw`scroll-mt-28`\ntw`scroll-mr-28`\ntw`scroll-mb-28`\ntw`scroll-ml-28`\ntw`scroll-m-32`\ntw`scroll-mx-32`\ntw`scroll-my-32`\ntw`scroll-mt-32`\ntw`scroll-mr-32`\ntw`scroll-mb-32`\ntw`scroll-ml-32`\ntw`scroll-m-36`\ntw`scroll-mx-36`\ntw`scroll-my-36`\ntw`scroll-mt-36`\ntw`scroll-mr-36`\ntw`scroll-mb-36`\ntw`scroll-ml-36`\ntw`scroll-m-40`\ntw`scroll-mx-40`\ntw`scroll-my-40`\ntw`scroll-mt-40`\ntw`scroll-mr-40`\ntw`scroll-mb-40`\ntw`scroll-ml-40`\ntw`scroll-m-44`\ntw`scroll-mx-44`\ntw`scroll-my-44`\ntw`scroll-mt-44`\ntw`scroll-mr-44`\ntw`scroll-mb-44`\ntw`scroll-ml-44`\ntw`scroll-m-48`\ntw`scroll-mx-48`\ntw`scroll-my-48`\ntw`scroll-mt-48`\ntw`scroll-mr-48`\ntw`scroll-mb-48`\ntw`scroll-ml-48`\ntw`scroll-m-52`\ntw`scroll-mx-52`\ntw`scroll-my-52`\ntw`scroll-mt-52`\ntw`scroll-mr-52`\ntw`scroll-mb-52`\ntw`scroll-ml-52`\ntw`scroll-m-56`\ntw`scroll-mx-56`\ntw`scroll-my-56`\ntw`scroll-mt-56`\ntw`scroll-mr-56`\ntw`scroll-mb-56`\ntw`scroll-ml-56`\ntw`scroll-m-60`\ntw`scroll-mx-60`\ntw`scroll-my-60`\ntw`scroll-mt-60`\ntw`scroll-mr-60`\ntw`scroll-mb-60`\ntw`scroll-ml-60`\ntw`scroll-m-64`\ntw`scroll-mx-64`\ntw`scroll-my-64`\ntw`scroll-mt-64`\ntw`scroll-mr-64`\ntw`scroll-mb-64`\ntw`scroll-ml-64`\ntw`scroll-m-72`\ntw`scroll-mx-72`\ntw`scroll-my-72`\ntw`scroll-mt-72`\ntw`scroll-mr-72`\ntw`scroll-mb-72`\ntw`scroll-ml-72`\ntw`scroll-m-80`\ntw`scroll-mx-80`\ntw`scroll-my-80`\ntw`scroll-mt-80`\ntw`scroll-mr-80`\ntw`scroll-mb-80`\ntw`scroll-ml-80`\ntw`scroll-m-96`\ntw`scroll-mx-96`\ntw`scroll-my-96`\ntw`scroll-mt-96`\ntw`scroll-mr-96`\ntw`scroll-mb-96`\ntw`scroll-ml-96`\n\ntw`-scroll-m-96`\ntw`-scroll-mx-96`\ntw`-scroll-my-96`\ntw`-scroll-mt-96`\ntw`-scroll-mr-96`\ntw`-scroll-mb-96`\ntw`-scroll-ml-96`\n\ntw`-scroll-m-[24rem]`\ntw`scroll-m-[24rem]`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/scrollPadding.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/scroll-padding\ntheme`scrollPadding`\n\ntw`scroll-p-0`\ntw`scroll-px-0`\ntw`scroll-py-0`\ntw`scroll-pt-0`\ntw`scroll-pr-0`\ntw`scroll-pb-0`\ntw`scroll-pl-0`\ntw`scroll-p-px`\ntw`scroll-px-px`\ntw`scroll-py-px`\ntw`scroll-pt-px`\ntw`scroll-pr-px`\ntw`scroll-pb-px`\ntw`scroll-pl-px`\ntw`scroll-p-0`\ntw`scroll-px-0`\ntw`scroll-py-0`\ntw`scroll-pt-0`\ntw`scroll-pr-0`\ntw`scroll-pb-0`\ntw`scroll-pl-0`\ntw`scroll-p-1`\ntw`scroll-px-1`\ntw`scroll-py-1`\ntw`scroll-pt-1`\ntw`scroll-pr-1`\ntw`scroll-pb-1`\ntw`scroll-pl-1`\ntw`scroll-p-1`\ntw`scroll-px-1`\ntw`scroll-py-1`\ntw`scroll-pt-1`\ntw`scroll-pr-1`\ntw`scroll-pb-1`\ntw`scroll-pl-1`\ntw`scroll-p-2`\ntw`scroll-px-2`\ntw`scroll-py-2`\ntw`scroll-pt-2`\ntw`scroll-pr-2`\ntw`scroll-pb-2`\ntw`scroll-pl-2`\ntw`scroll-p-2`\ntw`scroll-px-2`\ntw`scroll-py-2`\ntw`scroll-pt-2`\ntw`scroll-pr-2`\ntw`scroll-pb-2`\ntw`scroll-pl-2`\ntw`scroll-p-3`\ntw`scroll-px-3`\ntw`scroll-py-3`\ntw`scroll-pt-3`\ntw`scroll-pr-3`\ntw`scroll-pb-3`\ntw`scroll-pl-3`\ntw`scroll-p-3`\ntw`scroll-px-3`\ntw`scroll-py-3`\ntw`scroll-pt-3`\ntw`scroll-pr-3`\ntw`scroll-pb-3`\ntw`scroll-pl-3`\ntw`scroll-p-4`\ntw`scroll-px-4`\ntw`scroll-py-4`\ntw`scroll-pt-4`\ntw`scroll-pr-4`\ntw`scroll-pb-4`\ntw`scroll-pl-4`\ntw`scroll-p-5`\ntw`scroll-px-5`\ntw`scroll-py-5`\ntw`scroll-pt-5`\ntw`scroll-pr-5`\ntw`scroll-pb-5`\ntw`scroll-pl-5`\ntw`scroll-p-6`\ntw`scroll-px-6`\ntw`scroll-py-6`\ntw`scroll-pt-6`\ntw`scroll-pr-6`\ntw`scroll-pb-6`\ntw`scroll-pl-6`\ntw`scroll-p-7`\ntw`scroll-px-7`\ntw`scroll-py-7`\ntw`scroll-pt-7`\ntw`scroll-pr-7`\ntw`scroll-pb-7`\ntw`scroll-pl-7`\ntw`scroll-p-8`\ntw`scroll-px-8`\ntw`scroll-py-8`\ntw`scroll-pt-8`\ntw`scroll-pr-8`\ntw`scroll-pb-8`\ntw`scroll-pl-8`\ntw`scroll-p-9`\ntw`scroll-px-9`\ntw`scroll-py-9`\ntw`scroll-pt-9`\ntw`scroll-pr-9`\ntw`scroll-pb-9`\ntw`scroll-pl-9`\ntw`scroll-p-10`\ntw`scroll-px-10`\ntw`scroll-py-10`\ntw`scroll-pt-10`\ntw`scroll-pr-10`\ntw`scroll-pb-10`\ntw`scroll-pl-10`\ntw`scroll-p-11`\ntw`scroll-px-11`\ntw`scroll-py-11`\ntw`scroll-pt-11`\ntw`scroll-pr-11`\ntw`scroll-pb-11`\ntw`scroll-pl-11`\ntw`scroll-p-12`\ntw`scroll-px-12`\ntw`scroll-py-12`\ntw`scroll-pt-12`\ntw`scroll-pr-12`\ntw`scroll-pb-12`\ntw`scroll-pl-12`\ntw`scroll-p-14`\ntw`scroll-px-14`\ntw`scroll-py-14`\ntw`scroll-pt-14`\ntw`scroll-pr-14`\ntw`scroll-pb-14`\ntw`scroll-pl-14`\ntw`scroll-p-16`\ntw`scroll-px-16`\ntw`scroll-py-16`\ntw`scroll-pt-16`\ntw`scroll-pr-16`\ntw`scroll-pb-16`\ntw`scroll-pl-16`\ntw`scroll-p-20`\ntw`scroll-px-20`\ntw`scroll-py-20`\ntw`scroll-pt-20`\ntw`scroll-pr-20`\ntw`scroll-pb-20`\ntw`scroll-pl-20`\ntw`scroll-p-24`\ntw`scroll-px-24`\ntw`scroll-py-24`\ntw`scroll-pt-24`\ntw`scroll-pr-24`\ntw`scroll-pb-24`\ntw`scroll-pl-24`\ntw`scroll-p-28`\ntw`scroll-px-28`\ntw`scroll-py-28`\ntw`scroll-pt-28`\ntw`scroll-pr-28`\ntw`scroll-pb-28`\ntw`scroll-pl-28`\ntw`scroll-p-32`\ntw`scroll-px-32`\ntw`scroll-py-32`\ntw`scroll-pt-32`\ntw`scroll-pr-32`\ntw`scroll-pb-32`\ntw`scroll-pl-32`\ntw`scroll-p-36`\ntw`scroll-px-36`\ntw`scroll-py-36`\ntw`scroll-pt-36`\ntw`scroll-pr-36`\ntw`scroll-pb-36`\ntw`scroll-pl-36`\ntw`scroll-p-40`\ntw`scroll-px-40`\ntw`scroll-py-40`\ntw`scroll-pt-40`\ntw`scroll-pr-40`\ntw`scroll-pb-40`\ntw`scroll-pl-40`\ntw`scroll-p-44`\ntw`scroll-px-44`\ntw`scroll-py-44`\ntw`scroll-pt-44`\ntw`scroll-pr-44`\ntw`scroll-pb-44`\ntw`scroll-pl-44`\ntw`scroll-p-48`\ntw`scroll-px-48`\ntw`scroll-py-48`\ntw`scroll-pt-48`\ntw`scroll-pr-48`\ntw`scroll-pb-48`\ntw`scroll-pl-48`\ntw`scroll-p-52`\ntw`scroll-px-52`\ntw`scroll-py-52`\ntw`scroll-pt-52`\ntw`scroll-pr-52`\ntw`scroll-pb-52`\ntw`scroll-pl-52`\ntw`scroll-p-56`\ntw`scroll-px-56`\ntw`scroll-py-56`\ntw`scroll-pt-56`\ntw`scroll-pr-56`\ntw`scroll-pb-56`\ntw`scroll-pl-56`\ntw`scroll-p-60`\ntw`scroll-px-60`\ntw`scroll-py-60`\ntw`scroll-pt-60`\ntw`scroll-pr-60`\ntw`scroll-pb-60`\ntw`scroll-pl-60`\ntw`scroll-p-64`\ntw`scroll-px-64`\ntw`scroll-py-64`\ntw`scroll-pt-64`\ntw`scroll-pr-64`\ntw`scroll-pb-64`\ntw`scroll-pl-64`\ntw`scroll-p-72`\ntw`scroll-px-72`\ntw`scroll-py-72`\ntw`scroll-pt-72`\ntw`scroll-pr-72`\ntw`scroll-pb-72`\ntw`scroll-pl-72`\ntw`scroll-p-80`\ntw`scroll-px-80`\ntw`scroll-py-80`\ntw`scroll-pt-80`\ntw`scroll-pr-80`\ntw`scroll-pb-80`\ntw`scroll-pl-80`\ntw`scroll-p-96`\ntw`scroll-px-96`\ntw`scroll-py-96`\ntw`scroll-pt-96`\ntw`scroll-pr-96`\ntw`scroll-pb-96`\ntw`scroll-pl-96`\n\ntw`scroll-p-[24rem]`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/scrollSnapAlign.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/scroll-snap-align\ntw`snap-start`\ntw`snap-end`\ntw`snap-center`\ntw`snap-align-none`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/scrollSnapStop.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/scroll-snap-stop\ntw`snap-normal`\ntw`snap-always`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/scrollSnapType.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/scroll-snap-type\ntw`snap-none`\ntw`snap-x`\ntw`snap-y`\ntw`snap-both`\ntw`snap-mandatory`\ntw`snap-proximity`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n colors: {\n 'red-500/fromConfig': '#000',\n electric: ({ opacityVariable, opacityValue }) => {\n if (opacityValue !== undefined) {\n return `rgba(219, 0, 255, ${opacityValue})`\n }\n\n if (opacityVariable !== undefined) {\n return `rgba(219, 0, 255, var(${opacityVariable}, 1))`\n }\n\n return `rgb(219, 0, 255)`\n },\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/touchAction.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/touch-action\ntw`touch-auto`\ntw`touch-none`\ntw`touch-pan-x`\ntw`touch-pan-left`\ntw`touch-pan-right`\ntw`touch-pan-y`\ntw`touch-pan-up`\ntw`touch-pan-down`\ntw`touch-pinch-zoom`\ntw`touch-manipulation`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/userSelect.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/user-select\ntw`select-none`\ntw`select-text`\ntw`select-all`\ntw`select-auto`\n" }, { "path": "tests/__fixtures__/utiltiesInteractivity/willChange.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/will-change\ntheme`willChange`\n\ntw`will-change-auto`\ntw`will-change-scroll`\ntw`will-change-contents`\ntw`will-change-transform`\ntw`will-change-[top, left]`\n" }, { "path": "tests/__fixtures__/utiltiesSizing/height.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/height\ntheme`height`\n\ntw`h-0`\ntw`h-px`\ntw`h-0.5`\ntw`h-1`\ntw`h-1.5`\ntw`h-2`\ntw`h-2.5`\ntw`h-3`\ntw`h-3.5`\ntw`h-4`\ntw`h-5`\ntw`h-6`\ntw`h-7`\ntw`h-8`\ntw`h-9`\ntw`h-10`\ntw`h-11`\ntw`h-12`\ntw`h-14`\ntw`h-16`\ntw`h-20`\ntw`h-24`\ntw`h-28`\ntw`h-32`\ntw`h-36`\ntw`h-40`\ntw`h-44`\ntw`h-48`\ntw`h-52`\ntw`h-56`\ntw`h-60`\ntw`h-64`\ntw`h-72`\ntw`h-80`\ntw`h-96`\ntw`h-auto`\ntw`h-1/2`\ntw`h-1/3`\ntw`h-2/3`\ntw`h-1/4`\ntw`h-2/4`\ntw`h-3/4`\ntw`h-1/5`\ntw`h-2/5`\ntw`h-3/5`\ntw`h-4/5`\ntw`h-1/6`\ntw`h-2/6`\ntw`h-3/6`\ntw`h-4/6`\ntw`h-5/6`\ntw`h-full`\ntw`h-screen`\ntw`h-min`\ntw`h-max`\ntw`h-fit`\n\ntw`h-[32rem]`\ntw`h-[3.23rem]`\ntw`h-[calc(100%+1rem)]`\ntw`h-[var(--height)]`\n\ntw`h-[calc(100%-theme('spacing.16'))]`\ntw`h-[calc(100%-theme(\"spacing.16\"))]`\n" }, { "path": "tests/__fixtures__/utiltiesSizing/maxHeight.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/max-height\ntheme`maxHeight`\n\ntw`max-h-0`\ntw`max-h-0.5`\ntw`max-h-1`\ntw`max-h-1.5`\ntw`max-h-2`\ntw`max-h-2.5`\ntw`max-h-3`\ntw`max-h-3.5`\ntw`max-h-none`\ntw`max-h-4`\ntw`max-h-5`\ntw`max-h-6`\ntw`max-h-7`\ntw`max-h-8`\ntw`max-h-9`\ntw`max-h-10`\ntw`max-h-11`\ntw`max-h-12`\ntw`max-h-14`\ntw`max-h-16`\ntw`max-h-20`\ntw`max-h-24`\ntw`max-h-28`\ntw`max-h-32`\ntw`max-h-36`\ntw`max-h-40`\ntw`max-h-44`\ntw`max-h-48`\ntw`max-h-52`\ntw`max-h-56`\ntw`max-h-60`\ntw`max-h-64`\ntw`max-h-72`\ntw`max-h-80`\ntw`max-h-96`\ntw`max-h-px`\ntw`max-h-full`\ntw`max-h-screen`\ntw`max-h-min`\ntw`max-h-max`\ntw`max-h-fit`\n\ntw`max-h-[32rem]`\n" }, { "path": "tests/__fixtures__/utiltiesSizing/maxWidth.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/max-width\ntheme`maxWidth`\n\ntw`max-w-0`\ntw`max-w-none`\ntw`max-w-xs`\ntw`max-w-sm`\ntw`max-w-md`\ntw`max-w-lg`\ntw`max-w-xl`\ntw`max-w-2xl`\ntw`max-w-3xl`\ntw`max-w-4xl`\ntw`max-w-5xl`\ntw`max-w-6xl`\ntw`max-w-7xl`\ntw`max-w-full`\ntw`max-w-min`\ntw`max-w-max`\ntw`max-w-fit`\ntw`max-w-prose`\ntw`max-w-screen-sm`\ntw`max-w-screen-md`\ntw`max-w-screen-lg`\ntw`max-w-screen-xl`\ntw`max-w-screen-2xl`\n\ntw`max-w-[50%]`\n" }, { "path": "tests/__fixtures__/utiltiesSizing/minHeight.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/min-height\ntheme`minHeight`\n\ntw`min-h-0`\ntw`min-h-full`\ntw`min-h-screen`\ntw`min-h-min`\ntw`min-h-max`\ntw`min-h-fit`\n\ntw`min-h-[3.23rem]`\ntw`min-h-[calc(100%+1rem)]`\ntw`min-h-[var(--height)]`\ntw`max-h-[3.23rem]`\ntw`max-h-[calc(100%+1rem)]`\ntw`max-h-[var(--height)]`\n" }, { "path": "tests/__fixtures__/utiltiesSizing/minWidth.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/min-width\ntheme`minWidth`\n\ntw`min-w-0`\ntw`min-w-full`\ntw`min-w-min`\ntw`min-w-max`\ntw`min-w-fit`\n\ntw`min-w-[3.23rem]`\ntw`min-w-[calc(100%+1rem)]`\ntw`min-w-[var(--width)]`\ntw`max-w-[3.23rem]`\ntw`max-w-[calc(100%+1rem)]`\ntw`max-w-[var(--width)]`\n" }, { "path": "tests/__fixtures__/utiltiesSizing/width.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/width\ntheme`width`\n\ntw`w-0`\ntw`w-px`\ntw`w-0.5`\ntw`w-1`\ntw`w-1.5`\ntw`w-2`\ntw`w-2.5`\ntw`w-3`\ntw`w-3.5`\ntw`w-4`\ntw`w-5`\ntw`w-6`\ntw`w-7`\ntw`w-8`\ntw`w-9`\ntw`w-10`\ntw`w-11`\ntw`w-12`\ntw`w-14`\ntw`w-16`\ntw`w-20`\ntw`w-24`\ntw`w-28`\ntw`w-32`\ntw`w-36`\ntw`w-40`\ntw`w-44`\ntw`w-48`\ntw`w-52`\ntw`w-56`\ntw`w-60`\ntw`w-64`\ntw`w-72`\ntw`w-80`\ntw`w-96`\ntw`w-auto`\ntw`w-1/2`\ntw`w-1/3`\ntw`w-2/3`\ntw`w-1/4`\ntw`w-2/4`\ntw`w-3/4`\ntw`w-1/5`\ntw`w-2/5`\ntw`w-3/5`\ntw`w-4/5`\ntw`w-1/6`\ntw`w-2/6`\ntw`w-3/6`\ntw`w-4/6`\ntw`w-5/6`\ntw`w-1/12`\ntw`w-2/12`\ntw`w-3/12`\ntw`w-4/12`\ntw`w-5/12`\ntw`w-6/12`\ntw`w-7/12`\ntw`w-8/12`\ntw`w-9/12`\ntw`w-10/12`\ntw`w-11/12`\ntw`w-full`\ntw`w-screen`\ntw`w-min`\ntw`w-max`\ntw`w-fit`\n\ntw`w-[3.23rem]`\ntw`w-[calc(100%+1rem)]`\ntw`w-[calc(var(--10-10px,calc(-20px-(-30px--40px)))-50px)]`\ntw`w-[var(--width)]`\ntw`w-[var(--width,calc(100%+1rem))]`\ntw`w-[calc(100%/3-1rem*2)]`\n" }, { "path": "tests/__fixtures__/utiltiesTables/borderCollapse.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/border-collapse\ntw`border-collapse`\ntw`border-separate`\n" }, { "path": "tests/__fixtures__/utiltiesTables/borderSpacing.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/border-spacing\ntheme`borderSpacing`\n\ntw`border-spacing-0`\ntw`border-spacing-x-0`\ntw`border-spacing-y-0`\ntw`border-spacing-px`\ntw`border-spacing-x-px`\ntw`border-spacing-y-px`\ntw`border-spacing-0.5`\ntw`border-spacing-x-0.5`\ntw`border-spacing-y-0.5`\ntw`border-spacing-1`\ntw`border-spacing-x-1`\ntw`border-spacing-y-1`\ntw`border-spacing-1.5`\ntw`border-spacing-x-1.5`\ntw`border-spacing-y-1.5`\ntw`border-spacing-2`\ntw`border-spacing-x-2`\ntw`border-spacing-y-2`\ntw`border-spacing-2.5`\ntw`border-spacing-x-2.5`\ntw`border-spacing-y-2.5`\ntw`border-spacing-3`\ntw`border-spacing-x-3`\ntw`border-spacing-y-3`\ntw`border-spacing-3.5`\ntw`border-spacing-x-3.5`\ntw`border-spacing-y-3.5`\ntw`border-spacing-4`\ntw`border-spacing-x-4`\ntw`border-spacing-y-4`\ntw`border-spacing-5`\ntw`border-spacing-x-5`\ntw`border-spacing-y-5`\ntw`border-spacing-6`\ntw`border-spacing-x-6`\ntw`border-spacing-y-6`\ntw`border-spacing-7`\ntw`border-spacing-x-7`\ntw`border-spacing-y-7`\ntw`border-spacing-8`\ntw`border-spacing-x-8`\ntw`border-spacing-y-8`\ntw`border-spacing-9`\ntw`border-spacing-x-9`\ntw`border-spacing-y-9`\ntw`border-spacing-10`\ntw`border-spacing-x-10`\ntw`border-spacing-y-10`\ntw`border-spacing-11`\ntw`border-spacing-x-11`\ntw`border-spacing-y-11`\ntw`border-spacing-12`\ntw`border-spacing-x-12`\ntw`border-spacing-y-12`\ntw`border-spacing-14`\ntw`border-spacing-x-14`\ntw`border-spacing-y-14`\ntw`border-spacing-16`\ntw`border-spacing-x-16`\ntw`border-spacing-y-16`\ntw`border-spacing-20`\ntw`border-spacing-x-20`\ntw`border-spacing-y-20`\ntw`border-spacing-24`\ntw`border-spacing-x-24`\ntw`border-spacing-y-24`\ntw`border-spacing-28`\ntw`border-spacing-x-28`\ntw`border-spacing-y-28`\ntw`border-spacing-32`\ntw`border-spacing-x-32`\ntw`border-spacing-y-32`\ntw`border-spacing-36`\ntw`border-spacing-x-36`\ntw`border-spacing-y-36`\ntw`border-spacing-40`\ntw`border-spacing-x-40`\ntw`border-spacing-y-40`\ntw`border-spacing-44`\ntw`border-spacing-x-44`\ntw`border-spacing-y-44`\ntw`border-spacing-48`\ntw`border-spacing-x-48`\ntw`border-spacing-y-48`\ntw`border-spacing-52`\ntw`border-spacing-x-52`\ntw`border-spacing-y-52`\ntw`border-spacing-56`\ntw`border-spacing-x-56`\ntw`border-spacing-y-56`\ntw`border-spacing-60`\ntw`border-spacing-x-60`\ntw`border-spacing-y-60`\ntw`border-spacing-64`\ntw`border-spacing-x-64`\ntw`border-spacing-y-64`\ntw`border-spacing-72`\ntw`border-spacing-x-72`\ntw`border-spacing-y-72`\ntw`border-spacing-80`\ntw`border-spacing-x-80`\ntw`border-spacing-y-80`\ntw`border-spacing-96`\ntw`border-spacing-x-96`\ntw`border-spacing-y-96`\n" }, { "path": "tests/__fixtures__/utiltiesTables/captionSide.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/caption-side\ntw`caption-top`\ntw`caption-bottom`\n" }, { "path": "tests/__fixtures__/utiltiesTables/tableLayout.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/table-layout\ntw`table-auto`\ntw`table-fixed`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/fontFamily.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-family\ntw`font-sans`\ntw`font-serif`\ntw`font-mono`\ntw`font-custom`\n\ntw`font-['Open Sans']`\n\ntw`font-[generic-name:fantasy]`\ntw`font-[family-name:'this and that', this]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/fontSize.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/font-size\ntheme`fontSize`\n\ntw`text-xs`\ntw`text-sm`\ntw`text-base`\ntw`text-lg`\ntw`text-xl`\ntw`text-2xl`\ntw`text-3xl`\ntw`text-4xl`\ntw`text-5xl`\ntw`text-6xl`\ntw`text-7xl`\ntw`text-8xl`\ntw`text-9xl`\n\ntw`text-[2.23rem]`\ntw`text-[length:var(--font-size)]`\n\ntw`text-2xl`\ntw`text-3xl`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/fontSmoothing.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-smoothing\ntw`antialiased`\ntw`subpixel-antialiased`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/fontStyle.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-style\ntw`italic`\ntw`not-italic`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/fontVariantNumeric.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-variant-numeric\ntw`normal-nums`\ntw`ordinal`\ntw`slashed-zero`\ntw`lining-nums`\ntw`oldstyle-nums`\ntw`proportional-nums`\ntw`tabular-nums`\ntw`diagonal-fractions`\ntw`stacked-fractions`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/fontWeight.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-weight\ntw`font-thin`\ntw`font-extralight`\ntw`font-light`\ntw`font-normal`\ntw`font-medium`\ntw`font-semibold`\ntw`font-bold`\ntw`font-extrabold`\ntw`font-black`\n\ntw`font-[300]`\ntw`font-[number:medium]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/hyphens.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/hyphens\ntw`hyphens-none`\ntw`hyphens-manual`\ntw`hyphens-auto`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/letterSpacing.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/letter-spacing\ntheme`letterSpacing`\n\ntw`tracking-tighter`\ntw`tracking-tight`\ntw`tracking-normal`\ntw`tracking-wide`\ntw`tracking-wider`\ntw`tracking-widest`\n\ntw`-tracking-tighter`\ntw`-tracking-tight`\ntw`-tracking-normal`\ntw`-tracking-wide`\ntw`-tracking-wider`\ntw`-tracking-widest`\n\ntw`-tracking-[var(--tracking)]`\ntw`tracking-[var(--tracking)]`\ntw`-tracking-[2em]`\ntw`tracking-[.25em]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/lineHeight.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/line-height\ntheme`lineHeight`\n\ntw`leading-3`\ntw`leading-4`\ntw`leading-5`\ntw`leading-6`\ntw`leading-7`\ntw`leading-8`\ntw`leading-9`\ntw`leading-10`\ntw`leading-none`\ntw`leading-tight`\ntw`leading-snug`\ntw`leading-normal`\ntw`leading-relaxed`\ntw`leading-loose`\n\ntw`leading-[3rem]`\ntw`leading-[var(--leading)]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/listStyleImage.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/list-style-image\ntw`list-image-none`\ntw`list-image-[url(checkmark.png)]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/listStylePosition.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/list-style-position\ntw`list-inside`\ntw`list-outside`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/listStyleType.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/list-style-type\ntheme`listStyleType`\n\ntw`list-none`\ntw`list-disc`\ntw`list-decimal`\n\ntw`list-[upper-roman]`\ntw`list-['1F44D']`\ntw`list-[var(--value)]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/placeholderColor.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/placeholder-color\ntw`placeholder-inherit`\ntw`placeholder-current`\ntw`placeholder-transparent`\ntw`placeholder-black`\ntw`placeholder-white`\ntw`placeholder-slate-50`\ntw`placeholder-slate-100`\ntw`placeholder-slate-200`\ntw`placeholder-slate-300`\ntw`placeholder-slate-400`\ntw`placeholder-slate-500`\ntw`placeholder-slate-600`\ntw`placeholder-slate-700`\ntw`placeholder-slate-800`\ntw`placeholder-slate-900`\ntw`placeholder-gray-50`\ntw`placeholder-gray-100`\ntw`placeholder-gray-200`\ntw`placeholder-gray-300`\ntw`placeholder-gray-400`\ntw`placeholder-gray-500`\ntw`placeholder-gray-600`\ntw`placeholder-gray-700`\ntw`placeholder-gray-800`\ntw`placeholder-gray-900`\ntw`placeholder-zinc-50`\ntw`placeholder-zinc-100`\ntw`placeholder-zinc-200`\ntw`placeholder-zinc-300`\ntw`placeholder-zinc-400`\ntw`placeholder-zinc-500`\ntw`placeholder-zinc-600`\ntw`placeholder-zinc-700`\ntw`placeholder-zinc-800`\ntw`placeholder-zinc-900`\ntw`placeholder-neutral-50`\ntw`placeholder-neutral-100`\ntw`placeholder-neutral-200`\ntw`placeholder-neutral-300`\ntw`placeholder-neutral-400`\ntw`placeholder-neutral-500`\ntw`placeholder-neutral-600`\ntw`placeholder-neutral-700`\ntw`placeholder-neutral-800`\ntw`placeholder-neutral-900`\ntw`placeholder-stone-50`\ntw`placeholder-stone-100`\ntw`placeholder-stone-200`\ntw`placeholder-stone-300`\ntw`placeholder-stone-400`\ntw`placeholder-stone-500`\ntw`placeholder-stone-600`\ntw`placeholder-stone-700`\ntw`placeholder-stone-800`\ntw`placeholder-stone-900`\ntw`placeholder-red-50`\ntw`placeholder-red-100`\ntw`placeholder-red-200`\ntw`placeholder-red-300`\ntw`placeholder-red-400`\ntw`placeholder-red-500`\ntw`placeholder-red-600`\ntw`placeholder-red-700`\ntw`placeholder-red-800`\ntw`placeholder-red-900`\ntw`placeholder-orange-50`\ntw`placeholder-orange-100`\ntw`placeholder-orange-200`\ntw`placeholder-orange-300`\ntw`placeholder-orange-400`\ntw`placeholder-orange-500`\ntw`placeholder-orange-600`\ntw`placeholder-orange-700`\ntw`placeholder-orange-800`\ntw`placeholder-orange-900`\ntw`placeholder-amber-50`\ntw`placeholder-amber-100`\ntw`placeholder-amber-200`\ntw`placeholder-amber-300`\ntw`placeholder-amber-400`\ntw`placeholder-amber-500`\ntw`placeholder-amber-600`\ntw`placeholder-amber-700`\ntw`placeholder-amber-800`\ntw`placeholder-amber-900`\ntw`placeholder-yellow-50`\ntw`placeholder-yellow-100`\ntw`placeholder-yellow-200`\ntw`placeholder-yellow-300`\ntw`placeholder-yellow-400`\ntw`placeholder-yellow-500`\ntw`placeholder-yellow-600`\ntw`placeholder-yellow-700`\ntw`placeholder-yellow-800`\ntw`placeholder-yellow-900`\ntw`placeholder-lime-50`\ntw`placeholder-lime-100`\ntw`placeholder-lime-200`\ntw`placeholder-lime-300`\ntw`placeholder-lime-400`\ntw`placeholder-lime-500`\ntw`placeholder-lime-600`\ntw`placeholder-lime-700`\ntw`placeholder-lime-800`\ntw`placeholder-lime-900`\ntw`placeholder-green-50`\ntw`placeholder-green-100`\ntw`placeholder-green-200`\ntw`placeholder-green-300`\ntw`placeholder-green-400`\ntw`placeholder-green-500`\ntw`placeholder-green-600`\ntw`placeholder-green-700`\ntw`placeholder-green-800`\ntw`placeholder-green-900`\ntw`placeholder-emerald-50`\ntw`placeholder-emerald-100`\ntw`placeholder-emerald-200`\ntw`placeholder-emerald-300`\ntw`placeholder-emerald-400`\ntw`placeholder-emerald-500`\ntw`placeholder-emerald-600`\ntw`placeholder-emerald-700`\ntw`placeholder-emerald-800`\ntw`placeholder-emerald-900`\ntw`placeholder-teal-50`\ntw`placeholder-teal-100`\ntw`placeholder-teal-200`\ntw`placeholder-teal-300`\ntw`placeholder-teal-400`\ntw`placeholder-teal-500`\ntw`placeholder-teal-600`\ntw`placeholder-teal-700`\ntw`placeholder-teal-800`\ntw`placeholder-teal-900`\ntw`placeholder-cyan-50`\ntw`placeholder-cyan-100`\ntw`placeholder-cyan-200`\ntw`placeholder-cyan-300`\ntw`placeholder-cyan-400`\ntw`placeholder-cyan-500`\ntw`placeholder-cyan-600`\ntw`placeholder-cyan-700`\ntw`placeholder-cyan-800`\ntw`placeholder-cyan-900`\ntw`placeholder-sky-50`\ntw`placeholder-sky-100`\ntw`placeholder-sky-200`\ntw`placeholder-sky-300`\ntw`placeholder-sky-400`\ntw`placeholder-sky-500`\ntw`placeholder-sky-600`\ntw`placeholder-sky-700`\ntw`placeholder-sky-800`\ntw`placeholder-sky-900`\ntw`placeholder-blue-50`\ntw`placeholder-blue-100`\ntw`placeholder-blue-200`\ntw`placeholder-blue-300`\ntw`placeholder-blue-400`\ntw`placeholder-blue-500`\ntw`placeholder-blue-600`\ntw`placeholder-blue-700`\ntw`placeholder-blue-800`\ntw`placeholder-blue-900`\ntw`placeholder-indigo-50`\ntw`placeholder-indigo-100`\ntw`placeholder-indigo-200`\ntw`placeholder-indigo-300`\ntw`placeholder-indigo-400`\ntw`placeholder-indigo-500`\ntw`placeholder-indigo-600`\ntw`placeholder-indigo-700`\ntw`placeholder-indigo-800`\ntw`placeholder-indigo-900`\ntw`placeholder-violet-50`\ntw`placeholder-violet-100`\ntw`placeholder-violet-200`\ntw`placeholder-violet-300`\ntw`placeholder-violet-400`\ntw`placeholder-violet-500`\ntw`placeholder-violet-600`\ntw`placeholder-violet-700`\ntw`placeholder-violet-800`\ntw`placeholder-violet-900`\ntw`placeholder-purple-50`\ntw`placeholder-purple-100`\ntw`placeholder-purple-200`\ntw`placeholder-purple-300`\ntw`placeholder-purple-400`\ntw`placeholder-purple-500`\ntw`placeholder-purple-600`\ntw`placeholder-purple-700`\ntw`placeholder-purple-800`\ntw`placeholder-purple-900`\ntw`placeholder-fuchsia-50`\ntw`placeholder-fuchsia-100`\ntw`placeholder-fuchsia-200`\ntw`placeholder-fuchsia-300`\ntw`placeholder-fuchsia-400`\ntw`placeholder-fuchsia-500`\ntw`placeholder-fuchsia-600`\ntw`placeholder-fuchsia-700`\ntw`placeholder-fuchsia-800`\ntw`placeholder-fuchsia-900`\ntw`placeholder-pink-50`\ntw`placeholder-pink-100`\ntw`placeholder-pink-200`\ntw`placeholder-pink-300`\ntw`placeholder-pink-400`\ntw`placeholder-pink-500`\ntw`placeholder-pink-600`\ntw`placeholder-pink-700`\ntw`placeholder-pink-800`\ntw`placeholder-pink-900`\ntw`placeholder-rose-50`\ntw`placeholder-rose-100`\ntw`placeholder-rose-200`\ntw`placeholder-rose-300`\ntw`placeholder-rose-400`\ntw`placeholder-rose-500`\ntw`placeholder-rose-600`\ntw`placeholder-rose-700`\ntw`placeholder-rose-800`\ntw`placeholder-rose-900`\n\ntw`placeholder-[red]`\ntw`placeholder-[var(--placeholder)]`\n\ntw`placeholder-red-500/25`\ntw`placeholder-red-500/fromConfig`\ntw`placeholder-red-500/fromConfig/25`\ntw`placeholder-red-500/fromConfig/[.555]`\ntw`placeholder-red-500/fromConfig/[var(--myvar)]`\ntw`placeholder-red-500/[.555]`\ntw`placeholder-red-500/[var(--myvar)]`\ntw`placeholder-[theme('colors.red.500')]`\n\ntw`placeholder-electric`\ntw`placeholder-electric/25`\ntw`placeholder-electric/[.555]`\ntw`placeholder-electric/[var(--myvar)]`\ntw`placeholder-[theme('colors.electric')]`\n\ntw`placeholder-[color:red]`\ntw`placeholder-[any:red]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/placeholderOpacity.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/placeholder-opacity\n// Deprecated in favor of slash opacity syntax\ntw`placeholder-opacity-0`\ntw`placeholder-opacity-5`\ntw`placeholder-opacity-10`\ntw`placeholder-opacity-20`\ntw`placeholder-opacity-25`\ntw`placeholder-opacity-30`\ntw`placeholder-opacity-40`\ntw`placeholder-opacity-50`\ntw`placeholder-opacity-60`\ntw`placeholder-opacity-70`\ntw`placeholder-opacity-75`\ntw`placeholder-opacity-80`\ntw`placeholder-opacity-90`\ntw`placeholder-opacity-95`\ntw`placeholder-opacity-100`\n\ntw`placeholder-opacity-[var(--placeholder-opacity)]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n // https://tailwindcss.com/docs/font-size#providing-a-default-line-height\n fontSize: {\n '2xl': [\n '24px',\n {\n letterSpacing: '-0.01em',\n },\n ],\n // Or with a default line-height as well\n '3xl': [\n '32px',\n {\n letterSpacing: '-0.02em',\n lineHeight: '40px',\n },\n ],\n },\n fontFamily: {\n custom: [\n 'Inter var, sans-serif',\n {\n fontFeatureSettings: '\"cv11\", \"ss01\"',\n fontVariationSettings: '\"opsz\" 32',\n },\n ],\n },\n colors: {\n 'red-500/fromConfig': '#000',\n electric: ({ opacityVariable, opacityValue }) => {\n if (opacityValue !== undefined) {\n return `rgba(219, 0, 255, ${opacityValue})`\n }\n\n if (opacityVariable !== undefined) {\n return `rgba(219, 0, 255, var(${opacityVariable}, 1))`\n }\n\n return `rgb(219, 0, 255)`\n },\n },\n },\n },\n}\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textAlign.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-align\ntw`text-left`\ntw`text-center`\ntw`text-right`\ntw`text-justify`\ntw`text-start`\ntw`text-end`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-color\ntheme`textColor`\n\ntw`text-inherit`\ntw`text-current`\ntw`text-transparent`\ntw`text-black`\ntw`text-white`\ntw`text-slate-50`\ntw`text-slate-100`\ntw`text-slate-200`\ntw`text-slate-300`\ntw`text-slate-400`\ntw`text-slate-500`\ntw`text-slate-600`\ntw`text-slate-700`\ntw`text-slate-800`\ntw`text-slate-900`\ntw`text-gray-50`\ntw`text-gray-100`\ntw`text-gray-200`\ntw`text-gray-300`\ntw`text-gray-400`\ntw`text-gray-500`\ntw`text-gray-600`\ntw`text-gray-700`\ntw`text-gray-800`\ntw`text-gray-900`\ntw`text-zinc-50`\ntw`text-zinc-100`\ntw`text-zinc-200`\ntw`text-zinc-300`\ntw`text-zinc-400`\ntw`text-zinc-500`\ntw`text-zinc-600`\ntw`text-zinc-700`\ntw`text-zinc-800`\ntw`text-zinc-900`\ntw`text-neutral-50`\ntw`text-neutral-100`\ntw`text-neutral-200`\ntw`text-neutral-300`\ntw`text-neutral-400`\ntw`text-neutral-500`\ntw`text-neutral-600`\ntw`text-neutral-700`\ntw`text-neutral-800`\ntw`text-neutral-900`\ntw`text-stone-50`\ntw`text-stone-100`\ntw`text-stone-200`\ntw`text-stone-300`\ntw`text-stone-400`\ntw`text-stone-500`\ntw`text-stone-600`\ntw`text-stone-700`\ntw`text-stone-800`\ntw`text-stone-900`\ntw`text-red-50`\ntw`text-red-100`\ntw`text-red-200`\ntw`text-red-300`\ntw`text-red-400`\ntw`text-red-500`\ntw`text-red-600`\ntw`text-red-700`\ntw`text-red-800`\ntw`text-red-900`\ntw`text-orange-50`\ntw`text-orange-100`\ntw`text-orange-200`\ntw`text-orange-300`\ntw`text-orange-400`\ntw`text-orange-500`\ntw`text-orange-600`\ntw`text-orange-700`\ntw`text-orange-800`\ntw`text-orange-900`\ntw`text-amber-50`\ntw`text-amber-100`\ntw`text-amber-200`\ntw`text-amber-300`\ntw`text-amber-400`\ntw`text-amber-500`\ntw`text-amber-600`\ntw`text-amber-700`\ntw`text-amber-800`\ntw`text-amber-900`\ntw`text-yellow-50`\ntw`text-yellow-100`\ntw`text-yellow-200`\ntw`text-yellow-300`\ntw`text-yellow-400`\ntw`text-yellow-500`\ntw`text-yellow-600`\ntw`text-yellow-700`\ntw`text-yellow-800`\ntw`text-yellow-900`\ntw`text-lime-50`\ntw`text-lime-100`\ntw`text-lime-200`\ntw`text-lime-300`\ntw`text-lime-400`\ntw`text-lime-500`\ntw`text-lime-600`\ntw`text-lime-700`\ntw`text-lime-800`\ntw`text-lime-900`\ntw`text-green-50`\ntw`text-green-100`\ntw`text-green-200`\ntw`text-green-300`\ntw`text-green-400`\ntw`text-green-500`\ntw`text-green-600`\ntw`text-green-700`\ntw`text-green-800`\ntw`text-green-900`\ntw`text-emerald-50`\ntw`text-emerald-100`\ntw`text-emerald-200`\ntw`text-emerald-300`\ntw`text-emerald-400`\ntw`text-emerald-500`\ntw`text-emerald-600`\ntw`text-emerald-700`\ntw`text-emerald-800`\ntw`text-emerald-900`\ntw`text-teal-50`\ntw`text-teal-100`\ntw`text-teal-200`\ntw`text-teal-300`\ntw`text-teal-400`\ntw`text-teal-500`\ntw`text-teal-600`\ntw`text-teal-700`\ntw`text-teal-800`\ntw`text-teal-900`\ntw`text-cyan-50`\ntw`text-cyan-100`\ntw`text-cyan-200`\ntw`text-cyan-300`\ntw`text-cyan-400`\ntw`text-cyan-500`\ntw`text-cyan-600`\ntw`text-cyan-700`\ntw`text-cyan-800`\ntw`text-cyan-900`\ntw`text-sky-50`\ntw`text-sky-100`\ntw`text-sky-200`\ntw`text-sky-300`\ntw`text-sky-400`\ntw`text-sky-500`\ntw`text-sky-600`\ntw`text-sky-700`\ntw`text-sky-800`\ntw`text-sky-900`\ntw`text-blue-50`\ntw`text-blue-100`\ntw`text-blue-200`\ntw`text-blue-300`\ntw`text-blue-400`\ntw`text-blue-500`\ntw`text-blue-600`\ntw`text-blue-700`\ntw`text-blue-800`\ntw`text-blue-900`\ntw`text-indigo-50`\ntw`text-indigo-100`\ntw`text-indigo-200`\ntw`text-indigo-300`\ntw`text-indigo-400`\ntw`text-indigo-500`\ntw`text-indigo-600`\ntw`text-indigo-700`\ntw`text-indigo-800`\ntw`text-indigo-900`\ntw`text-violet-50`\ntw`text-violet-100`\ntw`text-violet-200`\ntw`text-violet-300`\ntw`text-violet-400`\ntw`text-violet-500`\ntw`text-violet-600`\ntw`text-violet-700`\ntw`text-violet-800`\ntw`text-violet-900`\ntw`text-purple-50`\ntw`text-purple-100`\ntw`text-purple-200`\ntw`text-purple-300`\ntw`text-purple-400`\ntw`text-purple-500`\ntw`text-purple-600`\ntw`text-purple-700`\ntw`text-purple-800`\ntw`text-purple-900`\ntw`text-fuchsia-50`\ntw`text-fuchsia-100`\ntw`text-fuchsia-200`\ntw`text-fuchsia-300`\ntw`text-fuchsia-400`\ntw`text-fuchsia-500`\ntw`text-fuchsia-600`\ntw`text-fuchsia-700`\ntw`text-fuchsia-800`\ntw`text-fuchsia-900`\ntw`text-pink-50`\ntw`text-pink-100`\ntw`text-pink-200`\ntw`text-pink-300`\ntw`text-pink-400`\ntw`text-pink-500`\ntw`text-pink-600`\ntw`text-pink-700`\ntw`text-pink-800`\ntw`text-pink-900`\ntw`text-rose-50`\ntw`text-rose-100`\ntw`text-rose-200`\ntw`text-rose-300`\ntw`text-rose-400`\ntw`text-rose-500`\ntw`text-rose-600`\ntw`text-rose-700`\ntw`text-rose-800`\ntw`text-rose-900`\n\ntw`text-blue-600/50`\ntw`text-blue-600/[.5]`\ntw`text-[#50d71e]`\ntw`text-[color:var(--color)]`\n\ntw`text-red-500`\ntw`text-red-500/25`\ntw`text-red-500/fromConfig`\ntw`text-red-500/fromConfig/25`\ntw`text-red-500/fromConfig/[.555]`\ntw`text-red-500/fromConfig/[var(--myvar)]`\ntw`text-red-500/[.555]`\ntw`text-red-500/[var(--myvar)]`\ntw`text-[theme('colors.red.500')]`\ntw`text-[theme('colors.red.500')]/20`\n\ntw`text-electric`\ntw`text-electric/25`\ntw`text-electric/[.555]`\ntw`text-electric/[var(--myvar)]`\ntw`text-[theme('colors.electric')]`\ntw`text-[theme('colors.electric')]/20`\n\ntw`text-[color:green]`\ntw`text-[color:rgba(255, 255, 255, .45)]`\ntw`text-[absolute-size:medium]`\ntw`text-[relative-size:larger]`\ntw`text-[length:10px]`\ntw`text-[percentage:10%]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textDecoration.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-decoration\ntw`underline`\ntw`overline`\ntw`line-through`\ntw`no-underline`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textDecorationColor.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-decoration-color\ntheme`textDecorationColor`\n\ntw`decoration-inherit`\ntw`decoration-current`\ntw`decoration-transparent`\ntw`decoration-black`\ntw`decoration-white`\ntw`decoration-slate-50`\ntw`decoration-slate-100`\ntw`decoration-slate-200`\ntw`decoration-slate-300`\ntw`decoration-slate-400`\ntw`decoration-slate-500`\ntw`decoration-slate-600`\ntw`decoration-slate-700`\ntw`decoration-slate-800`\ntw`decoration-slate-900`\ntw`decoration-gray-50`\ntw`decoration-gray-100`\ntw`decoration-gray-200`\ntw`decoration-gray-300`\ntw`decoration-gray-400`\ntw`decoration-gray-500`\ntw`decoration-gray-600`\ntw`decoration-gray-700`\ntw`decoration-gray-800`\ntw`decoration-gray-900`\ntw`decoration-zinc-50`\ntw`decoration-zinc-100`\ntw`decoration-zinc-200`\ntw`decoration-zinc-300`\ntw`decoration-zinc-400`\ntw`decoration-zinc-500`\ntw`decoration-zinc-600`\ntw`decoration-zinc-700`\ntw`decoration-zinc-800`\ntw`decoration-zinc-900`\ntw`decoration-neutral-50`\ntw`decoration-neutral-100`\ntw`decoration-neutral-200`\ntw`decoration-neutral-300`\ntw`decoration-neutral-400`\ntw`decoration-neutral-500`\ntw`decoration-neutral-600`\ntw`decoration-neutral-700`\ntw`decoration-neutral-800`\ntw`decoration-neutral-900`\ntw`decoration-stone-50`\ntw`decoration-stone-100`\ntw`decoration-stone-200`\ntw`decoration-stone-300`\ntw`decoration-stone-400`\ntw`decoration-stone-500`\ntw`decoration-stone-600`\ntw`decoration-stone-700`\ntw`decoration-stone-800`\ntw`decoration-stone-900`\ntw`decoration-red-50`\ntw`decoration-red-100`\ntw`decoration-red-200`\ntw`decoration-red-300`\ntw`decoration-red-400`\ntw`decoration-red-500`\ntw`decoration-red-600`\ntw`decoration-red-700`\ntw`decoration-red-800`\ntw`decoration-red-900`\ntw`decoration-orange-50`\ntw`decoration-orange-100`\ntw`decoration-orange-200`\ntw`decoration-orange-300`\ntw`decoration-orange-400`\ntw`decoration-orange-500`\ntw`decoration-orange-600`\ntw`decoration-orange-700`\ntw`decoration-orange-800`\ntw`decoration-orange-900`\ntw`decoration-amber-50`\ntw`decoration-amber-100`\ntw`decoration-amber-200`\ntw`decoration-amber-300`\ntw`decoration-amber-400`\ntw`decoration-amber-500`\ntw`decoration-amber-600`\ntw`decoration-amber-700`\ntw`decoration-amber-800`\ntw`decoration-amber-900`\ntw`decoration-yellow-50`\ntw`decoration-yellow-100`\ntw`decoration-yellow-200`\ntw`decoration-yellow-300`\ntw`decoration-yellow-400`\ntw`decoration-yellow-500`\ntw`decoration-yellow-600`\ntw`decoration-yellow-700`\ntw`decoration-yellow-800`\ntw`decoration-yellow-900`\ntw`decoration-lime-50`\ntw`decoration-lime-100`\ntw`decoration-lime-200`\ntw`decoration-lime-300`\ntw`decoration-lime-400`\ntw`decoration-lime-500`\ntw`decoration-lime-600`\ntw`decoration-lime-700`\ntw`decoration-lime-800`\ntw`decoration-lime-900`\ntw`decoration-green-50`\ntw`decoration-green-100`\ntw`decoration-green-200`\ntw`decoration-green-300`\ntw`decoration-green-400`\ntw`decoration-green-500`\ntw`decoration-green-600`\ntw`decoration-green-700`\ntw`decoration-green-800`\ntw`decoration-green-900`\ntw`decoration-emerald-50`\ntw`decoration-emerald-100`\ntw`decoration-emerald-200`\ntw`decoration-emerald-300`\ntw`decoration-emerald-400`\ntw`decoration-emerald-500`\ntw`decoration-emerald-600`\ntw`decoration-emerald-700`\ntw`decoration-emerald-800`\ntw`decoration-emerald-900`\ntw`decoration-teal-50`\ntw`decoration-teal-100`\ntw`decoration-teal-200`\ntw`decoration-teal-300`\ntw`decoration-teal-400`\ntw`decoration-teal-500`\ntw`decoration-teal-600`\ntw`decoration-teal-700`\ntw`decoration-teal-800`\ntw`decoration-teal-900`\ntw`decoration-cyan-50`\ntw`decoration-cyan-100`\ntw`decoration-cyan-200`\ntw`decoration-cyan-300`\ntw`decoration-cyan-400`\ntw`decoration-cyan-500`\ntw`decoration-cyan-600`\ntw`decoration-cyan-700`\ntw`decoration-cyan-800`\ntw`decoration-cyan-900`\ntw`decoration-sky-50`\ntw`decoration-sky-100`\ntw`decoration-sky-200`\ntw`decoration-sky-300`\ntw`decoration-sky-400`\ntw`decoration-sky-500`\ntw`decoration-sky-600`\ntw`decoration-sky-700`\ntw`decoration-sky-800`\ntw`decoration-sky-900`\ntw`decoration-blue-50`\ntw`decoration-blue-100`\ntw`decoration-blue-200`\ntw`decoration-blue-300`\ntw`decoration-blue-400`\ntw`decoration-blue-500`\ntw`decoration-blue-600`\ntw`decoration-blue-700`\ntw`decoration-blue-800`\ntw`decoration-blue-900`\ntw`decoration-indigo-50`\ntw`decoration-indigo-100`\ntw`decoration-indigo-200`\ntw`decoration-indigo-300`\ntw`decoration-indigo-400`\ntw`decoration-indigo-500`\ntw`decoration-indigo-600`\ntw`decoration-indigo-700`\ntw`decoration-indigo-800`\ntw`decoration-indigo-900`\ntw`decoration-violet-50`\ntw`decoration-violet-100`\ntw`decoration-violet-200`\ntw`decoration-violet-300`\ntw`decoration-violet-400`\ntw`decoration-violet-500`\ntw`decoration-violet-600`\ntw`decoration-violet-700`\ntw`decoration-violet-800`\ntw`decoration-violet-900`\ntw`decoration-purple-50`\ntw`decoration-purple-100`\ntw`decoration-purple-200`\ntw`decoration-purple-300`\ntw`decoration-purple-400`\ntw`decoration-purple-500`\ntw`decoration-purple-600`\ntw`decoration-purple-700`\ntw`decoration-purple-800`\ntw`decoration-purple-900`\ntw`decoration-fuchsia-50`\ntw`decoration-fuchsia-100`\ntw`decoration-fuchsia-200`\ntw`decoration-fuchsia-300`\ntw`decoration-fuchsia-400`\ntw`decoration-fuchsia-500`\ntw`decoration-fuchsia-600`\ntw`decoration-fuchsia-700`\ntw`decoration-fuchsia-800`\ntw`decoration-fuchsia-900`\ntw`decoration-pink-50`\ntw`decoration-pink-100`\ntw`decoration-pink-200`\ntw`decoration-pink-300`\ntw`decoration-pink-400`\ntw`decoration-pink-500`\ntw`decoration-pink-600`\ntw`decoration-pink-700`\ntw`decoration-pink-800`\ntw`decoration-pink-900`\ntw`decoration-rose-50`\ntw`decoration-rose-100`\ntw`decoration-rose-200`\ntw`decoration-rose-300`\ntw`decoration-rose-400`\ntw`decoration-rose-500`\ntw`decoration-rose-600`\ntw`decoration-rose-700`\ntw`decoration-rose-800`\ntw`decoration-rose-900`\n\ntw`decoration-red-600`\ntw`decoration-[#50d71e]`\ntw`decoration-[black]`\ntw`decoration-[rgb(123,123,123)]`\ntw`decoration-[rgb(123,_123,_123)]`\ntw`decoration-[rgb(123_123_123)]`\ntw`decoration-[black]/20` // `decoration-[rgb(123_123_123)]/20` unsupported\ntw`decoration-[black]/[20]` // `decoration-[rgb(123_123_123)]/[20]` unsupported\ntw`decoration-[color:#50d71e]`\ntw`decoration-[color:var(--color)]` // `decoration-[var(--color)]` unsupported\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textDecorationStyle.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-decoration-style\ntw`decoration-solid`\ntw`decoration-double`\ntw`decoration-dotted`\ntw`decoration-dashed`\ntw`decoration-wavy`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textDecorationThickness.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-decoration-thickness\ntheme`textDecorationThickness`\n\ntw`decoration-auto`\ntw`decoration-from-font`\ntw`decoration-0`\ntw`decoration-1`\ntw`decoration-2`\ntw`decoration-4`\ntw`decoration-8`\n\ntw`decoration-[length:10px]`\ntw`decoration-[percentage:10%]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textIndent.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-indent\ntheme`textIndent`\n\ntw`indent-0`\ntw`indent-px`\ntw`indent-0.5`\ntw`indent-1`\ntw`indent-1.5`\ntw`indent-2`\ntw`indent-2.5`\ntw`indent-3`\ntw`indent-3.5`\ntw`indent-4`\ntw`indent-5`\ntw`indent-6`\ntw`indent-7`\ntw`indent-8`\ntw`indent-9`\ntw`indent-10`\ntw`indent-11`\ntw`indent-12`\ntw`indent-14`\ntw`indent-16`\ntw`indent-20`\ntw`indent-24`\ntw`indent-28`\ntw`indent-32`\ntw`indent-36`\ntw`indent-40`\ntw`indent-44`\ntw`indent-48`\ntw`indent-52`\ntw`indent-56`\ntw`indent-60`\ntw`indent-64`\ntw`indent-72`\ntw`indent-80`\ntw`indent-96`\n\ntw`-indent-0`\ntw`-indent-px`\ntw`-indent-0.5`\ntw`-indent-1`\ntw`-indent-1.5`\ntw`-indent-2`\ntw`-indent-2.5`\ntw`-indent-3`\ntw`-indent-3.5`\ntw`-indent-4`\ntw`-indent-5`\ntw`-indent-6`\ntw`-indent-7`\ntw`-indent-8`\ntw`-indent-9`\ntw`-indent-10`\ntw`-indent-11`\ntw`-indent-12`\ntw`-indent-14`\ntw`-indent-16`\ntw`-indent-20`\ntw`-indent-24`\ntw`-indent-28`\ntw`-indent-32`\ntw`-indent-36`\ntw`-indent-40`\ntw`-indent-44`\ntw`-indent-48`\ntw`-indent-52`\ntw`-indent-56`\ntw`-indent-60`\ntw`-indent-64`\ntw`-indent-72`\ntw`-indent-80`\ntw`-indent-96`\n\ntw`indent-[50%]`\ntw`indent-[length:10px]`\ntw`indent-[lookup:10px]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textOpacity.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-opacity\n// Deprecated in favor of slash opacity syntax\ntw`text-opacity-0`\ntw`text-opacity-5`\ntw`text-opacity-10`\ntw`text-opacity-20`\ntw`text-opacity-25`\ntw`text-opacity-30`\ntw`text-opacity-40`\ntw`text-opacity-50`\ntw`text-opacity-60`\ntw`text-opacity-70`\ntw`text-opacity-75`\ntw`text-opacity-80`\ntw`text-opacity-90`\ntw`text-opacity-95`\ntw`text-opacity-100`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textOverflow.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-overflow\ntw`truncate`\ntw`text-ellipsis`\ntw`text-clip`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textTransform.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-transform\ntw`uppercase`\ntw`lowercase`\ntw`capitalize`\ntw`normal-case`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/textUnderlineOffset.tsx", "content": "// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-underline-offset\ntheme`textUnderlineOffset`\n\ntw`underline-offset-auto`\ntw`underline-offset-0`\ntw`underline-offset-1`\ntw`underline-offset-2`\ntw`underline-offset-4`\ntw`underline-offset-8`\n\ntw`underline-offset-[3px]`\ntw`underline-offset-[length:3px]`\ntw`underline-offset-[30%]`\ntw`underline-offset-[percentage:30%]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/verticalAlign.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/vertical-align\ntw`align-baseline`\ntw`align-top`\ntw`align-middle`\ntw`align-bottom`\ntw`align-text-top`\ntw`align-text-bottom`\ntw`align-sub`\ntw`align-super`\n\ntw`align-[something]`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/whitespace.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/whitespace\ntw`whitespace-normal`\ntw`whitespace-nowrap`\ntw`whitespace-pre`\ntw`whitespace-pre-line`\ntw`whitespace-pre-wrap`\n" }, { "path": "tests/__fixtures__/utiltiesTypography/wordBreak.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/word-break\ntw`break-keep`\ntw`break-normal`\ntw`break-words`\ntw`break-all`\n" }, { "path": "tests/__fixtures__/variables/tailwind.config.js", "content": "module.exports = {\n theme: {\n extend: {\n spacing: {\n 'gutter-1/2': 'var(--gutter-half)',\n },\n },\n },\n plugins: [addComponentsTestCssVariableAsRuleProperty],\n}\n\nfunction addComponentsTestCssVariableAsRuleProperty({ addComponents }) {\n const styles = [\n {\n '.css-class-with-variable-as-rule-property': {\n '--some-css-variable-as-rule-prop': 'blue',\n },\n },\n ]\n\n addComponents(styles)\n}\n" }, { "path": "tests/__fixtures__/variables/variables.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\n// Test a user created css class with a css variable as a rule property\ntw`css-class-with-variable-as-rule-property`\n\n// Test negative css variables\ntw`-mx-gutter-1/2`\n" }, { "path": "tests/__fixtures__/variantOrdering/variantOrdering.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`before:valid:rtl:motion-safe:contrast-more:dark:print:portrait:any-pointer-fine:block`\n\ntw`any-pointer-fine:portrait:print:dark:contrast-more:motion-safe:rtl:valid:before:mt-5`\n" }, { "path": "tests/__fixtures__/visitedOpacity/visitedOpacity.tsx", "content": "// @ts-nocheck\nimport tw from '../macro'\n\ntw`visited:border-red-500 visited:bg-red-500 visited:text-red-500`\ntw`visited:border-red-500/20 visited:bg-red-500/20 visited:text-red-500/20`\ntw`visited:border-red-500/[20] visited:bg-red-500/[20] visited:text-red-500/[20]`\ntw`visited:(border-red-500) visited:(bg-red-500) visited:(text-red-500)`\n" }, { "path": "tests/__snapshots__/plugin.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`twin.macro !general.tsx: !general.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n/**\n * Misc usage tests\n */\n\nconst styles = tw\\`uppercase\\`\nconst Box = tw.div\\`text-red-500\\`\nconst BoxExtended = tw(Box)\\`bg-blue-500\\`\n\n// Media queries\n\nconst MediaProperty = tw\\`lg:uppercase\\`\nconst MediaColorProperty = tw.div\\`lg:text-red-500\\`\nconst ElementMediaColorProperty = tw(Box)\\`lg:bg-blue-500\\`\nconst MediaPropertyDuplicates = tw\\`lg:bg-blue-500 lg:bg-black\\`\n\n// Only basic evaluations supported\n// No functions or \"beyond basic\" conditionals.\nconst plainConditional = true && 'red'\nconst plainVariable = \\`bg-\\${plainConditional}-500\\`\ntw\\`\\${plainVariable}\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport _styled from '@emotion/styled'\n\n/**\n * Misc usage tests\n */\nconst styles = {\n textTransform: 'uppercase',\n}\n\nconst Box = _styled.div({\n '--tw-text-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-text-opacity))',\n})\n\nconst BoxExtended = _styled(Box)({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(59 130 246 / var(--tw-bg-opacity))',\n}) // Media queries\n\nconst MediaProperty = {\n '@media (min-width: 1024px)': {\n textTransform: 'uppercase',\n },\n}\n\nconst MediaColorProperty = _styled.div({\n '@media (min-width: 1024px)': {\n '--tw-text-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-text-opacity))',\n },\n})\n\nconst ElementMediaColorProperty = _styled(Box)({\n '@media (min-width: 1024px)': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(59 130 246 / var(--tw-bg-opacity))',\n },\n})\n\nconst MediaPropertyDuplicates = {\n '@media (min-width: 1024px)': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(59 130 246 / var(--tw-bg-opacity))',\n },\n} // Only basic evaluations supported\n// No functions or \"beyond basic\" conditionals.\n\nconst plainConditional = true && 'red'\nconst plainVariable = \\`bg-\\${plainConditional}-500\\`\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(239 68 68 / var(--tw-bg-opacity))',\n})\n\n\n`;\n\nexports[`twin.macro !important.tsx: !important.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\nconst Box = tw.div\\`text-red-500\\`\n\nconst Important = tw\\`lg:uppercase!\\`\nconst MediaImportant = tw.div\\`lg:text-red-500!\\`\nconst ElementMediaImportant = tw(Box)\\`lg:bg-blue-500!\\`\n\nconst PlaceholderImportant = tw.input\\`placeholder-red-500!\\`\nconst StateImportant = tw.input\\`hover:text-red-500!\\`\nconst StatePlaceholderImportant = tw.input\\`hover:placeholder-red-500!\\`\nconst StateStatePlaceholderImportant = tw.input\\`active:hover:placeholder-red-500!\\`\nconst StateMultiplePropertiesImportant = tw.input\\`hover:truncate!\\`\nconst MediaStateMultiplePropertiesImportant = tw.input\\`lg:hover:truncate!\\`\nconst ElementMediaStateMultiplePropertiesImportant = tw(Box)\\`lg:hover:truncate!\\`\n\nconst JsxPlaceholderImportant = () => \n\nconst ImportantPrefixPrefix = tw\\`lg:!uppercase\\`\nconst MediaImportantPrefix = tw.div\\`lg:!text-red-500\\`\nconst ElementMediaImportantPrefix = tw(Box)\\`lg:!bg-blue-500\\`\n\nconst PlaceholderImportantPrefix = tw.input\\`!placeholder-red-500\\`\nconst StateImportantPrefix = tw.input\\`hover:!text-red-500\\`\nconst StatePlaceholderImportantPrefix = tw.input\\`hover:!placeholder-red-500\\`\nconst StateStatePlaceholderImportantPrefix = tw.input\\`active:hover:!placeholder-red-500\\`\nconst StateMultiplePropertiesImportantPrefix = tw.input\\`hover:!truncate\\`\nconst MediaStateMultiplePropertiesImportantPrefix = tw.input\\`lg:hover:!truncate\\`\nconst ElementMediaStateMultiplePropertiesImportantPrefix = tw(\n Box\n)\\`lg:hover:!truncate\\`\nconst VariantImportantPrefixMergeCheck = tw.div\\`md:!from-black to-[#dc4fc2] bg-gradient-to-r\\`\nconst MultiVariantImportantPrefixMergeCheck = tw.div\\`first:md:!from-black to-[#dc4fc2] bg-gradient-to-r\\`\n\nconst JsxPlaceholderImportantPrefix = () => (\n \n)\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport _styled from '@emotion/styled'\n\nconst Box = _styled.div({\n '--tw-text-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-text-opacity))',\n})\n\nconst Important = {\n '@media (min-width: 1024px)': {\n textTransform: 'uppercase !important',\n },\n}\n\nconst MediaImportant = _styled.div({\n '@media (min-width: 1024px)': {\n '--tw-text-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-text-opacity)) !important',\n },\n})\n\nconst ElementMediaImportant = _styled(Box)({\n '@media (min-width: 1024px)': {\n '--tw-bg-opacity': '1 !important',\n backgroundColor: 'rgb(59 130 246 / var(--tw-bg-opacity)) !important',\n },\n})\n\nconst PlaceholderImportant = _styled.input({\n '::placeholder': {\n '--tw-placeholder-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity)) !important',\n },\n})\n\nconst StateImportant = _styled.input({\n ':hover': {\n '--tw-text-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-text-opacity)) !important',\n },\n})\n\nconst StatePlaceholderImportant = _styled.input({\n ':hover::placeholder': {\n '--tw-placeholder-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity)) !important',\n },\n})\n\nconst StateStatePlaceholderImportant = _styled.input({\n ':active:hover::placeholder': {\n '--tw-placeholder-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity)) !important',\n },\n})\n\nconst StateMultiplePropertiesImportant = _styled.input({\n ':hover': {\n overflow: 'hidden !important',\n textOverflow: 'ellipsis !important',\n whiteSpace: 'nowrap !important',\n },\n})\n\nconst MediaStateMultiplePropertiesImportant = _styled.input({\n '@media (min-width: 1024px)': {\n ':hover': {\n overflow: 'hidden !important',\n textOverflow: 'ellipsis !important',\n whiteSpace: 'nowrap !important',\n },\n },\n})\n\nconst ElementMediaStateMultiplePropertiesImportant = _styled(Box)({\n '@media (min-width: 1024px)': {\n ':hover': {\n overflow: 'hidden !important',\n textOverflow: 'ellipsis !important',\n whiteSpace: 'nowrap !important',\n },\n },\n})\n\nconst JsxPlaceholderImportant = () => (\n \n)\n\nconst ImportantPrefixPrefix = {\n '@media (min-width: 1024px)': {\n textTransform: 'uppercase !important',\n },\n}\n\nconst MediaImportantPrefix = _styled.div({\n '@media (min-width: 1024px)': {\n '--tw-text-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-text-opacity)) !important',\n },\n})\n\nconst ElementMediaImportantPrefix = _styled(Box)({\n '@media (min-width: 1024px)': {\n '--tw-bg-opacity': '1 !important',\n backgroundColor: 'rgb(59 130 246 / var(--tw-bg-opacity)) !important',\n },\n})\n\nconst PlaceholderImportantPrefix = _styled.input({\n '::placeholder': {\n '--tw-placeholder-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity)) !important',\n },\n})\n\nconst StateImportantPrefix = _styled.input({\n ':hover': {\n '--tw-text-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-text-opacity)) !important',\n },\n})\n\nconst StatePlaceholderImportantPrefix = _styled.input({\n ':hover::placeholder': {\n '--tw-placeholder-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity)) !important',\n },\n})\n\nconst StateStatePlaceholderImportantPrefix = _styled.input({\n ':active:hover::placeholder': {\n '--tw-placeholder-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity)) !important',\n },\n})\n\nconst StateMultiplePropertiesImportantPrefix = _styled.input({\n ':hover': {\n overflow: 'hidden !important',\n textOverflow: 'ellipsis !important',\n whiteSpace: 'nowrap !important',\n },\n})\n\nconst MediaStateMultiplePropertiesImportantPrefix = _styled.input({\n '@media (min-width: 1024px)': {\n ':hover': {\n overflow: 'hidden !important',\n textOverflow: 'ellipsis !important',\n whiteSpace: 'nowrap !important',\n },\n },\n})\n\nconst ElementMediaStateMultiplePropertiesImportantPrefix = _styled(Box)({\n '@media (min-width: 1024px)': {\n ':hover': {\n overflow: 'hidden !important',\n textOverflow: 'ellipsis !important',\n whiteSpace: 'nowrap !important',\n },\n },\n})\n\nconst VariantImportantPrefixMergeCheck = _styled.div({\n backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',\n '--tw-gradient-to': '#dc4fc2 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '@media (min-width: 768px)': {\n '--tw-gradient-from': '#000 var(--tw-gradient-from-position) !important',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to':\n 'rgb(0 0 0 / 0) var(--tw-gradient-from-position) !important',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), var(--tw-gradient-to) !important',\n },\n})\n\nconst MultiVariantImportantPrefixMergeCheck = _styled.div({\n backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',\n '--tw-gradient-to': '#dc4fc2 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '@media (min-width: 768px)': {\n ':first-child': {\n '--tw-gradient-from': '#000 var(--tw-gradient-from-position) !important',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to':\n 'rgb(0 0 0 / 0) var(--tw-gradient-from-position) !important',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), var(--tw-gradient-to) !important',\n },\n },\n})\n\nconst JsxPlaceholderImportantPrefix = () => (\n \n)\n\n\n`;\n\nexports[`twin.macro !imports.tsx: !imports.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme, styled, css, GlobalStyles } from '../macro'\n\nconst twPropertyTest =
    \n\nconst twFunctionTest = tw.div\\`text-purple-500\\`\n\nconst cssFunctionTest = (\n \n)\n\nconst styledFunctionTest = styled.div\\`\n \\${css\\`\n \\${tw\\`text-purple-500\\`}\n background-color: purple;\n \\`}\n\\`\n\nconst themeObjectPurple = (\n \n)\n\nconst themeStringFont = (\n \n)\n\nconst themeFontNoLineheight = (\n \n)\n\nconst colorsRed = Object.values(theme\\`colors.red\\`)\n\nconst themeFunctionObjectPurple = (\n \n)\n\nconst themeFunctionStringHeight = (\n \n)\n\nconst themeSquareBrackets = (\n \n)\n\nconst GlobalStylesTest = () => \n\n// Dot syntax\nconst Component = { Sub: () => [] }\n;\n;\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport { css as _css } from '@emotion/react'\nimport _styled from '@emotion/styled'\nimport { Global as _globalImport } from '@emotion/react'\n\nconst _GlobalStyles = () => (\n <_globalImport\n styles={_css\\`*, ::before, ::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: #e5e7eb;\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty,/*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty,/*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);\n}\n::before, ::after {\n --tw-content: '';\n}\nhtml {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-feature-settings: normal;\n font-variation-settings: normal;\n}\nbody {\n margin: 0;\n line-height: inherit;\n}\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\na {\n color: inherit;\n text-decoration: inherit;\n}\nb, strong {\n font-weight: bolder;\n}\ncode, kbd, samp, pre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\nbutton, input, optgroup, select, textarea {\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\nbutton, select {\n text-transform: none;\n}\nbutton, [type='button'], [type='reset'], [type='submit'] {\n -webkit-appearance: button;\n background-color: transparent;\n background-image: none;\n}\n:-moz-focusring {\n outline: auto;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n[type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\nfieldset {\n margin: 0;\n padding: 0;\n}\nlegend {\n padding: 0;\n}\nol, ul, menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\ntextarea {\n resize: vertical;\n}\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n:disabled {\n cursor: default;\n}\nimg, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n}\nimg, video {\n max-width: 100%;\n height: auto;\n}\n[hidden] {\n display: none;\n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty,/*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty,/*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);\n}\\`}\n />\n)\n\nconst twPropertyTest = (\n \n)\n\nconst twFunctionTest = _styled.div({\n '--tw-text-opacity': '1',\n color: 'rgb(168 85 247 / var(--tw-text-opacity))',\n})\n\nconst cssFunctionTest = (\n \n)\nconst styledFunctionTest = _styled.div\\`\n \\${_css\\`\n \\${{\n '--tw-text-opacity': '1',\n color: 'rgb(168 85 247 / var(--tw-text-opacity))',\n }}\n background-color: purple;\n \\`}\n\\`\nconst themeObjectPurple = (\n \n)\nconst themeStringFont = (\n \n)\nconst themeFontNoLineheight = (\n \n)\nconst colorsRed = Object.values({\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n})\nconst themeFunctionObjectPurple = (\n \n)\nconst themeFunctionStringHeight = (\n \n)\nconst themeSquareBrackets = (\n \n)\n\nconst GlobalStylesTest = () => <_GlobalStyles /> // Dot syntax\n\nconst Component = {\n Sub: () => [],\n}\n;\n;\n\n\n`;\n\nexports[`twin.macro !namelessImport.tsx: !namelessImport.tsx 1`] = `\n\n// @ts-nocheck\nimport '../macro'\n\nconst twPropertyString =
    \nconst twPropertyExpression =
    \n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\nconst twPropertyString = (\n \n)\nconst twPropertyExpression = (\n \n)\n\n\n`;\n\nexports[`twin.macro !ordering.tsx: !ordering.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Test the screen ordering - they are ordered by screens in tailwind.config.js\ntw.div\\`xl:bg-red-500 lg:bg-blue-500 bg-green-500 fill-current md:bg-pink-500 sm:bg-green-500 sm:text-yellow-500 hidden\\`\n\n// Bg opacity should trump the default bg opacity\ntw\\`bg-opacity-50 bg-red-500\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport _styled from '@emotion/styled'\n\n// Test the screen ordering - they are ordered by screens in tailwind.config.js\n_styled.div({\n display: 'none',\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(34 197 94 / var(--tw-bg-opacity))',\n fill: 'currentColor',\n '@media (min-width: 640px)': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(34 197 94 / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'rgb(234 179 8 / var(--tw-text-opacity))',\n },\n '@media (min-width: 768px)': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(236 72 153 / var(--tw-bg-opacity))',\n },\n '@media (min-width: 1024px)': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(59 130 246 / var(--tw-bg-opacity))',\n },\n '@media (min-width: 1280px)': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(239 68 68 / var(--tw-bg-opacity))',\n },\n}) // Bg opacity should trump the default bg opacity\n\n;({\n '--tw-bg-opacity': '0.5',\n backgroundColor: 'rgb(239 68 68 / var(--tw-bg-opacity))',\n})\n\n\n`;\n\nexports[`twin.macro !properties.tsx: !properties.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\nconst Component1 = () =>
    \n\nconst Component2 = () =>
    \n\nconst Component3 = () =>
    \n\nconst Component4 = () =>
    \n\nconst Component5 = () =>
    \n\nconst Component6 = () => (\n \n)\n\nconst Component7 = () => (\n \n)\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\nconst Component1 = () => (\n \n)\n\nconst Component2 = () => (\n \n)\n\nconst Component3 = () => (\n \n)\n\nconst Component4 = () => (\n \n)\n\nconst Component5 = () => (\n \n)\n\nconst Component6 = () => (\n \n)\n\nconst Component7 = () => (\n \n)\n\n\n`;\n\nexports[`twin.macro !variantGrouping.tsx: !variantGrouping.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\nconst basic = tw\\`group-hover:(flex m-10)\\`\nconst subMediaQuery = tw\\`focus-within:(md:flex mt-5)\\`\nconst multipleClasses = tw\\`hover:(bg-black text-white underline)\\`\nconst pseudoElement = tw\\`before:(w-10 h-10 block bg-black)\\`\nconst pseudoElementNoContent = tw\\`before:(w-10 h-10 block bg-black)\\`\nconst pseudoElementsNoContent = tw\\`before:(w-10 h-10) after:(w-10 h-10)\\`\nconst mediaHover = tw\\`sm:hover:(bg-black text-white)\\`\nconst sloppySpacing = tw\\` last:( flex mt-5)\\`\nconst multipleGroups = tw\\`focus:(w-10 h-10 block bg-black) focus-within:(md:flex mt-5)\\`\nconst nestedGroups = tw\\`md:(w-10 hocus:(h-10 block bg-black))\\`\n\ntw\\`(block w-10)\\`\ntw\\`((block w-10))\\`\ntw\\`hover:(block w-10)\\`\ntw\\`md:(hover:(block w-10))\\`\ntw\\`md:(hover:(block (block) w-10))\\`\ntw\\`md:(hover:(block (h-10) w-10))\\`\n\n// Important\ntw\\`(block w-10)!\\`\ntw\\`hover:(block w-10)!\\`\ntw\\`md:(hover:(block (block)! w-10))\\`\ntw\\`md:(hover:(block (h-10)! w-10))\\`\ntw\\`md:(hover:(block w-10)!)\\`\n\n// Ignored\ntw\\`\\`\ntw\\`()\\`\ntw\\`md:()\\`\ntw\\`md:(hover:())\\`\n\n// Slash opacity\ntw\\`first:(bg-[black]/20 block)\\`\ntw\\`first:(bg-[black]/[.20] block)\\`\ntw\\`first:(bg-[black]/[.20] inline last:(bg-[black]/[.20] block))\\`\ntw\\`first:(block bg-[black]/[.20])\\`\n\ntw\\`md:(ml-4 [one]:( mt-5 [two]:(inline [three]:(inline))))!\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\nconst basic = {\n '.group:hover &': {\n margin: '2.5rem',\n display: 'flex',\n },\n}\nconst subMediaQuery = {\n ':focus-within': {\n marginTop: '1.25rem',\n },\n '@media (min-width: 768px)': {\n ':focus-within': {\n display: 'flex',\n },\n },\n}\nconst multipleClasses = {\n ':hover': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'rgb(255 255 255 / var(--tw-text-opacity))',\n textDecorationLine: 'underline',\n },\n}\nconst pseudoElement = {\n '::before': {\n content: 'var(--tw-content)',\n display: 'block',\n height: '2.5rem',\n width: '2.5rem',\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n },\n}\nconst pseudoElementNoContent = {\n '::before': {\n content: 'var(--tw-content)',\n display: 'block',\n height: '2.5rem',\n width: '2.5rem',\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n },\n}\nconst pseudoElementsNoContent = {\n '::before': {\n content: 'var(--tw-content)',\n height: '2.5rem',\n width: '2.5rem',\n },\n '::after': {\n content: 'var(--tw-content)',\n height: '2.5rem',\n width: '2.5rem',\n },\n}\nconst mediaHover = {\n '@media (min-width: 640px)': {\n ':hover': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'rgb(255 255 255 / var(--tw-text-opacity))',\n },\n },\n}\nconst sloppySpacing = {\n ':last-child': {\n marginTop: '1.25rem',\n display: 'flex',\n },\n}\nconst multipleGroups = {\n ':focus-within': {\n marginTop: '1.25rem',\n },\n ':focus': {\n display: 'block',\n height: '2.5rem',\n width: '2.5rem',\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n },\n '@media (min-width: 768px)': {\n ':focus-within': {\n display: 'flex',\n },\n },\n}\nconst nestedGroups = {\n '@media (min-width: 768px)': {\n width: '2.5rem',\n ':hover': {\n display: 'block',\n height: '2.5rem',\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n },\n ':focus': {\n display: 'block',\n height: '2.5rem',\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n },\n },\n}\n;({\n display: 'block',\n width: '2.5rem',\n})\n;({\n display: 'block',\n width: '2.5rem',\n})\n;({\n ':hover': {\n display: 'block',\n width: '2.5rem',\n },\n})\n;({\n '@media (min-width: 768px)': {\n ':hover': {\n display: 'block',\n width: '2.5rem',\n },\n },\n})\n;({\n '@media (min-width: 768px)': {\n ':hover': {\n display: 'block',\n width: '2.5rem',\n },\n },\n})\n;({\n '@media (min-width: 768px)': {\n ':hover': {\n display: 'block',\n height: '2.5rem',\n width: '2.5rem',\n },\n },\n}) // Important\n\n;({\n display: 'block !important',\n width: '2.5rem !important',\n})\n;({\n ':hover': {\n display: 'block !important',\n width: '2.5rem !important',\n },\n})\n;({\n '@media (min-width: 768px)': {\n ':hover': {\n display: 'block',\n width: '2.5rem',\n },\n },\n})\n;({\n '@media (min-width: 768px)': {\n ':hover': {\n display: 'block',\n height: '2.5rem !important',\n width: '2.5rem',\n },\n },\n})\n;({\n '@media (min-width: 768px)': {\n ':hover': {\n display: 'block !important',\n width: '2.5rem !important',\n },\n },\n}) // Ignored\n\n;({})\n;({})\n;({})\n;({}) // Slash opacity\n\n;({\n ':first-child': {\n display: 'block',\n backgroundColor: 'rgb(0 0 0 / 0.2)',\n },\n})\n;({\n ':first-child': {\n display: 'block',\n backgroundColor: 'rgb(0 0 0 / .20)',\n },\n})\n;({\n ':first-child': {\n display: 'inline',\n backgroundColor: 'rgb(0 0 0 / .20)',\n },\n ':first-child:last-child': {\n display: 'block',\n backgroundColor: 'rgb(0 0 0 / .20)',\n },\n})\n;({\n ':first-child': {\n display: 'block',\n backgroundColor: 'rgb(0 0 0 / .20)',\n },\n})\n;({\n '@media (min-width: 768px)': {\n marginLeft: '1rem !important',\n '& one': {\n marginTop: '1.25rem !important',\n },\n '& one two': {\n display: 'inline !important',\n },\n '& one two three': {\n display: 'inline !important',\n },\n },\n})\n\n\n`;\n\nexports[`twin.macro !variants.tsx: !variants.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Pseudo element variants\ntw\\`first-letter:block\\`\ntw\\`first-line:block\\`\ntw\\`marker:block\\`\ntw\\`selection:block\\`\ntw\\`file:block\\`\ntw\\`placeholder:block\\`\ntw\\`backdrop:block\\`\ntw\\`before:block\\`\ntw\\`after:block\\`\ntw\\`before:(content block)\\`\ntw\\`after:(content block)\\`\n\n// Positional\ntw\\`first:block\\`\ntw\\`last:block\\`\ntw\\`only:block\\`\ntw\\`odd:block\\`\ntw\\`even:block\\`\ntw\\`first-of-type:block\\`\ntw\\`last-of-type:block\\`\ntw\\`only-of-type:block\\`\n\n// State\ntw\\`visited:block\\`\ntw\\`target:block\\`\ntw\\`open:block\\`\n\n// Forms\ntw\\`default:block\\`\ntw\\`checked:block\\`\ntw\\`indeterminate:block\\`\ntw\\`placeholder-shown:block\\`\ntw\\`autofill:block\\`\ntw\\`optional:block\\`\ntw\\`required:block\\`\ntw\\`valid:block\\`\ntw\\`invalid:block\\`\ntw\\`in-range:block\\`\ntw\\`out-of-range:block\\`\ntw\\`read-only:block\\`\n\n// Content\ntw\\`empty:block\\`\n\n// Interactive\ntw\\`focus-within:block\\`\ntw\\`hover:block\\`\ntw\\`focus:block\\`\ntw\\`focus-visible:block\\`\ntw\\`active:block\\`\ntw\\`enabled:block\\`\ntw\\`disabled:block\\`\n\n// Twin custom\ntw\\`all:block\\`\ntw\\`all-child:block\\`\ntw\\`sibling:block\\`\ntw\\`hocus:block\\`\ntw\\`link:block\\`\ntw\\`read-write:block\\`\ntw\\`svg:block\\`\ntw\\`even-of-type:block\\`\ntw\\`odd-of-type:block\\`\n\n// Not versions of the above\n\n// Positional\ntw\\`not-first:block\\`\ntw\\`not-last:block\\`\ntw\\`not-only:block\\`\ntw\\`not-odd:block\\`\ntw\\`not-even:block\\`\ntw\\`not-first-of-type:block\\`\ntw\\`not-last-of-type:block\\`\ntw\\`not-only-of-type:block\\`\n\n// State\ntw\\`not-target:block\\`\ntw\\`not-open:block\\`\n\n// Forms\ntw\\`not-default:block\\`\ntw\\`not-checked:block\\`\ntw\\`not-indeterminate:block\\`\ntw\\`not-placeholder-shown:block\\`\ntw\\`not-autofill:block\\`\ntw\\`not-optional:block\\`\ntw\\`not-required:block\\`\ntw\\`not-valid:block\\`\ntw\\`not-invalid:block\\`\ntw\\`not-in-range:block\\`\ntw\\`not-out-of-range:block\\`\ntw\\`not-read-only:block\\`\n\n// Content\ntw\\`not-empty:block\\`\n\n// Interactive\ntw\\`not-focus-within:block\\`\ntw\\`not-hover:block\\`\ntw\\`not-focus:block\\`\ntw\\`not-focus-visible:block\\`\ntw\\`not-active:block\\`\ntw\\`not-enabled:block\\`\ntw\\`not-disabled:block\\`\n\n// Twin custom\ntw\\`not-all:block\\`\ntw\\`not-all-child:block\\`\ntw\\`not-sibling:block\\`\ntw\\`not-hocus:block\\`\ntw\\`not-link:block\\`\ntw\\`not-read-write:block\\`\ntw\\`not-svg:block\\`\ntw\\`not-even-of-type:block\\`\ntw\\`not-odd-of-type:block\\`\n\n//\n\ntw\\`ltr:block\\`\ntw\\`rtl:block\\`\n\ntw\\`motion-safe:block\\`\ntw\\`motion-reduce:block\\`\n\ntw\\`dark:block\\`\ntw\\`light:block\\`\ntw\\`dark:sm:block\\`\ntw\\`light:sm:block\\`\ntw\\`dark:group-hover:sm:block\\`\ntw\\`light:group-hocus:sm:block\\`\n\ntw\\`print:block\\`\ntw\\`screen:block\\`\n\ntw\\`portrait:block\\`\ntw\\`landscape:block\\`\ntw\\`contrast-more:block\\`\ntw\\`contrast-less:block\\`\n\ntw\\`any-pointer-none:block\\`\ntw\\`any-pointer-fine:block\\`\ntw\\`any-pointer-coarse:block\\`\n\ntw\\`pointer-none:block\\`\ntw\\`pointer-fine:block\\`\ntw\\`pointer-coarse:block\\`\n\ntw\\`any-hover-none:block\\`\ntw\\`any-hover:block\\`\n\ntw\\`can-hover:block\\`\ntw\\`cant-hover:block\\`\n\n// Arbitrary values\ntw\\`first:inset-[50px]\\`\ntw\\`md:text-[red]\\`\n\n// Random\ntw\\`xl:placeholder-red-500! first:md:block sm:disabled:flex\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// Pseudo element variants\n;({\n '::first-letter': {\n display: 'block',\n },\n})\n;({\n '::first-line': {\n display: 'block',\n },\n})\n;({\n '& *::marker': {\n display: 'block',\n },\n '::marker': {\n display: 'block',\n },\n})\n;({\n '& *::selection': {\n display: 'block',\n },\n '::selection': {\n display: 'block',\n },\n})\n;({\n '::file-selector-button': {\n display: 'block',\n },\n})\n;({\n '::placeholder': {\n display: 'block',\n },\n})\n;({\n '::backdrop': {\n display: 'block',\n },\n})\n;({\n '::before': {\n content: 'var(--tw-content)',\n display: 'block',\n },\n})\n;({\n '::after': {\n content: 'var(--tw-content)',\n display: 'block',\n },\n})\n;({\n '::before': {\n content: 'var(--tw-content)',\n display: 'block',\n '--tw-content': '',\n },\n})\n;({\n '::after': {\n content: 'var(--tw-content)',\n display: 'block',\n '--tw-content': '',\n },\n}) // Positional\n\n;({\n ':first-child': {\n display: 'block',\n },\n})\n;({\n ':last-child': {\n display: 'block',\n },\n})\n;({\n ':only-child': {\n display: 'block',\n },\n})\n;({\n ':nth-child(odd)': {\n display: 'block',\n },\n})\n;({\n ':nth-child(even)': {\n display: 'block',\n },\n})\n;({\n ':first-of-type': {\n display: 'block',\n },\n})\n;({\n ':last-of-type': {\n display: 'block',\n },\n})\n;({\n ':only-of-type': {\n display: 'block',\n },\n}) // State\n\n;({\n ':visited': {\n display: 'block',\n },\n})\n;({\n ':target': {\n display: 'block',\n },\n})\n;({\n '&[open]': {\n display: 'block',\n },\n}) // Forms\n\n;({\n ':default': {\n display: 'block',\n },\n})\n;({\n ':checked': {\n display: 'block',\n },\n})\n;({\n ':indeterminate': {\n display: 'block',\n },\n})\n;({\n ':placeholder-shown': {\n display: 'block',\n },\n})\n;({\n ':autofill': {\n display: 'block',\n },\n})\n;({\n ':optional': {\n display: 'block',\n },\n})\n;({\n ':required': {\n display: 'block',\n },\n})\n;({\n ':valid': {\n display: 'block',\n },\n})\n;({\n ':invalid': {\n display: 'block',\n },\n})\n;({\n ':in-range': {\n display: 'block',\n },\n})\n;({\n ':out-of-range': {\n display: 'block',\n },\n})\n;({\n ':read-only': {\n display: 'block',\n },\n}) // Content\n\n;({\n ':empty': {\n display: 'block',\n },\n}) // Interactive\n\n;({\n ':focus-within': {\n display: 'block',\n },\n})\n;({\n ':hover': {\n display: 'block',\n },\n})\n;({\n ':focus': {\n display: 'block',\n },\n})\n;({\n ':focus-visible': {\n display: 'block',\n },\n})\n;({\n ':active': {\n display: 'block',\n },\n})\n;({\n ':enabled': {\n display: 'block',\n },\n})\n;({\n ':disabled': {\n display: 'block',\n },\n}) // Twin custom\n\n;({\n '& *': {\n display: 'block',\n },\n})\n;({\n '> *': {\n display: 'block',\n },\n})\n;({\n '& ~ *': {\n display: 'block',\n },\n})\n;({\n ':hover': {\n display: 'block',\n },\n ':focus': {\n display: 'block',\n },\n})\n;({\n ':link': {\n display: 'block',\n },\n})\n;({\n ':read-write': {\n display: 'block',\n },\n})\n;({\n '& svg': {\n display: 'block',\n },\n})\n;({\n ':nth-of-type(even)': {\n display: 'block',\n },\n})\n;({\n ':nth-of-type(odd)': {\n display: 'block',\n },\n}) // Not versions of the above\n// Positional\n\n;({\n ':not(:first-child)': {\n display: 'block',\n },\n})\n;({\n ':not(:last-child)': {\n display: 'block',\n },\n})\n;({\n ':not(:only-child)': {\n display: 'block',\n },\n})\n;({\n ':not(:nth-child(odd))': {\n display: 'block',\n },\n})\n;({\n ':not(:nth-child(even))': {\n display: 'block',\n },\n})\n;({\n ':not(:first-of-type)': {\n display: 'block',\n },\n})\n;({\n ':not(:last-of-type)': {\n display: 'block',\n },\n})\n;({\n ':not(:only-of-type)': {\n display: 'block',\n },\n}) // State\n\n;({\n ':not(:target)': {\n display: 'block',\n },\n})\n;({\n ':not([open])': {\n display: 'block',\n },\n}) // Forms\n\n;({\n ':not(:default)': {\n display: 'block',\n },\n})\n;({\n ':not(:checked)': {\n display: 'block',\n },\n})\n;({\n ':not(:indeterminate)': {\n display: 'block',\n },\n})\n;({\n ':not(:placeholder-shown)': {\n display: 'block',\n },\n})\n;({\n ':not(:autofill)': {\n display: 'block',\n },\n})\n;({\n ':not(:optional)': {\n display: 'block',\n },\n})\n;({\n ':not(:required)': {\n display: 'block',\n },\n})\n;({\n ':not(:valid)': {\n display: 'block',\n },\n})\n;({\n ':not(:invalid)': {\n display: 'block',\n },\n})\n;({\n ':not(:in-range)': {\n display: 'block',\n },\n})\n;({\n ':not(:out-of-range)': {\n display: 'block',\n },\n})\n;({\n ':not(:read-only)': {\n display: 'block',\n },\n}) // Content\n\n;({\n ':not(:empty)': {\n display: 'block',\n },\n}) // Interactive\n\n;({\n ':not(:focus-within)': {\n display: 'block',\n },\n})\n;({\n ':not(:hover)': {\n display: 'block',\n },\n})\n;({\n ':not(:focus)': {\n display: 'block',\n },\n})\n;({\n ':not(:focus-visible)': {\n display: 'block',\n },\n})\n;({\n ':not(:active)': {\n display: 'block',\n },\n})\n;({\n ':not(:enabled)': {\n display: 'block',\n },\n})\n;({\n ':not(:disabled)': {\n display: 'block',\n },\n}) // Twin custom\n\n;({\n ':not(*)': {\n display: 'block',\n },\n})\n;({\n ':not(> *)': {\n display: 'block',\n },\n})\n;({\n ':not(~ *)': {\n display: 'block',\n },\n})\n;({\n ':not(:hover)': {\n display: 'block',\n },\n ':not(:focus)': {\n display: 'block',\n },\n})\n;({\n ':not(:link)': {\n display: 'block',\n },\n})\n;({\n ':not(:read-write)': {\n display: 'block',\n },\n})\n;({\n ':not(svg)': {\n display: 'block',\n },\n})\n;({\n ':not(:nth-of-type(even))': {\n display: 'block',\n },\n})\n;({\n ':not(:nth-of-type(odd))': {\n display: 'block',\n },\n}) //\n\n;({\n ':is([dir=\"ltr\"] &)': {\n display: 'block',\n },\n})\n;({\n ':is([dir=\"rtl\"] &)': {\n display: 'block',\n },\n})\n;({\n '@media (prefers-reduced-motion: no-preference)': {\n display: 'block',\n },\n})\n;({\n '@media (prefers-reduced-motion: reduce)': {\n display: 'block',\n },\n})\n;({\n '@media (prefers-color-scheme: dark)': {\n display: 'block',\n },\n})\n;({\n '@media (prefers-color-scheme: light)': {\n display: 'block',\n },\n})\n;({\n '@media (min-width: 640px)': {\n '@media (prefers-color-scheme: dark)': {\n display: 'block',\n },\n },\n})\n;({\n '@media (min-width: 640px)': {\n '@media (prefers-color-scheme: light)': {\n display: 'block',\n },\n },\n})\n;({\n '@media (min-width: 640px)': {\n '@media (prefers-color-scheme: dark)': {\n '.group:hover &': {\n display: 'block',\n },\n },\n },\n})\n;({\n '@media (min-width: 640px)': {\n '@media (prefers-color-scheme: light)': {\n '.group:hover &': {\n display: 'block',\n },\n '.group:focus &': {\n display: 'block',\n },\n },\n },\n})\n;({\n '@media print': {\n display: 'block',\n },\n})\n;({\n '@media screen': {\n display: 'block',\n },\n})\n;({\n '@media (orientation: portrait)': {\n display: 'block',\n },\n})\n;({\n '@media (orientation: landscape)': {\n display: 'block',\n },\n})\n;({\n '@media (prefers-contrast: more)': {\n display: 'block',\n },\n})\n;({\n '@media (prefers-contrast: less)': {\n display: 'block',\n },\n})\n;({\n '@media (any-pointer: none)': {\n display: 'block',\n },\n})\n;({\n '@media (any-pointer: fine)': {\n display: 'block',\n },\n})\n;({\n '@media (any-pointer: coarse)': {\n display: 'block',\n },\n})\n;({\n '@media (pointer: none)': {\n display: 'block',\n },\n})\n;({\n '@media (pointer: fine)': {\n display: 'block',\n },\n})\n;({\n '@media (pointer: coarse)': {\n display: 'block',\n },\n})\n;({\n '@media (any-hover: none)': {\n display: 'block',\n },\n})\n;({\n '@media (any-hover: hover)': {\n display: 'block',\n },\n})\n;({\n '@media (hover: hover)': {\n display: 'block',\n },\n})\n;({\n '@media (hover: none)': {\n display: 'block',\n },\n}) // Arbitrary values\n\n;({\n ':first-child': {\n inset: '50px',\n },\n})\n;({\n '@media (min-width: 768px)': {\n '--tw-text-opacity': '1',\n color: 'rgb(255 0 0 / var(--tw-text-opacity))',\n },\n}) // Random\n\n;({\n '@media (min-width: 640px)': {\n ':disabled': {\n display: 'flex',\n },\n },\n '@media (min-width: 768px)': {\n ':first-child': {\n display: 'block',\n },\n },\n '@media (min-width: 1280px)': {\n '::placeholder': {\n '--tw-placeholder-opacity': '1 !important',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity)) !important',\n },\n },\n})\n\n\n`;\n\nexports[`twin.macro accentColor.tsx: accentColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/accent-color\ntheme\\`accentColor\\`\n\ntw\\`accent-inherit\\`\ntw\\`accent-current\\`\ntw\\`accent-transparent\\`\ntw\\`accent-black\\`\ntw\\`accent-white\\`\ntw\\`accent-slate-50\\`\ntw\\`accent-slate-100\\`\ntw\\`accent-slate-200\\`\ntw\\`accent-slate-300\\`\ntw\\`accent-slate-400\\`\ntw\\`accent-slate-500\\`\ntw\\`accent-slate-600\\`\ntw\\`accent-slate-700\\`\ntw\\`accent-slate-800\\`\ntw\\`accent-slate-900\\`\ntw\\`accent-gray-50\\`\ntw\\`accent-gray-100\\`\ntw\\`accent-gray-200\\`\ntw\\`accent-gray-300\\`\ntw\\`accent-gray-400\\`\ntw\\`accent-gray-500\\`\ntw\\`accent-gray-600\\`\ntw\\`accent-gray-700\\`\ntw\\`accent-gray-800\\`\ntw\\`accent-gray-900\\`\ntw\\`accent-zinc-50\\`\ntw\\`accent-zinc-100\\`\ntw\\`accent-zinc-200\\`\ntw\\`accent-zinc-300\\`\ntw\\`accent-zinc-400\\`\ntw\\`accent-zinc-500\\`\ntw\\`accent-zinc-600\\`\ntw\\`accent-zinc-700\\`\ntw\\`accent-zinc-800\\`\ntw\\`accent-zinc-900\\`\ntw\\`accent-neutral-50\\`\ntw\\`accent-neutral-100\\`\ntw\\`accent-neutral-200\\`\ntw\\`accent-neutral-300\\`\ntw\\`accent-neutral-400\\`\ntw\\`accent-neutral-500\\`\ntw\\`accent-neutral-600\\`\ntw\\`accent-neutral-700\\`\ntw\\`accent-neutral-800\\`\ntw\\`accent-neutral-900\\`\ntw\\`accent-stone-50\\`\ntw\\`accent-stone-100\\`\ntw\\`accent-stone-200\\`\ntw\\`accent-stone-300\\`\ntw\\`accent-stone-400\\`\ntw\\`accent-stone-500\\`\ntw\\`accent-stone-600\\`\ntw\\`accent-stone-700\\`\ntw\\`accent-stone-800\\`\ntw\\`accent-stone-900\\`\ntw\\`accent-red-50\\`\ntw\\`accent-red-100\\`\ntw\\`accent-red-200\\`\ntw\\`accent-red-300\\`\ntw\\`accent-red-400\\`\ntw\\`accent-red-500\\`\ntw\\`accent-red-600\\`\ntw\\`accent-red-700\\`\ntw\\`accent-red-800\\`\ntw\\`accent-red-900\\`\ntw\\`accent-orange-50\\`\ntw\\`accent-orange-100\\`\ntw\\`accent-orange-200\\`\ntw\\`accent-orange-300\\`\ntw\\`accent-orange-400\\`\ntw\\`accent-orange-500\\`\ntw\\`accent-orange-600\\`\ntw\\`accent-orange-700\\`\ntw\\`accent-orange-800\\`\ntw\\`accent-orange-900\\`\ntw\\`accent-amber-50\\`\ntw\\`accent-amber-100\\`\ntw\\`accent-amber-200\\`\ntw\\`accent-amber-300\\`\ntw\\`accent-amber-400\\`\ntw\\`accent-amber-500\\`\ntw\\`accent-amber-600\\`\ntw\\`accent-amber-700\\`\ntw\\`accent-amber-800\\`\ntw\\`accent-amber-900\\`\ntw\\`accent-yellow-50\\`\ntw\\`accent-yellow-100\\`\ntw\\`accent-yellow-200\\`\ntw\\`accent-yellow-300\\`\ntw\\`accent-yellow-400\\`\ntw\\`accent-yellow-500\\`\ntw\\`accent-yellow-600\\`\ntw\\`accent-yellow-700\\`\ntw\\`accent-yellow-800\\`\ntw\\`accent-yellow-900\\`\ntw\\`accent-lime-50\\`\ntw\\`accent-lime-100\\`\ntw\\`accent-lime-200\\`\ntw\\`accent-lime-300\\`\ntw\\`accent-lime-400\\`\ntw\\`accent-lime-500\\`\ntw\\`accent-lime-600\\`\ntw\\`accent-lime-700\\`\ntw\\`accent-lime-800\\`\ntw\\`accent-lime-900\\`\ntw\\`accent-green-50\\`\ntw\\`accent-green-100\\`\ntw\\`accent-green-200\\`\ntw\\`accent-green-300\\`\ntw\\`accent-green-400\\`\ntw\\`accent-green-500\\`\ntw\\`accent-green-600\\`\ntw\\`accent-green-700\\`\ntw\\`accent-green-800\\`\ntw\\`accent-green-900\\`\ntw\\`accent-emerald-50\\`\ntw\\`accent-emerald-100\\`\ntw\\`accent-emerald-200\\`\ntw\\`accent-emerald-300\\`\ntw\\`accent-emerald-400\\`\ntw\\`accent-emerald-500\\`\ntw\\`accent-emerald-600\\`\ntw\\`accent-emerald-700\\`\ntw\\`accent-emerald-800\\`\ntw\\`accent-emerald-900\\`\ntw\\`accent-teal-50\\`\ntw\\`accent-teal-100\\`\ntw\\`accent-teal-200\\`\ntw\\`accent-teal-300\\`\ntw\\`accent-teal-400\\`\ntw\\`accent-teal-500\\`\ntw\\`accent-teal-600\\`\ntw\\`accent-teal-700\\`\ntw\\`accent-teal-800\\`\ntw\\`accent-teal-900\\`\ntw\\`accent-cyan-50\\`\ntw\\`accent-cyan-100\\`\ntw\\`accent-cyan-200\\`\ntw\\`accent-cyan-300\\`\ntw\\`accent-cyan-400\\`\ntw\\`accent-cyan-500\\`\ntw\\`accent-cyan-600\\`\ntw\\`accent-cyan-700\\`\ntw\\`accent-cyan-800\\`\ntw\\`accent-cyan-900\\`\ntw\\`accent-sky-50\\`\ntw\\`accent-sky-100\\`\ntw\\`accent-sky-200\\`\ntw\\`accent-sky-300\\`\ntw\\`accent-sky-400\\`\ntw\\`accent-sky-500\\`\ntw\\`accent-sky-600\\`\ntw\\`accent-sky-700\\`\ntw\\`accent-sky-800\\`\ntw\\`accent-sky-900\\`\ntw\\`accent-blue-50\\`\ntw\\`accent-blue-100\\`\ntw\\`accent-blue-200\\`\ntw\\`accent-blue-300\\`\ntw\\`accent-blue-400\\`\ntw\\`accent-blue-500\\`\ntw\\`accent-blue-600\\`\ntw\\`accent-blue-700\\`\ntw\\`accent-blue-800\\`\ntw\\`accent-blue-900\\`\ntw\\`accent-indigo-50\\`\ntw\\`accent-indigo-100\\`\ntw\\`accent-indigo-200\\`\ntw\\`accent-indigo-300\\`\ntw\\`accent-indigo-400\\`\ntw\\`accent-indigo-500\\`\ntw\\`accent-indigo-600\\`\ntw\\`accent-indigo-700\\`\ntw\\`accent-indigo-800\\`\ntw\\`accent-indigo-900\\`\ntw\\`accent-violet-50\\`\ntw\\`accent-violet-100\\`\ntw\\`accent-violet-200\\`\ntw\\`accent-violet-300\\`\ntw\\`accent-violet-400\\`\ntw\\`accent-violet-500\\`\ntw\\`accent-violet-600\\`\ntw\\`accent-violet-700\\`\ntw\\`accent-violet-800\\`\ntw\\`accent-violet-900\\`\ntw\\`accent-purple-50\\`\ntw\\`accent-purple-100\\`\ntw\\`accent-purple-200\\`\ntw\\`accent-purple-300\\`\ntw\\`accent-purple-400\\`\ntw\\`accent-purple-500\\`\ntw\\`accent-purple-600\\`\ntw\\`accent-purple-700\\`\ntw\\`accent-purple-800\\`\ntw\\`accent-purple-900\\`\ntw\\`accent-fuchsia-50\\`\ntw\\`accent-fuchsia-100\\`\ntw\\`accent-fuchsia-200\\`\ntw\\`accent-fuchsia-300\\`\ntw\\`accent-fuchsia-400\\`\ntw\\`accent-fuchsia-500\\`\ntw\\`accent-fuchsia-600\\`\ntw\\`accent-fuchsia-700\\`\ntw\\`accent-fuchsia-800\\`\ntw\\`accent-fuchsia-900\\`\ntw\\`accent-pink-50\\`\ntw\\`accent-pink-100\\`\ntw\\`accent-pink-200\\`\ntw\\`accent-pink-300\\`\ntw\\`accent-pink-400\\`\ntw\\`accent-pink-500\\`\ntw\\`accent-pink-600\\`\ntw\\`accent-pink-700\\`\ntw\\`accent-pink-800\\`\ntw\\`accent-pink-900\\`\ntw\\`accent-rose-50\\`\ntw\\`accent-rose-100\\`\ntw\\`accent-rose-200\\`\ntw\\`accent-rose-300\\`\ntw\\`accent-rose-400\\`\ntw\\`accent-rose-500\\`\ntw\\`accent-rose-600\\`\ntw\\`accent-rose-700\\`\ntw\\`accent-rose-800\\`\ntw\\`accent-rose-900\\`\ntw\\`accent-auto\\`\n\ntw\\`accent-[#50d71e]\\`\ntw\\`accent-[theme('colors.red.500')]\\`\ntw\\`accent-[theme('colors.red.500')]/20\\`\n\ntw\\`accent-[color:red]\\`\ntw\\`accent-[any:red]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/accent-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n auto: 'auto',\n})\n;({\n accentColor: 'inherit',\n})\n;({\n accentColor: 'currentColor',\n})\n;({\n accentColor: 'transparent',\n})\n;({\n accentColor: '#000',\n})\n;({\n accentColor: '#fff',\n})\n;({\n accentColor: '#f8fafc',\n})\n;({\n accentColor: '#f1f5f9',\n})\n;({\n accentColor: '#e2e8f0',\n})\n;({\n accentColor: '#cbd5e1',\n})\n;({\n accentColor: '#94a3b8',\n})\n;({\n accentColor: '#64748b',\n})\n;({\n accentColor: '#475569',\n})\n;({\n accentColor: '#334155',\n})\n;({\n accentColor: '#1e293b',\n})\n;({\n accentColor: '#0f172a',\n})\n;({\n accentColor: '#f9fafb',\n})\n;({\n accentColor: '#f3f4f6',\n})\n;({\n accentColor: '#e5e7eb',\n})\n;({\n accentColor: '#d1d5db',\n})\n;({\n accentColor: '#9ca3af',\n})\n;({\n accentColor: '#6b7280',\n})\n;({\n accentColor: '#4b5563',\n})\n;({\n accentColor: '#374151',\n})\n;({\n accentColor: '#1f2937',\n})\n;({\n accentColor: '#111827',\n})\n;({\n accentColor: '#fafafa',\n})\n;({\n accentColor: '#f4f4f5',\n})\n;({\n accentColor: '#e4e4e7',\n})\n;({\n accentColor: '#d4d4d8',\n})\n;({\n accentColor: '#a1a1aa',\n})\n;({\n accentColor: '#71717a',\n})\n;({\n accentColor: '#52525b',\n})\n;({\n accentColor: '#3f3f46',\n})\n;({\n accentColor: '#27272a',\n})\n;({\n accentColor: '#18181b',\n})\n;({\n accentColor: '#fafafa',\n})\n;({\n accentColor: '#f5f5f5',\n})\n;({\n accentColor: '#e5e5e5',\n})\n;({\n accentColor: '#d4d4d4',\n})\n;({\n accentColor: '#a3a3a3',\n})\n;({\n accentColor: '#737373',\n})\n;({\n accentColor: '#525252',\n})\n;({\n accentColor: '#404040',\n})\n;({\n accentColor: '#262626',\n})\n;({\n accentColor: '#171717',\n})\n;({\n accentColor: '#fafaf9',\n})\n;({\n accentColor: '#f5f5f4',\n})\n;({\n accentColor: '#e7e5e4',\n})\n;({\n accentColor: '#d6d3d1',\n})\n;({\n accentColor: '#a8a29e',\n})\n;({\n accentColor: '#78716c',\n})\n;({\n accentColor: '#57534e',\n})\n;({\n accentColor: '#44403c',\n})\n;({\n accentColor: '#292524',\n})\n;({\n accentColor: '#1c1917',\n})\n;({\n accentColor: '#fef2f2',\n})\n;({\n accentColor: '#fee2e2',\n})\n;({\n accentColor: '#fecaca',\n})\n;({\n accentColor: '#fca5a5',\n})\n;({\n accentColor: '#f87171',\n})\n;({\n accentColor: '#ef4444',\n})\n;({\n accentColor: '#dc2626',\n})\n;({\n accentColor: '#b91c1c',\n})\n;({\n accentColor: '#991b1b',\n})\n;({\n accentColor: '#7f1d1d',\n})\n;({\n accentColor: '#fff7ed',\n})\n;({\n accentColor: '#ffedd5',\n})\n;({\n accentColor: '#fed7aa',\n})\n;({\n accentColor: '#fdba74',\n})\n;({\n accentColor: '#fb923c',\n})\n;({\n accentColor: '#f97316',\n})\n;({\n accentColor: '#ea580c',\n})\n;({\n accentColor: '#c2410c',\n})\n;({\n accentColor: '#9a3412',\n})\n;({\n accentColor: '#7c2d12',\n})\n;({\n accentColor: '#fffbeb',\n})\n;({\n accentColor: '#fef3c7',\n})\n;({\n accentColor: '#fde68a',\n})\n;({\n accentColor: '#fcd34d',\n})\n;({\n accentColor: '#fbbf24',\n})\n;({\n accentColor: '#f59e0b',\n})\n;({\n accentColor: '#d97706',\n})\n;({\n accentColor: '#b45309',\n})\n;({\n accentColor: '#92400e',\n})\n;({\n accentColor: '#78350f',\n})\n;({\n accentColor: '#fefce8',\n})\n;({\n accentColor: '#fef9c3',\n})\n;({\n accentColor: '#fef08a',\n})\n;({\n accentColor: '#fde047',\n})\n;({\n accentColor: '#facc15',\n})\n;({\n accentColor: '#eab308',\n})\n;({\n accentColor: '#ca8a04',\n})\n;({\n accentColor: '#a16207',\n})\n;({\n accentColor: '#854d0e',\n})\n;({\n accentColor: '#713f12',\n})\n;({\n accentColor: '#f7fee7',\n})\n;({\n accentColor: '#ecfccb',\n})\n;({\n accentColor: '#d9f99d',\n})\n;({\n accentColor: '#bef264',\n})\n;({\n accentColor: '#a3e635',\n})\n;({\n accentColor: '#84cc16',\n})\n;({\n accentColor: '#65a30d',\n})\n;({\n accentColor: '#4d7c0f',\n})\n;({\n accentColor: '#3f6212',\n})\n;({\n accentColor: '#365314',\n})\n;({\n accentColor: '#f0fdf4',\n})\n;({\n accentColor: '#dcfce7',\n})\n;({\n accentColor: '#bbf7d0',\n})\n;({\n accentColor: '#86efac',\n})\n;({\n accentColor: '#4ade80',\n})\n;({\n accentColor: '#22c55e',\n})\n;({\n accentColor: '#16a34a',\n})\n;({\n accentColor: '#15803d',\n})\n;({\n accentColor: '#166534',\n})\n;({\n accentColor: '#14532d',\n})\n;({\n accentColor: '#ecfdf5',\n})\n;({\n accentColor: '#d1fae5',\n})\n;({\n accentColor: '#a7f3d0',\n})\n;({\n accentColor: '#6ee7b7',\n})\n;({\n accentColor: '#34d399',\n})\n;({\n accentColor: '#10b981',\n})\n;({\n accentColor: '#059669',\n})\n;({\n accentColor: '#047857',\n})\n;({\n accentColor: '#065f46',\n})\n;({\n accentColor: '#064e3b',\n})\n;({\n accentColor: '#f0fdfa',\n})\n;({\n accentColor: '#ccfbf1',\n})\n;({\n accentColor: '#99f6e4',\n})\n;({\n accentColor: '#5eead4',\n})\n;({\n accentColor: '#2dd4bf',\n})\n;({\n accentColor: '#14b8a6',\n})\n;({\n accentColor: '#0d9488',\n})\n;({\n accentColor: '#0f766e',\n})\n;({\n accentColor: '#115e59',\n})\n;({\n accentColor: '#134e4a',\n})\n;({\n accentColor: '#ecfeff',\n})\n;({\n accentColor: '#cffafe',\n})\n;({\n accentColor: '#a5f3fc',\n})\n;({\n accentColor: '#67e8f9',\n})\n;({\n accentColor: '#22d3ee',\n})\n;({\n accentColor: '#06b6d4',\n})\n;({\n accentColor: '#0891b2',\n})\n;({\n accentColor: '#0e7490',\n})\n;({\n accentColor: '#155e75',\n})\n;({\n accentColor: '#164e63',\n})\n;({\n accentColor: '#f0f9ff',\n})\n;({\n accentColor: '#e0f2fe',\n})\n;({\n accentColor: '#bae6fd',\n})\n;({\n accentColor: '#7dd3fc',\n})\n;({\n accentColor: '#38bdf8',\n})\n;({\n accentColor: '#0ea5e9',\n})\n;({\n accentColor: '#0284c7',\n})\n;({\n accentColor: '#0369a1',\n})\n;({\n accentColor: '#075985',\n})\n;({\n accentColor: '#0c4a6e',\n})\n;({\n accentColor: '#eff6ff',\n})\n;({\n accentColor: '#dbeafe',\n})\n;({\n accentColor: '#bfdbfe',\n})\n;({\n accentColor: '#93c5fd',\n})\n;({\n accentColor: '#60a5fa',\n})\n;({\n accentColor: '#3b82f6',\n})\n;({\n accentColor: '#2563eb',\n})\n;({\n accentColor: '#1d4ed8',\n})\n;({\n accentColor: '#1e40af',\n})\n;({\n accentColor: '#1e3a8a',\n})\n;({\n accentColor: '#eef2ff',\n})\n;({\n accentColor: '#e0e7ff',\n})\n;({\n accentColor: '#c7d2fe',\n})\n;({\n accentColor: '#a5b4fc',\n})\n;({\n accentColor: '#818cf8',\n})\n;({\n accentColor: '#6366f1',\n})\n;({\n accentColor: '#4f46e5',\n})\n;({\n accentColor: '#4338ca',\n})\n;({\n accentColor: '#3730a3',\n})\n;({\n accentColor: '#312e81',\n})\n;({\n accentColor: '#f5f3ff',\n})\n;({\n accentColor: '#ede9fe',\n})\n;({\n accentColor: '#ddd6fe',\n})\n;({\n accentColor: '#c4b5fd',\n})\n;({\n accentColor: '#a78bfa',\n})\n;({\n accentColor: '#8b5cf6',\n})\n;({\n accentColor: '#7c3aed',\n})\n;({\n accentColor: '#6d28d9',\n})\n;({\n accentColor: '#5b21b6',\n})\n;({\n accentColor: '#4c1d95',\n})\n;({\n accentColor: '#faf5ff',\n})\n;({\n accentColor: '#f3e8ff',\n})\n;({\n accentColor: '#e9d5ff',\n})\n;({\n accentColor: '#d8b4fe',\n})\n;({\n accentColor: '#c084fc',\n})\n;({\n accentColor: '#a855f7',\n})\n;({\n accentColor: '#9333ea',\n})\n;({\n accentColor: '#7e22ce',\n})\n;({\n accentColor: '#6b21a8',\n})\n;({\n accentColor: '#581c87',\n})\n;({\n accentColor: '#fdf4ff',\n})\n;({\n accentColor: '#fae8ff',\n})\n;({\n accentColor: '#f5d0fe',\n})\n;({\n accentColor: '#f0abfc',\n})\n;({\n accentColor: '#e879f9',\n})\n;({\n accentColor: '#d946ef',\n})\n;({\n accentColor: '#c026d3',\n})\n;({\n accentColor: '#a21caf',\n})\n;({\n accentColor: '#86198f',\n})\n;({\n accentColor: '#701a75',\n})\n;({\n accentColor: '#fdf2f8',\n})\n;({\n accentColor: '#fce7f3',\n})\n;({\n accentColor: '#fbcfe8',\n})\n;({\n accentColor: '#f9a8d4',\n})\n;({\n accentColor: '#f472b6',\n})\n;({\n accentColor: '#ec4899',\n})\n;({\n accentColor: '#db2777',\n})\n;({\n accentColor: '#be185d',\n})\n;({\n accentColor: '#9d174d',\n})\n;({\n accentColor: '#831843',\n})\n;({\n accentColor: '#fff1f2',\n})\n;({\n accentColor: '#ffe4e6',\n})\n;({\n accentColor: '#fecdd3',\n})\n;({\n accentColor: '#fda4af',\n})\n;({\n accentColor: '#fb7185',\n})\n;({\n accentColor: '#f43f5e',\n})\n;({\n accentColor: '#e11d48',\n})\n;({\n accentColor: '#be123c',\n})\n;({\n accentColor: '#9f1239',\n})\n;({\n accentColor: '#881337',\n})\n;({\n accentColor: 'auto',\n})\n;({\n accentColor: '#50d71e',\n})\n;({\n accentColor: '#ef4444',\n})\n;({\n accentColor: 'rgb(239 68 68 / 0.2)',\n})\n;({\n accentColor: 'red',\n})\n;({\n accentColor: 'red',\n})\n\n\n`;\n\nexports[`twin.macro addBase.tsx: addBase.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { GlobalStyles, globalStyles } from '../macro'\n\ntw\\`base-selector\\`\n;\nglobalStyles\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport { css as _css } from '@emotion/react'\nimport { Global as _globalImport } from '@emotion/react'\n\nconst _GlobalStyles = () => (\n <_globalImport\n styles={_css\\`*, ::before, ::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: #e5e7eb;\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty,/*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty,/*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);\n}\n::before, ::after {\n --tw-content: '';\n}\nhtml {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-feature-settings: normal;\n font-variation-settings: normal;\n}\nbody {\n margin: 0;\n line-height: inherit;\n margin-top: 20rem;\n background-color: black;\n}\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\na {\n color: inherit;\n text-decoration: inherit;\n}\nb, strong {\n font-weight: bolder;\n}\ncode, kbd, samp, pre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\nbutton, input, optgroup, select, textarea {\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\nbutton, select {\n text-transform: none;\n}\nbutton, [type='button'], [type='reset'], [type='submit'] {\n -webkit-appearance: button;\n background-color: transparent;\n background-image: none;\n}\n:-moz-focusring {\n outline: auto;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n[type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\nfieldset {\n margin: 0;\n padding: 0;\n}\nlegend {\n padding: 0;\n}\nol, ul, menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\ntextarea {\n resize: vertical;\n}\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n:disabled {\n cursor: default;\n}\nimg, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n}\nimg, video {\n max-width: 100%;\n height: auto;\n}\n[hidden] {\n display: none;\n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty,/*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty,/*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);\n}\n:root {\n --color-pink-900: #831843;\n}\n@font-face {\n font-family: NotoSans;\n font-weight: 400;\n font-style: normal;\n src: url('./fonts/myfont.ttf');\n}\\`}\n />\n)\n\n;({\n display: 'block',\n 'section &': {\n display: 'block',\n },\n '@media (min-width: 640px)': {\n 'section &:hover': {\n marginTop: '50px',\n },\n '[type=\"button\"] &:hover': {\n marginTop: '5rem',\n },\n },\n '[type=\"button\"] &': {\n display: 'block',\n },\n})\n;<_GlobalStyles />\n;({\n '*, ::before, ::after': {\n boxSizing: 'border-box',\n borderWidth: '0',\n borderStyle: 'solid',\n borderColor: '#e5e7eb',\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n '::before, ::after': {\n '--tw-content': \"''\",\n },\n html: {\n lineHeight: '1.5',\n WebkitTextSizeAdjust: '100%',\n MozTabSize: '4',\n tabSize: '4',\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n fontFeatureSettings: ' normal',\n fontVariationSettings: ' normal',\n },\n body: {\n margin: '0',\n lineHeight: 'inherit',\n marginTop: '20rem',\n backgroundColor: 'black',\n },\n hr: {\n height: '0',\n color: 'inherit',\n borderTopWidth: '1px',\n },\n 'abbr:where([title])': {\n textDecoration: 'underline dotted',\n },\n 'h1, h2, h3, h4, h5, h6': {\n fontSize: 'inherit',\n fontWeight: 'inherit',\n },\n a: {\n color: 'inherit',\n textDecoration: 'inherit',\n },\n 'b, strong': {\n fontWeight: 'bolder',\n },\n 'code, kbd, samp, pre': {\n fontFamily:\n 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n fontSize: '1em',\n },\n small: {\n fontSize: '80%',\n },\n 'sub, sup': {\n fontSize: '75%',\n lineHeight: '0',\n position: 'relative',\n verticalAlign: 'baseline',\n },\n sub: {\n bottom: '-0.25em',\n },\n sup: {\n top: '-0.5em',\n },\n table: {\n textIndent: '0',\n borderColor: 'inherit',\n borderCollapse: 'collapse',\n },\n 'button, input, optgroup, select, textarea': {\n fontFamily: 'inherit',\n fontSize: '100%',\n fontWeight: 'inherit',\n lineHeight: 'inherit',\n color: 'inherit',\n margin: '0',\n padding: '0',\n },\n 'button, select': {\n textTransform: 'none',\n },\n \"button, [type='button'], [type='reset'], [type='submit']\": {\n WebkitAppearance: 'button',\n backgroundColor: 'transparent',\n backgroundImage: 'none',\n },\n ':-moz-focusring': {\n outline: 'auto',\n },\n ':-moz-ui-invalid': {\n boxShadow: 'none',\n },\n progress: {\n verticalAlign: 'baseline',\n },\n '::-webkit-inner-spin-button, ::-webkit-outer-spin-button': {\n height: 'auto',\n },\n \"[type='search']\": {\n WebkitAppearance: 'textfield',\n outlineOffset: '-2px',\n },\n '::-webkit-search-decoration': {\n WebkitAppearance: 'none',\n },\n '::-webkit-file-upload-button': {\n WebkitAppearance: 'button',\n font: 'inherit',\n },\n summary: {\n display: 'list-item',\n },\n 'blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre': {\n margin: '0',\n },\n fieldset: {\n margin: '0',\n padding: '0',\n },\n legend: {\n padding: '0',\n },\n 'ol, ul, menu': {\n listStyle: 'none',\n margin: '0',\n padding: '0',\n },\n textarea: {\n resize: 'vertical',\n },\n 'input::placeholder, textarea::placeholder': {\n opacity: '1',\n color: '#9ca3af',\n },\n 'button, [role=\"button\"]': {\n cursor: 'pointer',\n },\n ':disabled': {\n cursor: 'default',\n },\n 'img, svg, video, canvas, audio, iframe, embed, object': {\n display: 'block',\n verticalAlign: 'middle',\n },\n 'img, video': {\n maxWidth: '100%',\n height: 'auto',\n },\n '[hidden]': {\n display: 'none',\n },\n '::backdrop': {\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n ':root': {\n '--color-pink-900': '#831843',\n },\n '@font-face': {\n fontFamily: 'NotoSans',\n fontWeight: '400',\n fontStyle: 'normal',\n src: \"url('./fonts/myfont.ttf')\",\n },\n})\n\n\n`;\n\nexports[`twin.macro alignContent.tsx: alignContent.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/align-content\ntw\\`content-center\\`\ntw\\`content-start\\`\ntw\\`content-end\\`\ntw\\`content-between\\`\ntw\\`content-around\\`\ntw\\`content-evenly\\`\ntw\\`content-baseline\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/align-content\n;({\n alignContent: 'center',\n})\n;({\n alignContent: 'flex-start',\n})\n;({\n alignContent: 'flex-end',\n})\n;({\n alignContent: 'space-between',\n})\n;({\n alignContent: 'space-around',\n})\n;({\n alignContent: 'space-evenly',\n})\n;({\n alignContent: 'baseline',\n})\n\n\n`;\n\nexports[`twin.macro alignItems.tsx: alignItems.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/align-items\ntw\\`items-start\\`\ntw\\`items-end\\`\ntw\\`items-center\\`\ntw\\`items-baseline\\`\ntw\\`items-stretch\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/align-items\n;({\n alignItems: 'flex-start',\n})\n;({\n alignItems: 'flex-end',\n})\n;({\n alignItems: 'center',\n})\n;({\n alignItems: 'baseline',\n})\n;({\n alignItems: 'stretch',\n})\n\n\n`;\n\nexports[`twin.macro alignSelf.tsx: alignSelf.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/align-self\ntw\\`self-auto\\`\ntw\\`self-start\\`\ntw\\`self-end\\`\ntw\\`self-center\\`\ntw\\`self-stretch\\`\ntw\\`self-baseline\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/align-self\n;({\n alignSelf: 'auto',\n})\n;({\n alignSelf: 'flex-start',\n})\n;({\n alignSelf: 'flex-end',\n})\n;({\n alignSelf: 'center',\n})\n;({\n alignSelf: 'stretch',\n})\n;({\n alignSelf: 'baseline',\n})\n\n\n`;\n\nexports[`twin.macro animation.tsx: animation.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/animation\ntheme\\`animation\\`\n\ntw\\`animate-none\\`\ntw\\`animate-spin\\`\ntw\\`animate-ping\\`\ntw\\`animate-pulse\\`\ntw\\`animate-bounce\\`\n\ntw\\`animate-[wiggle 1s ease-in-out infinite]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/animation\n;({\n none: 'none',\n spin: 'spin 1s linear infinite',\n ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',\n pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n bounce: 'bounce 1s infinite',\n})\n;({\n animation: 'none',\n})\n;({\n '@keyframes spin': {\n to: {\n transform: 'rotate(360deg)',\n },\n },\n animation: 'spin 1s linear infinite',\n})\n;({\n '@keyframes ping': {\n '75%, 100%': {\n transform: 'scale(2)',\n opacity: '0',\n },\n },\n animation: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',\n})\n;({\n '@keyframes pulse': {\n '50%': {\n opacity: '.5',\n },\n },\n animation: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n})\n;({\n '@keyframes bounce': {\n '0%, 100%': {\n transform: 'translateY(-25%)',\n animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',\n },\n '50%': {\n transform: 'none',\n animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',\n },\n },\n animation: 'bounce 1s infinite',\n})\n;({\n animation: 'wiggle 1s ease-in-out infinite',\n})\n\n\n`;\n\nexports[`twin.macro appearance.tsx: appearance.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/appearance\ntw\\`appearance-none\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/appearance\n;({\n appearance: 'none',\n})\n\n\n`;\n\nexports[`twin.macro arbitraryProperties.tsx: arbitraryProperties.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`[mask-image:linear-gradient(180deg,white, rgba(255,255,255,0))]\\`\ntw\\`[-webkit-property:bg-black]\\`\ntw\\`[--my-var:blue]\\`\ntw\\`[color:var(--my-var)]\\`\ntw\\`bg-black md:[color:var(--my-var)]\\`\ntw\\`[margin:2px_4px_5px_1px]\\`\ntw\\`[content:'—']\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n maskImage: 'linear-gradient(180deg,white, rgba(255,255,255,0))',\n})\n;({\n WebkitProperty: 'bg-black',\n})\n;({\n '--my-var': 'blue',\n})\n;({\n color: 'var(--my-var)',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n '@media (min-width: 768px)': {\n color: 'var(--my-var)',\n },\n})\n;({\n margin: '2px 4px 5px 1px',\n})\n;({\n content: \"'\\\\u2014'\",\n})\n\n\n`;\n\nexports[`twin.macro arbitraryVariants.tsx: arbitraryVariants.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`[section]:hover:block\\`\ntw\\`[section&]:hover:block\\`\n\ntw\\`[p]:hover:block\\`\ntw\\`hover:[p]:block\\`\n\ntw\\`[* + *]:block\\` // Spaces\ntw\\`[.class1 .class2]:block\\` // Classes\n\ntw\\`[.class1]:[.class2]:block\\` // Multiple dynamic variants\ntw\\`[.class1 .class2]:[.class3]:block\\` // Multiple dynamic variants\n\ntw\\`[p]:placeholder-red-500/[var(--myvar)]\\`\ntw\\`[p]:mt-[var(--myvar)]\\`\ntw\\`[p]:marginTop[var(--myvar)]\\`\ntw\\`[p]:[margin-top:var(--myvar)]\\`\n\ntw\\`[p]:(mt-4 mb-4)\\`\n\ntw\\`[@media (min-width: 800px)]:block\\`\ntw\\`[content\\\\!]:block\\`\n\n// Combinations\ntw\\`[&:nth-child(1)]:block\\`\ntw\\`[:nth-child(1)]:block\\`\ntw\\`[@media ...]:block\\`\ntw\\`[.selector]:block\\`\ntw\\`[section]:block\\`\ntw\\`[section &]:block\\`\ntw\\`md:[section]:block\\`\ntw\\`[section]:[bla]:block\\`\ntw\\`[section &]:[pre &]:block\\`\ntw\\`[section &]:[& pre]:block\\`\ntw\\`[section &]:first:[pre &]:block\\`\ntw\\`[section &]:first:[& pre]:block\\`\ntw\\`first:[section &]:[pre &]:block\\`\ntw\\`first:[section &]:[& pre]:block\\`\ntw\\`first:[section &]:[& pre]:mt-[2px]\\`\ntw\\`first:[section &]:[& pre]:[display:inline]\\`\ntw\\`[pre]:[display:inline]\\`\ntw\\`[& pre]:[display:inline]\\`\ntw\\`[:hover]:[display:inline]\\`\ntw\\`[.dropdown.dropdown-open &, .dropdown:focus &]:block\\`\ntw\\`[path]:first:[stroke: #000] md:[path]:[stroke: #000]\\`\ntw\\`first:block md:[path]:[stroke: #000]\\`\ntw\\`[.sec section a[target=\"_blank\"]]:block\\` // < issue with _blank present in tailwindcss\ntw\\`[&.pre,& section,]:block\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n 'section:hover': {\n display: 'block',\n },\n})\n;({\n 'section:hover': {\n display: 'block',\n },\n})\n;({\n 'p:hover': {\n display: 'block',\n },\n})\n;({\n ':hover p': {\n display: 'block',\n },\n})\n;({\n '& * + *': {\n display: 'block',\n },\n}) // Spaces\n\n;({\n '& .class1 .class2': {\n display: 'block',\n },\n}) // Classes\n\n;({\n '& .class1 .class2': {\n display: 'block',\n },\n}) // Multiple dynamic variants\n\n;({\n '& .class1 .class2 .class3': {\n display: 'block',\n },\n}) // Multiple dynamic variants\n\n;({\n '& p::placeholder': {\n color: 'rgb(239 68 68 / var(--myvar))',\n },\n})\n;({\n '& p': {\n marginTop: 'var(--myvar)',\n },\n})\n;({\n '& p': {\n marginTop: 'var(--myvar)',\n },\n})\n;({\n '& p': {\n marginTop: 'var(--myvar)',\n },\n})\n;({\n '& p': {\n marginBottom: '1rem',\n marginTop: '1rem',\n },\n})\n;({\n '@media (min-width: 800px)': {\n display: 'block',\n },\n})\n;({\n '& content!': {\n display: 'block',\n },\n}) // Combinations\n\n;({\n ':nth-child(1)': {\n display: 'block',\n },\n})\n;({\n ':nth-child(1)': {\n display: 'block',\n },\n})\n;({\n '@media ...': {\n display: 'block',\n },\n})\n;({\n '& .selector': {\n display: 'block',\n },\n})\n;({\n '& section': {\n display: 'block',\n },\n})\n;({\n 'section &': {\n display: 'block',\n },\n})\n;({\n '@media (min-width: 768px)': {\n '& section': {\n display: 'block',\n },\n },\n})\n;({\n '& section bla': {\n display: 'block',\n },\n})\n;({\n '& pre section': {\n display: 'block',\n },\n})\n;({\n '& section pre': {\n display: 'block',\n },\n})\n;({\n 'pre section &:first-child': {\n display: 'block',\n },\n})\n;({\n 'section &:first-child pre': {\n display: 'block',\n },\n})\n;({\n ':first-child pre section': {\n display: 'block',\n },\n})\n;({\n ':first-child section pre': {\n display: 'block',\n },\n})\n;({\n ':first-child section pre': {\n marginTop: '2px',\n },\n})\n;({\n ':first-child section pre': {\n display: 'inline',\n },\n})\n;({\n '& pre': {\n display: 'inline',\n },\n})\n;({\n '& pre': {\n display: 'inline',\n },\n})\n;({\n ':hover': {\n display: 'inline',\n },\n})\n;({\n '.dropdown.dropdown-open &,.dropdown:focus &': {\n display: 'block',\n },\n})\n;({\n '@media (min-width: 768px)': {\n '& path': {\n stroke: '#000',\n },\n },\n 'path:first-child': {\n stroke: '#000',\n },\n})\n;({\n ':first-child': {\n display: 'block',\n },\n '@media (min-width: 768px)': {\n '& path': {\n stroke: '#000',\n },\n },\n})\n;({\n '& .sec section a[target=\" blank\"]': {\n display: 'block',\n },\n}) // < issue with _blank present in tailwindcss\n\n;({\n '&.pre,& section': {\n display: 'block',\n },\n})\n\n\n`;\n\nexports[`twin.macro aspectRatio.tsx: aspectRatio.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/aspect-ratio\ntheme\\`aspectRatio\\`\n\ntw\\`aspect-auto\\`\ntw\\`aspect-square\\`\ntw\\`aspect-video\\`\ntw\\`aspect-[4/3]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/aspect-ratio\n;({\n auto: 'auto',\n square: '1 / 1',\n video: '16 / 9',\n})\n;({\n aspectRatio: 'auto',\n})\n;({\n aspectRatio: '1 / 1',\n})\n;({\n aspectRatio: '16 / 9',\n})\n;({\n aspectRatio: '4/3',\n})\n\n\n`;\n\nexports[`twin.macro autoCssProp.tsx: autoCssProp.tsx 1`] = `\n\n// @ts-nocheck\nimport '../macro' // twinImport\n\n// Css prop isn't handled by twin\n;
    \n;
    \n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;
    \n;
    \n\n\n`;\n\nexports[`twin.macro autoCssProp.tsx: autoCssProp.tsx 2`] = `\n\n// @ts-nocheck\nimport '../macro' // twinImport\n;
    \n;
    \n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;
    \n;
    \n\n\n`;\n\nexports[`twin.macro autoCssProp.tsx: autoCssProp.tsx 3`] = `\n\n// @ts-nocheck\nimport '../macro' // twinImport\n;
    \n;
    \n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;
    \n;
    \n\n\n`;\n\nexports[`twin.macro autoCssPropWithStyled.tsx: autoCssPropWithStyled.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro' // twinImport\n\n// Css prop isn't handled by twin\ntw.div\\`block\\`\n;
    \n\nconst Test = tw.div\\`\\`\n;\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport _styled from '@emotion/styled'\n\n// twinImport\n// Css prop isn't handled by twin\n_styled.div({\n display: 'block',\n})\n\n;\n\nconst Test = _styled.div({})\n\n;\n\n\n`;\n\nexports[`twin.macro autoCssPropWithStyled.tsx: autoCssPropWithStyled.tsx 2`] = `\n\n// @ts-nocheck\nimport tw from '../macro' // twinImport\n\ntw.div\\`block\\`\n;
    \n\nconst Test = tw.div\\`\\`\n;\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport _styled from 'styled-components'\n\n// twinImport\n_styled.div({\n display: 'block',\n})\n\n;\n\nconst Test = _styled.div({})\n\n;\n\n\n`;\n\nexports[`twin.macro backdropBlur.tsx: backdropBlur.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-blur\ntheme\\`backdropBlur.\\`\n\ntw\\`backdrop-blur-none\\`\ntw\\`backdrop-blur-sm\\`\ntw\\`backdrop-blur\\`\ntw\\`backdrop-blur-md\\`\ntw\\`backdrop-blur-lg\\`\ntw\\`backdrop-blur-xl\\`\ntw\\`backdrop-blur-2xl\\`\ntw\\`backdrop-blur-3xl\\`\n\ntw\\`backdrop-blur-[2px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-blur\n;({\n 0: '0',\n none: '0',\n sm: '4px',\n DEFAULT: '8px',\n md: '12px',\n lg: '16px',\n xl: '24px',\n '2xl': '40px',\n '3xl': '64px',\n})\n;({\n '--tw-backdrop-blur': 'blur(0)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-blur': 'blur(4px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-blur': 'blur(8px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-blur': 'blur(12px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-blur': 'blur(16px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-blur': 'blur(24px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-blur': 'blur(40px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-blur': 'blur(64px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-blur': 'blur(2px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n\n\n`;\n\nexports[`twin.macro backdropBrightness.tsx: backdropBrightness.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-brightness\ntheme\\`brightness\\`\n\ntw\\`brightness-0\\`\ntw\\`brightness-50\\`\ntw\\`brightness-75\\`\ntw\\`brightness-90\\`\ntw\\`brightness-95\\`\ntw\\`brightness-100\\`\ntw\\`brightness-105\\`\ntw\\`brightness-110\\`\ntw\\`brightness-125\\`\ntw\\`brightness-150\\`\ntw\\`brightness-200\\`\n\ntw\\`brightness-[1.75]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-brightness\n;({\n 0: '0',\n 50: '.5',\n 75: '.75',\n 90: '.9',\n 95: '.95',\n 100: '1',\n 105: '1.05',\n 110: '1.1',\n 125: '1.25',\n 150: '1.5',\n 200: '2',\n})\n;({\n '--tw-brightness': 'brightness(0)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(.5)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(.75)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(.9)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(.95)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.05)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.1)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.25)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.5)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(2)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.75)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro backdropContrast.tsx: backdropContrast.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-contrast\ntheme\\`backdropContrast\\`\n\ntw\\`backdrop-contrast-0\\`\ntw\\`backdrop-contrast-50\\`\ntw\\`backdrop-contrast-75\\`\ntw\\`backdrop-contrast-100\\`\ntw\\`backdrop-contrast-125\\`\ntw\\`backdrop-contrast-150\\`\ntw\\`backdrop-contrast-200\\`\n\ntw\\`backdrop-contrast-[.25]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-contrast\n;({\n 0: '0',\n 50: '.5',\n 75: '.75',\n 100: '1',\n 125: '1.25',\n 150: '1.5',\n 200: '2',\n})\n;({\n '--tw-backdrop-contrast': 'contrast(0)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-contrast': 'contrast(.5)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-contrast': 'contrast(.75)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-contrast': 'contrast(1)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-contrast': 'contrast(1.25)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-contrast': 'contrast(1.5)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-contrast': 'contrast(2)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-contrast': 'contrast(.25)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n\n\n`;\n\nexports[`twin.macro backdropGrayscale.tsx: backdropGrayscale.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-grayscale\ntheme\\`backdropGrayscale.\\`\n\ntw\\`backdrop-grayscale-0\\`\ntw\\`backdrop-grayscale\\`\n\ntw\\`backdrop-grayscale-[.5]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-grayscale\n;({\n 0: '0',\n DEFAULT: '100%',\n})\n;({\n '--tw-backdrop-grayscale': 'grayscale(0)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-grayscale': 'grayscale(100%)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-grayscale': 'grayscale(.5)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n\n\n`;\n\nexports[`twin.macro backdropHueRotate.tsx: backdropHueRotate.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-hue-rotate\ntheme\\`backdropHueRotate\\`\n\ntw\\`backdrop-hue-rotate-0\\`\ntw\\`backdrop-hue-rotate-15\\`\ntw\\`backdrop-hue-rotate-30\\`\ntw\\`backdrop-hue-rotate-60\\`\ntw\\`backdrop-hue-rotate-90\\`\ntw\\`backdrop-hue-rotate-180\\`\n\ntw\\`-backdrop-hue-rotate-0\\`\ntw\\`-backdrop-hue-rotate-15\\`\ntw\\`-backdrop-hue-rotate-30\\`\ntw\\`-backdrop-hue-rotate-60\\`\ntw\\`-backdrop-hue-rotate-90\\`\ntw\\`-backdrop-hue-rotate-180\\`\n\ntw\\`backdrop-hue-rotate-[270deg]\\`\ntw\\`-backdrop-hue-rotate-[270deg]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-hue-rotate\n;({\n 0: '0deg',\n 15: '15deg',\n 30: '30deg',\n 60: '60deg',\n 90: '90deg',\n 180: '180deg',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(0deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(15deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(30deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(60deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(90deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(180deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(-0deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(-15deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(-30deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(-60deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(-90deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(-180deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(270deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-hue-rotate': 'hue-rotate(-270deg)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n\n\n`;\n\nexports[`twin.macro backdropInvert.tsx: backdropInvert.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-invert\ntheme\\`backdropInvert.\\`\n\ntw\\`backdrop-invert-0\\`\ntw\\`backdrop-invert\\`\n\ntw\\`backdrop-invert-[.25]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-invert\n;({\n 0: '0',\n DEFAULT: '100%',\n})\n;({\n '--tw-backdrop-invert': 'invert(0)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-invert': 'invert(100%)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-invert': 'invert(.25)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n\n\n`;\n\nexports[`twin.macro backdropOpacity.tsx: backdropOpacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-opacity\ntheme\\`backdropOpacity\\`\n\ntw\\`backdrop-opacity-0\\`\ntw\\`backdrop-opacity-5\\`\ntw\\`backdrop-opacity-10\\`\ntw\\`backdrop-opacity-20\\`\ntw\\`backdrop-opacity-25\\`\ntw\\`backdrop-opacity-30\\`\ntw\\`backdrop-opacity-40\\`\ntw\\`backdrop-opacity-50\\`\ntw\\`backdrop-opacity-60\\`\ntw\\`backdrop-opacity-70\\`\ntw\\`backdrop-opacity-75\\`\ntw\\`backdrop-opacity-80\\`\ntw\\`backdrop-opacity-90\\`\ntw\\`backdrop-opacity-95\\`\ntw\\`backdrop-opacity-100\\`\n\ntw\\`backdrop-opacity-[.15]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-opacity\n;({\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.05)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.1)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.2)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.25)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.3)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.4)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.5)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.6)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.7)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.75)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.8)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.9)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(0.95)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(1)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-opacity': 'opacity(.15)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n\n\n`;\n\nexports[`twin.macro backdropSaturate.tsx: backdropSaturate.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-saturate\ntheme\\`backdropSaturate\\`\n\ntw\\`backdrop-saturate-0\\`\ntw\\`backdrop-saturate-50\\`\ntw\\`backdrop-saturate-100\\`\ntw\\`backdrop-saturate-150\\`\ntw\\`backdrop-saturate-200\\`\n\ntw\\`backdrop-saturate-[.25]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-saturate\n;({\n 0: '0',\n 50: '.5',\n 100: '1',\n 150: '1.5',\n 200: '2',\n})\n;({\n '--tw-backdrop-saturate': 'saturate(0)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-saturate': 'saturate(.5)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-saturate': 'saturate(1)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-saturate': 'saturate(1.5)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-saturate': 'saturate(2)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-saturate': 'saturate(.25)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n\n\n`;\n\nexports[`twin.macro backdropSepia.tsx: backdropSepia.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/backdrop-sepia\ntheme\\`backdropSepia.\\`\n\ntw\\`backdrop-sepia-0\\`\ntw\\`backdrop-sepia\\`\n\ntw\\`backdrop-sepia-[.25]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/backdrop-sepia\n;({\n 0: '0',\n DEFAULT: '100%',\n})\n;({\n '--tw-backdrop-sepia': 'sepia(0)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-sepia': 'sepia(100%)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n;({\n '--tw-backdrop-sepia': 'sepia(.25)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n})\n\n\n`;\n\nexports[`twin.macro backgroundAttachment.tsx: backgroundAttachment.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-attachment\ntw\\`bg-fixed\\`\ntw\\`bg-local\\`\ntw\\`bg-scroll\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-attachment\n;({\n backgroundAttachment: 'fixed',\n})\n;({\n backgroundAttachment: 'local',\n})\n;({\n backgroundAttachment: 'scroll',\n})\n\n\n`;\n\nexports[`twin.macro backgroundBlendMode.tsx: backgroundBlendMode.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-blend-mode\ntw\\`bg-blend-normal\\`\ntw\\`bg-blend-multiply\\`\ntw\\`bg-blend-screen\\`\ntw\\`bg-blend-overlay\\`\ntw\\`bg-blend-darken\\`\ntw\\`bg-blend-lighten\\`\ntw\\`bg-blend-color-dodge\\`\ntw\\`bg-blend-color-burn\\`\ntw\\`bg-blend-hard-light\\`\ntw\\`bg-blend-soft-light\\`\ntw\\`bg-blend-difference\\`\ntw\\`bg-blend-exclusion\\`\ntw\\`bg-blend-hue\\`\ntw\\`bg-blend-saturation\\`\ntw\\`bg-blend-color\\`\ntw\\`bg-blend-luminosity\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-blend-mode\n;({\n backgroundBlendMode: 'normal',\n})\n;({\n backgroundBlendMode: 'multiply',\n})\n;({\n backgroundBlendMode: 'screen',\n})\n;({\n backgroundBlendMode: 'overlay',\n})\n;({\n backgroundBlendMode: 'darken',\n})\n;({\n backgroundBlendMode: 'lighten',\n})\n;({\n backgroundBlendMode: 'color-dodge',\n})\n;({\n backgroundBlendMode: 'color-burn',\n})\n;({\n backgroundBlendMode: 'hard-light',\n})\n;({\n backgroundBlendMode: 'soft-light',\n})\n;({\n backgroundBlendMode: 'difference',\n})\n;({\n backgroundBlendMode: 'exclusion',\n})\n;({\n backgroundBlendMode: 'hue',\n})\n;({\n backgroundBlendMode: 'saturation',\n})\n;({\n backgroundBlendMode: 'color',\n})\n;({\n backgroundBlendMode: 'luminosity',\n})\n\n\n`;\n\nexports[`twin.macro backgroundClip.tsx: backgroundClip.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-clip\ntw\\`bg-clip-border\\`\ntw\\`bg-clip-padding\\`\ntw\\`bg-clip-content\\`\ntw\\`bg-clip-text\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-clip\n;({\n backgroundClip: 'border-box',\n})\n;({\n backgroundClip: 'padding-box',\n})\n;({\n backgroundClip: 'content-box',\n})\n;({\n WebkitBackgroundClip: 'text',\n backgroundClip: 'text',\n})\n\n\n`;\n\nexports[`twin.macro backgroundColor.tsx: backgroundColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/background-color\ntheme\\`backgroundColor\\`\n\ntw\\`bg-inherit\\`\ntw\\`bg-current\\`\ntw\\`bg-transparent\\`\ntw\\`bg-black\\`\ntw\\`bg-white\\`\ntw\\`bg-slate-50\\`\ntw\\`bg-slate-100\\`\ntw\\`bg-slate-200\\`\ntw\\`bg-slate-300\\`\ntw\\`bg-slate-400\\`\ntw\\`bg-slate-500\\`\ntw\\`bg-slate-600\\`\ntw\\`bg-slate-700\\`\ntw\\`bg-slate-800\\`\ntw\\`bg-slate-900\\`\ntw\\`bg-gray-50\\`\ntw\\`bg-gray-100\\`\ntw\\`bg-gray-200\\`\ntw\\`bg-gray-300\\`\ntw\\`bg-gray-400\\`\ntw\\`bg-gray-500\\`\ntw\\`bg-gray-600\\`\ntw\\`bg-gray-700\\`\ntw\\`bg-gray-800\\`\ntw\\`bg-gray-900\\`\ntw\\`bg-zinc-50\\`\ntw\\`bg-zinc-100\\`\ntw\\`bg-zinc-200\\`\ntw\\`bg-zinc-300\\`\ntw\\`bg-zinc-400\\`\ntw\\`bg-zinc-500\\`\ntw\\`bg-zinc-600\\`\ntw\\`bg-zinc-700\\`\ntw\\`bg-zinc-800\\`\ntw\\`bg-zinc-900\\`\ntw\\`bg-neutral-50\\`\ntw\\`bg-neutral-100\\`\ntw\\`bg-neutral-200\\`\ntw\\`bg-neutral-300\\`\ntw\\`bg-neutral-400\\`\ntw\\`bg-neutral-500\\`\ntw\\`bg-neutral-600\\`\ntw\\`bg-neutral-700\\`\ntw\\`bg-neutral-800\\`\ntw\\`bg-neutral-900\\`\ntw\\`bg-stone-50\\`\ntw\\`bg-stone-100\\`\ntw\\`bg-stone-200\\`\ntw\\`bg-stone-300\\`\ntw\\`bg-stone-400\\`\ntw\\`bg-stone-500\\`\ntw\\`bg-stone-600\\`\ntw\\`bg-stone-700\\`\ntw\\`bg-stone-800\\`\ntw\\`bg-stone-900\\`\ntw\\`bg-red-50\\`\ntw\\`bg-red-100\\`\ntw\\`bg-red-200\\`\ntw\\`bg-red-300\\`\ntw\\`bg-red-400\\`\ntw\\`bg-red-500\\`\ntw\\`bg-red-600\\`\ntw\\`bg-red-700\\`\ntw\\`bg-red-800\\`\ntw\\`bg-red-900\\`\ntw\\`bg-orange-50\\`\ntw\\`bg-orange-100\\`\ntw\\`bg-orange-200\\`\ntw\\`bg-orange-300\\`\ntw\\`bg-orange-400\\`\ntw\\`bg-orange-500\\`\ntw\\`bg-orange-600\\`\ntw\\`bg-orange-700\\`\ntw\\`bg-orange-800\\`\ntw\\`bg-orange-900\\`\ntw\\`bg-amber-50\\`\ntw\\`bg-amber-100\\`\ntw\\`bg-amber-200\\`\ntw\\`bg-amber-300\\`\ntw\\`bg-amber-400\\`\ntw\\`bg-amber-500\\`\ntw\\`bg-amber-600\\`\ntw\\`bg-amber-700\\`\ntw\\`bg-amber-800\\`\ntw\\`bg-amber-900\\`\ntw\\`bg-yellow-50\\`\ntw\\`bg-yellow-100\\`\ntw\\`bg-yellow-200\\`\ntw\\`bg-yellow-300\\`\ntw\\`bg-yellow-400\\`\ntw\\`bg-yellow-500\\`\ntw\\`bg-yellow-600\\`\ntw\\`bg-yellow-700\\`\ntw\\`bg-yellow-800\\`\ntw\\`bg-yellow-900\\`\ntw\\`bg-lime-50\\`\ntw\\`bg-lime-100\\`\ntw\\`bg-lime-200\\`\ntw\\`bg-lime-300\\`\ntw\\`bg-lime-400\\`\ntw\\`bg-lime-500\\`\ntw\\`bg-lime-600\\`\ntw\\`bg-lime-700\\`\ntw\\`bg-lime-800\\`\ntw\\`bg-lime-900\\`\ntw\\`bg-green-50\\`\ntw\\`bg-green-100\\`\ntw\\`bg-green-200\\`\ntw\\`bg-green-300\\`\ntw\\`bg-green-400\\`\ntw\\`bg-green-500\\`\ntw\\`bg-green-600\\`\ntw\\`bg-green-700\\`\ntw\\`bg-green-800\\`\ntw\\`bg-green-900\\`\ntw\\`bg-emerald-50\\`\ntw\\`bg-emerald-100\\`\ntw\\`bg-emerald-200\\`\ntw\\`bg-emerald-300\\`\ntw\\`bg-emerald-400\\`\ntw\\`bg-emerald-500\\`\ntw\\`bg-emerald-600\\`\ntw\\`bg-emerald-700\\`\ntw\\`bg-emerald-800\\`\ntw\\`bg-emerald-900\\`\ntw\\`bg-teal-50\\`\ntw\\`bg-teal-100\\`\ntw\\`bg-teal-200\\`\ntw\\`bg-teal-300\\`\ntw\\`bg-teal-400\\`\ntw\\`bg-teal-500\\`\ntw\\`bg-teal-600\\`\ntw\\`bg-teal-700\\`\ntw\\`bg-teal-800\\`\ntw\\`bg-teal-900\\`\ntw\\`bg-cyan-50\\`\ntw\\`bg-cyan-100\\`\ntw\\`bg-cyan-200\\`\ntw\\`bg-cyan-300\\`\ntw\\`bg-cyan-400\\`\ntw\\`bg-cyan-500\\`\ntw\\`bg-cyan-600\\`\ntw\\`bg-cyan-700\\`\ntw\\`bg-cyan-800\\`\ntw\\`bg-cyan-900\\`\ntw\\`bg-sky-50\\`\ntw\\`bg-sky-100\\`\ntw\\`bg-sky-200\\`\ntw\\`bg-sky-300\\`\ntw\\`bg-sky-400\\`\ntw\\`bg-sky-500\\`\ntw\\`bg-sky-600\\`\ntw\\`bg-sky-700\\`\ntw\\`bg-sky-800\\`\ntw\\`bg-sky-900\\`\ntw\\`bg-blue-50\\`\ntw\\`bg-blue-100\\`\ntw\\`bg-blue-200\\`\ntw\\`bg-blue-300\\`\ntw\\`bg-blue-400\\`\ntw\\`bg-blue-500\\`\ntw\\`bg-blue-600\\`\ntw\\`bg-blue-700\\`\ntw\\`bg-blue-800\\`\ntw\\`bg-blue-900\\`\ntw\\`bg-indigo-50\\`\ntw\\`bg-indigo-100\\`\ntw\\`bg-indigo-200\\`\ntw\\`bg-indigo-300\\`\ntw\\`bg-indigo-400\\`\ntw\\`bg-indigo-500\\`\ntw\\`bg-indigo-600\\`\ntw\\`bg-indigo-700\\`\ntw\\`bg-indigo-800\\`\ntw\\`bg-indigo-900\\`\ntw\\`bg-violet-50\\`\ntw\\`bg-violet-100\\`\ntw\\`bg-violet-200\\`\ntw\\`bg-violet-300\\`\ntw\\`bg-violet-400\\`\ntw\\`bg-violet-500\\`\ntw\\`bg-violet-600\\`\ntw\\`bg-violet-700\\`\ntw\\`bg-violet-800\\`\ntw\\`bg-violet-900\\`\ntw\\`bg-purple-50\\`\ntw\\`bg-purple-100\\`\ntw\\`bg-purple-200\\`\ntw\\`bg-purple-300\\`\ntw\\`bg-purple-400\\`\ntw\\`bg-purple-500\\`\ntw\\`bg-purple-600\\`\ntw\\`bg-purple-700\\`\ntw\\`bg-purple-800\\`\ntw\\`bg-purple-900\\`\ntw\\`bg-fuchsia-50\\`\ntw\\`bg-fuchsia-100\\`\ntw\\`bg-fuchsia-200\\`\ntw\\`bg-fuchsia-300\\`\ntw\\`bg-fuchsia-400\\`\ntw\\`bg-fuchsia-500\\`\ntw\\`bg-fuchsia-600\\`\ntw\\`bg-fuchsia-700\\`\ntw\\`bg-fuchsia-800\\`\ntw\\`bg-fuchsia-900\\`\ntw\\`bg-pink-50\\`\ntw\\`bg-pink-100\\`\ntw\\`bg-pink-200\\`\ntw\\`bg-pink-300\\`\ntw\\`bg-pink-400\\`\ntw\\`bg-pink-500\\`\ntw\\`bg-pink-600\\`\ntw\\`bg-pink-700\\`\ntw\\`bg-pink-800\\`\ntw\\`bg-pink-900\\`\ntw\\`bg-rose-50\\`\ntw\\`bg-rose-100\\`\ntw\\`bg-rose-200\\`\ntw\\`bg-rose-300\\`\ntw\\`bg-rose-400\\`\ntw\\`bg-rose-500\\`\ntw\\`bg-rose-600\\`\ntw\\`bg-rose-700\\`\ntw\\`bg-rose-800\\`\ntw\\`bg-rose-900\\`\n\ntw\\`bg-[#0f0] bg-[#ff0000] bg-[#0000ffcc]\\`\ntw\\`bg-[#0000ffcc]\\`\ntw\\`bg-[rgb(123,123,123)] bg-[rgba(123,123,123,0.5)]\\`\ntw\\`bg-[hsl(0,100%,50%)] bg-[hsla(0,100%,50%,0.3)]\\`\ntw\\`bg-[url('/img/hero-pattern.svg')]\\`\n\ntw\\`bg-red-500/25\\`\ntw\\`bg-red-500/fromConfig\\`\ntw\\`bg-red-500/fromConfig/25\\`\ntw\\`bg-red-500/fromConfig/[.555]\\`\ntw\\`bg-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`bg-red-500/[.555]\\`\ntw\\`bg-red-500/[var(--myvar)]\\`\ntw\\`bg-[theme('colors.red.500')]\\`\ntw\\`bg-[theme('colors.red.500')]/20\\`\n\ntw\\`bg-electric\\`\ntw\\`bg-electric/25\\`\ntw\\`bg-electric/[.555]\\`\ntw\\`bg-electric/[var(--myvar)]\\`\ntw\\`bg-[theme('colors.electric')]\\`\ntw\\`bg-[theme('colors.electric')]/20\\`\n\ntw\\`bg-[color:custom]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n backgroundColor: 'inherit',\n})\n;({\n backgroundColor: 'currentColor',\n})\n;({\n backgroundColor: 'transparent',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 255 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(248 250 252 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(241 245 249 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(226 232 240 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(203 213 225 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(148 163 184 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(100 116 139 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(71 85 105 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(51 65 85 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(30 41 59 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(15 23 42 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(249 250 251 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(243 244 246 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(229 231 235 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(209 213 219 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(156 163 175 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(107 114 128 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(75 85 99 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(55 65 81 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(31 41 55 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(17 24 39 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(250 250 250 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(244 244 245 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(228 228 231 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(212 212 216 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(161 161 170 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(113 113 122 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(82 82 91 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(63 63 70 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(39 39 42 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(24 24 27 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(250 250 250 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(245 245 245 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(229 229 229 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(212 212 212 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(163 163 163 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(115 115 115 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(82 82 82 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(64 64 64 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(38 38 38 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(23 23 23 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(250 250 249 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(245 245 244 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(231 229 228 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(214 211 209 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(168 162 158 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(120 113 108 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(87 83 78 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(68 64 60 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(41 37 36 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(28 25 23 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 242 242 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 226 226 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 202 202 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(252 165 165 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(248 113 113 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(239 68 68 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(220 38 38 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(185 28 28 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(153 27 27 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(127 29 29 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 247 237 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 237 213 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 215 170 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(253 186 116 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(251 146 60 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(249 115 22 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(234 88 12 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(194 65 12 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(154 52 18 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(124 45 18 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 251 235 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 243 199 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(253 230 138 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(252 211 77 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(251 191 36 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(245 158 11 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(217 119 6 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(180 83 9 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(146 64 14 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(120 53 15 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 252 232 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 249 195 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 240 138 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(253 224 71 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(250 204 21 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(234 179 8 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(202 138 4 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(161 98 7 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(133 77 14 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(113 63 18 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(247 254 231 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(236 252 203 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(217 249 157 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(190 242 100 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(163 230 53 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(132 204 22 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(101 163 13 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(77 124 15 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(63 98 18 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(54 83 20 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(240 253 244 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(220 252 231 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(187 247 208 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(134 239 172 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(74 222 128 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(34 197 94 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(22 163 74 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(21 128 61 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(22 101 52 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(20 83 45 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(236 253 245 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(209 250 229 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(167 243 208 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(110 231 183 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(52 211 153 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(16 185 129 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(5 150 105 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(4 120 87 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(6 95 70 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(6 78 59 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(240 253 250 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(204 251 241 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(153 246 228 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(94 234 212 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(45 212 191 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(20 184 166 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(13 148 136 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(15 118 110 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(17 94 89 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(19 78 74 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(236 254 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(207 250 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(165 243 252 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(103 232 249 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(34 211 238 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(6 182 212 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(8 145 178 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(14 116 144 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(21 94 117 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(22 78 99 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(240 249 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(224 242 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(186 230 253 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(125 211 252 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(56 189 248 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(14 165 233 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(2 132 199 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(3 105 161 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(7 89 133 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(12 74 110 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(239 246 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(219 234 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(191 219 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(147 197 253 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(96 165 250 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(59 130 246 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(37 99 235 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(29 78 216 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(30 64 175 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(30 58 138 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(238 242 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(224 231 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(199 210 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(165 180 252 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(129 140 248 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(99 102 241 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(79 70 229 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(67 56 202 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(55 48 163 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(49 46 129 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(245 243 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(237 233 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(221 214 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(196 181 253 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(167 139 250 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(139 92 246 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(124 58 237 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(109 40 217 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(91 33 182 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(76 29 149 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(250 245 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(243 232 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(233 213 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(216 180 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(192 132 252 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(168 85 247 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(147 51 234 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(126 34 206 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(107 33 168 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(88 28 135 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(253 244 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(250 232 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(245 208 254 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(240 171 252 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(232 121 249 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(217 70 239 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(192 38 211 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(162 28 175 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(134 25 143 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(112 26 117 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(253 242 248 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(252 231 243 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(251 207 232 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(249 168 212 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(244 114 182 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(236 72 153 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(219 39 119 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(190 24 93 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(157 23 77 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(131 24 67 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 241 242 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 228 230 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 205 211 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(253 164 175 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(251 113 133 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(244 63 94 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(225 29 72 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(190 18 60 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(159 18 57 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(136 19 55 / var(--tw-bg-opacity))',\n})\n;({\n backgroundColor: 'rgb(255 0 0 / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '1',\n})\n;({\n backgroundColor: '#0000ffcc',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgba(123,123,123,0.5)',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsla(0,100%,50%,0.3)',\n})\n;({\n backgroundImage: \"url('/img/hero-pattern.svg')\",\n})\n;({\n backgroundColor: 'rgb(239 68 68 / 0.25)',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 0 / var(--tw-bg-opacity))',\n})\n;({\n backgroundColor: 'rgb(0 0 0 / 0.25)',\n})\n;({\n backgroundColor: 'rgb(0 0 0 / .555)',\n})\n;({\n backgroundColor: 'rgb(0 0 0 / var(--myvar))',\n})\n;({\n backgroundColor: 'rgb(239 68 68 / .555)',\n})\n;({\n backgroundColor: 'rgb(239 68 68 / var(--myvar))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(239 68 68 / var(--tw-bg-opacity))',\n})\n;({\n backgroundColor: 'rgb(239 68 68 / 0.2)',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgba(219, 0, 255, var(--tw-bg-opacity))',\n})\n;({\n backgroundColor: 'rgba(219, 0, 255, 0.25)',\n})\n;({\n backgroundColor: 'rgba(219, 0, 255, .555)',\n})\n;({\n backgroundColor: 'rgba(219, 0, 255, var(--myvar))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(219 0 255 / var(--tw-bg-opacity))',\n})\n;({\n backgroundColor: 'rgb(219 0 255 / 0.2)',\n})\n;({\n backgroundColor: 'custom',\n})\n\n\n`;\n\nexports[`twin.macro backgroundImage.tsx: backgroundImage.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/background-image\ntheme\\`backgroundImage\\`\n\ntw\\`bg-none\\`\ntw\\`bg-gradient-to-t\\`\ntw\\`bg-gradient-to-tr\\`\ntw\\`bg-gradient-to-r\\`\ntw\\`bg-gradient-to-br\\`\ntw\\`bg-gradient-to-b\\`\ntw\\`bg-gradient-to-bl\\`\ntw\\`bg-gradient-to-l\\`\ntw\\`bg-gradient-to-tl\\`\n\ntw\\`bg-[image:custom]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-image\n;({\n none: 'none',\n 'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',\n 'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',\n 'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',\n 'gradient-to-br':\n 'linear-gradient(to bottom right, var(--tw-gradient-stops))',\n 'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',\n 'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',\n 'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',\n 'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'none',\n})\n;({\n backgroundImage: 'linear-gradient(to top, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'linear-gradient(to top right, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'linear-gradient(to bottom right, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'linear-gradient(to bottom, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'linear-gradient(to bottom left, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'linear-gradient(to left, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'linear-gradient(to top left, var(--tw-gradient-stops))',\n})\n;({\n backgroundImage: 'custom',\n})\n\n\n`;\n\nexports[`twin.macro backgroundOpacity.tsx: backgroundOpacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-opacity\ntw\\`bg-sky-500/100\\`\ntw\\`bg-sky-500/75\\`\ntw\\`bg-sky-500/50\\`\ntw\\`bg-sky-500/[.06]\\`\n\ntw\\`bg-opacity-0\\`\ntw\\`bg-opacity-5\\`\ntw\\`bg-opacity-10\\`\ntw\\`bg-opacity-20\\`\ntw\\`bg-opacity-25\\`\ntw\\`bg-opacity-30\\`\ntw\\`bg-opacity-40\\`\ntw\\`bg-opacity-50\\`\ntw\\`bg-opacity-60\\`\ntw\\`bg-opacity-70\\`\ntw\\`bg-opacity-75\\`\ntw\\`bg-opacity-80\\`\ntw\\`bg-opacity-90\\`\ntw\\`bg-opacity-95\\`\ntw\\`bg-opacity-100\\`\n\ntw\\`bg-opacity-[0.11]\\`\ntw\\`bg-opacity-[var(--value)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-opacity\n;({\n backgroundColor: 'rgb(14 165 233 / 1)',\n})\n;({\n backgroundColor: 'rgb(14 165 233 / 0.75)',\n})\n;({\n backgroundColor: 'rgb(14 165 233 / 0.5)',\n})\n;({\n backgroundColor: 'rgb(14 165 233 / .06)',\n})\n;({\n '--tw-bg-opacity': '0',\n})\n;({\n '--tw-bg-opacity': '0.05',\n})\n;({\n '--tw-bg-opacity': '0.1',\n})\n;({\n '--tw-bg-opacity': '0.2',\n})\n;({\n '--tw-bg-opacity': '0.25',\n})\n;({\n '--tw-bg-opacity': '0.3',\n})\n;({\n '--tw-bg-opacity': '0.4',\n})\n;({\n '--tw-bg-opacity': '0.5',\n})\n;({\n '--tw-bg-opacity': '0.6',\n})\n;({\n '--tw-bg-opacity': '0.7',\n})\n;({\n '--tw-bg-opacity': '0.75',\n})\n;({\n '--tw-bg-opacity': '0.8',\n})\n;({\n '--tw-bg-opacity': '0.9',\n})\n;({\n '--tw-bg-opacity': '0.95',\n})\n;({\n '--tw-bg-opacity': '1',\n})\n;({\n '--tw-bg-opacity': '0.11',\n})\n;({\n '--tw-bg-opacity': 'var(--value)',\n})\n\n\n`;\n\nexports[`twin.macro backgroundOrigin.tsx: backgroundOrigin.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-origin\ntw\\`bg-origin-border\\`\ntw\\`bg-origin-padding\\`\ntw\\`bg-origin-content\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-origin\n;({\n backgroundOrigin: 'border-box',\n})\n;({\n backgroundOrigin: 'padding-box',\n})\n;({\n backgroundOrigin: 'content-box',\n})\n\n\n`;\n\nexports[`twin.macro backgroundPosition.tsx: backgroundPosition.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/background-position\ntw\\`bg-bottom\\`\ntw\\`bg-center\\`\ntw\\`bg-left\\`\ntw\\`bg-left-bottom\\`\ntw\\`bg-left-top\\`\ntw\\`bg-right\\`\ntw\\`bg-right-bottom\\`\ntw\\`bg-right-top\\`\ntw\\`bg-top\\`\n\ntw\\`bg-[position:200px 100px]\\`\ntw\\`bg-[position:var(--value)]\\`\ntw\\`bg-[center top 1rem]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-position\n;({\n backgroundPosition: 'bottom',\n})\n;({\n backgroundPosition: 'center',\n})\n;({\n backgroundPosition: 'left',\n})\n;({\n backgroundPosition: 'left bottom',\n})\n;({\n backgroundPosition: 'left top',\n})\n;({\n backgroundPosition: 'right',\n})\n;({\n backgroundPosition: 'right bottom',\n})\n;({\n backgroundPosition: 'right top',\n})\n;({\n backgroundPosition: 'top',\n})\n;({\n backgroundPosition: '200px 100px',\n})\n;({\n backgroundPosition: 'var(--value)',\n})\n;({\n backgroundPosition: 'center top 1rem',\n})\n\n\n`;\n\nexports[`twin.macro backgroundRepeat.tsx: backgroundRepeat.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/background-repeat\ntheme\\`backgroundPosition\\`\n\ntw\\`bg-repeat\\`\ntw\\`bg-no-repeat\\`\ntw\\`bg-repeat-x\\`\ntw\\`bg-repeat-y\\`\ntw\\`bg-repeat-round\\`\ntw\\`bg-repeat-space\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-repeat\n;({\n bottom: 'bottom',\n center: 'center',\n left: 'left',\n 'left-bottom': 'left bottom',\n 'left-top': 'left top',\n right: 'right',\n 'right-bottom': 'right bottom',\n 'right-top': 'right top',\n top: 'top',\n})\n;({\n backgroundRepeat: 'repeat',\n})\n;({\n backgroundRepeat: 'no-repeat',\n})\n;({\n backgroundRepeat: 'repeat-x',\n})\n;({\n backgroundRepeat: 'repeat-y',\n})\n;({\n backgroundRepeat: 'round',\n})\n;({\n backgroundRepeat: 'space',\n})\n\n\n`;\n\nexports[`twin.macro backgroundSize.tsx: backgroundSize.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/background-size\ntheme\\`backgroundSize\\`\n\ntw\\`bg-auto\\`\ntw\\`bg-cover\\`\ntw\\`bg-contain\\`\n\ntw\\`bg-[length:var(--value)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/background-size\n;({\n auto: 'auto',\n cover: 'cover',\n contain: 'contain',\n})\n;({\n backgroundSize: 'auto',\n})\n;({\n backgroundSize: 'cover',\n})\n;({\n backgroundSize: 'contain',\n})\n;({\n backgroundSize: 'var(--value)',\n})\n\n\n`;\n\nexports[`twin.macro blur.tsx: blur.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/blur\ntheme\\`blur.\\`\n\ntw\\`blur-none\\`\ntw\\`blur-sm\\`\ntw\\`blur\\`\ntw\\`blur-md\\`\ntw\\`blur-lg\\`\ntw\\`blur-xl\\`\ntw\\`blur-2xl\\`\ntw\\`blur-3xl\\`\n\ntw\\`blur-[2px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/blur\n;({\n 0: '0',\n none: '0',\n sm: '4px',\n DEFAULT: '8px',\n md: '12px',\n lg: '16px',\n xl: '24px',\n '2xl': '40px',\n '3xl': '64px',\n})\n;({\n '--tw-blur': 'blur(0)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-blur': 'blur(4px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-blur': 'blur(8px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-blur': 'blur(12px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-blur': 'blur(16px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-blur': 'blur(24px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-blur': 'blur(40px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-blur': 'blur(64px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-blur': 'blur(2px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro borderCollapse.tsx: borderCollapse.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/border-collapse\ntw\\`border-collapse\\`\ntw\\`border-separate\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/border-collapse\n;({\n borderCollapse: 'collapse',\n})\n;({\n borderCollapse: 'separate',\n})\n\n\n`;\n\nexports[`twin.macro borderColor.tsx: borderColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/border-color\ntheme\\`borderColor.\\`\n\ntw\\`border-inherit\\`\ntw\\`border-current\\`\ntw\\`border-transparent\\`\ntw\\`border-black\\`\ntw\\`border-white\\`\ntw\\`border-slate-50\\`\ntw\\`border-slate-100\\`\ntw\\`border-slate-200\\`\ntw\\`border-slate-300\\`\ntw\\`border-slate-400\\`\ntw\\`border-slate-500\\`\ntw\\`border-slate-600\\`\ntw\\`border-slate-700\\`\ntw\\`border-slate-800\\`\ntw\\`border-slate-900\\`\ntw\\`border-gray-50\\`\ntw\\`border-gray-100\\`\ntw\\`border-gray-200\\`\ntw\\`border-gray-300\\`\ntw\\`border-gray-400\\`\ntw\\`border-gray-500\\`\ntw\\`border-gray-600\\`\ntw\\`border-gray-700\\`\ntw\\`border-gray-800\\`\ntw\\`border-gray-900\\`\ntw\\`border-zinc-50\\`\ntw\\`border-zinc-100\\`\ntw\\`border-zinc-200\\`\ntw\\`border-zinc-300\\`\ntw\\`border-zinc-400\\`\ntw\\`border-zinc-500\\`\ntw\\`border-zinc-600\\`\ntw\\`border-zinc-700\\`\ntw\\`border-zinc-800\\`\ntw\\`border-zinc-900\\`\ntw\\`border-neutral-50\\`\ntw\\`border-neutral-100\\`\ntw\\`border-neutral-200\\`\ntw\\`border-neutral-300\\`\ntw\\`border-neutral-400\\`\ntw\\`border-neutral-500\\`\ntw\\`border-neutral-600\\`\ntw\\`border-neutral-700\\`\ntw\\`border-neutral-800\\`\ntw\\`border-neutral-900\\`\ntw\\`border-stone-50\\`\ntw\\`border-stone-100\\`\ntw\\`border-stone-200\\`\ntw\\`border-stone-300\\`\ntw\\`border-stone-400\\`\ntw\\`border-stone-500\\`\ntw\\`border-stone-600\\`\ntw\\`border-stone-700\\`\ntw\\`border-stone-800\\`\ntw\\`border-stone-900\\`\ntw\\`border-red-50\\`\ntw\\`border-red-100\\`\ntw\\`border-red-200\\`\ntw\\`border-red-300\\`\ntw\\`border-red-400\\`\ntw\\`border-red-500\\`\ntw\\`border-red-600\\`\ntw\\`border-red-700\\`\ntw\\`border-red-800\\`\ntw\\`border-red-900\\`\ntw\\`border-orange-50\\`\ntw\\`border-orange-100\\`\ntw\\`border-orange-200\\`\ntw\\`border-orange-300\\`\ntw\\`border-orange-400\\`\ntw\\`border-orange-500\\`\ntw\\`border-orange-600\\`\ntw\\`border-orange-700\\`\ntw\\`border-orange-800\\`\ntw\\`border-orange-900\\`\ntw\\`border-amber-50\\`\ntw\\`border-amber-100\\`\ntw\\`border-amber-200\\`\ntw\\`border-amber-300\\`\ntw\\`border-amber-400\\`\ntw\\`border-amber-500\\`\ntw\\`border-amber-600\\`\ntw\\`border-amber-700\\`\ntw\\`border-amber-800\\`\ntw\\`border-amber-900\\`\ntw\\`border-yellow-50\\`\ntw\\`border-yellow-100\\`\ntw\\`border-yellow-200\\`\ntw\\`border-yellow-300\\`\ntw\\`border-yellow-400\\`\ntw\\`border-yellow-500\\`\ntw\\`border-yellow-600\\`\ntw\\`border-yellow-700\\`\ntw\\`border-yellow-800\\`\ntw\\`border-yellow-900\\`\ntw\\`border-lime-50\\`\ntw\\`border-lime-100\\`\ntw\\`border-lime-200\\`\ntw\\`border-lime-300\\`\ntw\\`border-lime-400\\`\ntw\\`border-lime-500\\`\ntw\\`border-lime-600\\`\ntw\\`border-lime-700\\`\ntw\\`border-lime-800\\`\ntw\\`border-lime-900\\`\ntw\\`border-green-50\\`\ntw\\`border-green-100\\`\ntw\\`border-green-200\\`\ntw\\`border-green-300\\`\ntw\\`border-green-400\\`\ntw\\`border-green-500\\`\ntw\\`border-green-600\\`\ntw\\`border-green-700\\`\ntw\\`border-green-800\\`\ntw\\`border-green-900\\`\ntw\\`border-emerald-50\\`\ntw\\`border-emerald-100\\`\ntw\\`border-emerald-200\\`\ntw\\`border-emerald-300\\`\ntw\\`border-emerald-400\\`\ntw\\`border-emerald-500\\`\ntw\\`border-emerald-600\\`\ntw\\`border-emerald-700\\`\ntw\\`border-emerald-800\\`\ntw\\`border-emerald-900\\`\ntw\\`border-teal-50\\`\ntw\\`border-teal-100\\`\ntw\\`border-teal-200\\`\ntw\\`border-teal-300\\`\ntw\\`border-teal-400\\`\ntw\\`border-teal-500\\`\ntw\\`border-teal-600\\`\ntw\\`border-teal-700\\`\ntw\\`border-teal-800\\`\ntw\\`border-teal-900\\`\ntw\\`border-cyan-50\\`\ntw\\`border-cyan-100\\`\ntw\\`border-cyan-200\\`\ntw\\`border-cyan-300\\`\ntw\\`border-cyan-400\\`\ntw\\`border-cyan-500\\`\ntw\\`border-cyan-600\\`\ntw\\`border-cyan-700\\`\ntw\\`border-cyan-800\\`\ntw\\`border-cyan-900\\`\ntw\\`border-sky-50\\`\ntw\\`border-sky-100\\`\ntw\\`border-sky-200\\`\ntw\\`border-sky-300\\`\ntw\\`border-sky-400\\`\ntw\\`border-sky-500\\`\ntw\\`border-sky-600\\`\ntw\\`border-sky-700\\`\ntw\\`border-sky-800\\`\ntw\\`border-sky-900\\`\ntw\\`border-blue-50\\`\ntw\\`border-blue-100\\`\ntw\\`border-blue-200\\`\ntw\\`border-blue-300\\`\ntw\\`border-blue-400\\`\ntw\\`border-blue-500\\`\ntw\\`border-blue-600\\`\ntw\\`border-blue-700\\`\ntw\\`border-blue-800\\`\ntw\\`border-blue-900\\`\ntw\\`border-indigo-50\\`\ntw\\`border-indigo-100\\`\ntw\\`border-indigo-200\\`\ntw\\`border-indigo-300\\`\ntw\\`border-indigo-400\\`\ntw\\`border-indigo-500\\`\ntw\\`border-indigo-600\\`\ntw\\`border-indigo-700\\`\ntw\\`border-indigo-800\\`\ntw\\`border-indigo-900\\`\ntw\\`border-violet-50\\`\ntw\\`border-violet-100\\`\ntw\\`border-violet-200\\`\ntw\\`border-violet-300\\`\ntw\\`border-violet-400\\`\ntw\\`border-violet-500\\`\ntw\\`border-violet-600\\`\ntw\\`border-violet-700\\`\ntw\\`border-violet-800\\`\ntw\\`border-violet-900\\`\ntw\\`border-purple-50\\`\ntw\\`border-purple-100\\`\ntw\\`border-purple-200\\`\ntw\\`border-purple-300\\`\ntw\\`border-purple-400\\`\ntw\\`border-purple-500\\`\ntw\\`border-purple-600\\`\ntw\\`border-purple-700\\`\ntw\\`border-purple-800\\`\ntw\\`border-purple-900\\`\ntw\\`border-fuchsia-50\\`\ntw\\`border-fuchsia-100\\`\ntw\\`border-fuchsia-200\\`\ntw\\`border-fuchsia-300\\`\ntw\\`border-fuchsia-400\\`\ntw\\`border-fuchsia-500\\`\ntw\\`border-fuchsia-600\\`\ntw\\`border-fuchsia-700\\`\ntw\\`border-fuchsia-800\\`\ntw\\`border-fuchsia-900\\`\ntw\\`border-pink-50\\`\ntw\\`border-pink-100\\`\ntw\\`border-pink-200\\`\ntw\\`border-pink-300\\`\ntw\\`border-pink-400\\`\ntw\\`border-pink-500\\`\ntw\\`border-pink-600\\`\ntw\\`border-pink-700\\`\ntw\\`border-pink-800\\`\ntw\\`border-pink-900\\`\ntw\\`border-rose-50\\`\ntw\\`border-rose-100\\`\ntw\\`border-rose-200\\`\ntw\\`border-rose-300\\`\ntw\\`border-rose-400\\`\ntw\\`border-rose-500\\`\ntw\\`border-rose-600\\`\ntw\\`border-rose-700\\`\ntw\\`border-rose-800\\`\ntw\\`border-rose-900\\`\ntw\\`border-x-inherit\\`\ntw\\`border-x-current\\`\ntw\\`border-x-transparent\\`\ntw\\`border-x-black\\`\ntw\\`border-x-white\\`\ntw\\`border-x-slate-50\\`\ntw\\`border-x-slate-100\\`\ntw\\`border-x-slate-200\\`\ntw\\`border-x-slate-300\\`\ntw\\`border-x-slate-400\\`\ntw\\`border-x-slate-500\\`\ntw\\`border-x-slate-600\\`\ntw\\`border-x-slate-700\\`\ntw\\`border-x-slate-800\\`\ntw\\`border-x-slate-900\\`\ntw\\`border-x-gray-50\\`\ntw\\`border-x-gray-100\\`\ntw\\`border-x-gray-200\\`\ntw\\`border-x-gray-300\\`\ntw\\`border-x-gray-400\\`\ntw\\`border-x-gray-500\\`\ntw\\`border-x-gray-600\\`\ntw\\`border-x-gray-700\\`\ntw\\`border-x-gray-800\\`\ntw\\`border-x-gray-900\\`\ntw\\`border-x-zinc-50\\`\ntw\\`border-x-zinc-100\\`\ntw\\`border-x-zinc-200\\`\ntw\\`border-x-zinc-300\\`\ntw\\`border-x-zinc-400\\`\ntw\\`border-x-zinc-500\\`\ntw\\`border-x-zinc-600\\`\ntw\\`border-x-zinc-700\\`\ntw\\`border-x-zinc-800\\`\ntw\\`border-x-zinc-900\\`\ntw\\`border-x-neutral-50\\`\ntw\\`border-x-neutral-100\\`\ntw\\`border-x-neutral-200\\`\ntw\\`border-x-neutral-300\\`\ntw\\`border-x-neutral-400\\`\ntw\\`border-x-neutral-500\\`\ntw\\`border-x-neutral-600\\`\ntw\\`border-x-neutral-700\\`\ntw\\`border-x-neutral-800\\`\ntw\\`border-x-neutral-900\\`\ntw\\`border-x-stone-50\\`\ntw\\`border-x-stone-100\\`\ntw\\`border-x-stone-200\\`\ntw\\`border-x-stone-300\\`\ntw\\`border-x-stone-400\\`\ntw\\`border-x-stone-500\\`\ntw\\`border-x-stone-600\\`\ntw\\`border-x-stone-700\\`\ntw\\`border-x-stone-800\\`\ntw\\`border-x-stone-900\\`\ntw\\`border-x-red-50\\`\ntw\\`border-x-red-100\\`\ntw\\`border-x-red-200\\`\ntw\\`border-x-red-300\\`\ntw\\`border-x-red-400\\`\ntw\\`border-x-red-500\\`\ntw\\`border-x-red-600\\`\ntw\\`border-x-red-700\\`\ntw\\`border-x-red-800\\`\ntw\\`border-x-red-900\\`\ntw\\`border-x-orange-50\\`\ntw\\`border-x-orange-100\\`\ntw\\`border-x-orange-200\\`\ntw\\`border-x-orange-300\\`\ntw\\`border-x-orange-400\\`\ntw\\`border-x-orange-500\\`\ntw\\`border-x-orange-600\\`\ntw\\`border-x-orange-700\\`\ntw\\`border-x-orange-800\\`\ntw\\`border-x-orange-900\\`\ntw\\`border-x-amber-50\\`\ntw\\`border-x-amber-100\\`\ntw\\`border-x-amber-200\\`\ntw\\`border-x-amber-300\\`\ntw\\`border-x-amber-400\\`\ntw\\`border-x-amber-500\\`\ntw\\`border-x-amber-600\\`\ntw\\`border-x-amber-700\\`\ntw\\`border-x-amber-800\\`\ntw\\`border-x-amber-900\\`\ntw\\`border-x-yellow-50\\`\ntw\\`border-x-yellow-100\\`\ntw\\`border-x-yellow-200\\`\ntw\\`border-x-yellow-300\\`\ntw\\`border-x-yellow-400\\`\ntw\\`border-x-yellow-500\\`\ntw\\`border-x-yellow-600\\`\ntw\\`border-x-yellow-700\\`\ntw\\`border-x-yellow-800\\`\ntw\\`border-x-yellow-900\\`\ntw\\`border-x-lime-50\\`\ntw\\`border-x-lime-100\\`\ntw\\`border-x-lime-200\\`\ntw\\`border-x-lime-300\\`\ntw\\`border-x-lime-400\\`\ntw\\`border-x-lime-500\\`\ntw\\`border-x-lime-600\\`\ntw\\`border-x-lime-700\\`\ntw\\`border-x-lime-800\\`\ntw\\`border-x-lime-900\\`\ntw\\`border-x-green-50\\`\ntw\\`border-x-green-100\\`\ntw\\`border-x-green-200\\`\ntw\\`border-x-green-300\\`\ntw\\`border-x-green-400\\`\ntw\\`border-x-green-500\\`\ntw\\`border-x-green-600\\`\ntw\\`border-x-green-700\\`\ntw\\`border-x-green-800\\`\ntw\\`border-x-green-900\\`\ntw\\`border-x-emerald-50\\`\ntw\\`border-x-emerald-100\\`\ntw\\`border-x-emerald-200\\`\ntw\\`border-x-emerald-300\\`\ntw\\`border-x-emerald-400\\`\ntw\\`border-x-emerald-500\\`\ntw\\`border-x-emerald-600\\`\ntw\\`border-x-emerald-700\\`\ntw\\`border-x-emerald-800\\`\ntw\\`border-x-emerald-900\\`\ntw\\`border-x-teal-50\\`\ntw\\`border-x-teal-100\\`\ntw\\`border-x-teal-200\\`\ntw\\`border-x-teal-300\\`\ntw\\`border-x-teal-400\\`\ntw\\`border-x-teal-500\\`\ntw\\`border-x-teal-600\\`\ntw\\`border-x-teal-700\\`\ntw\\`border-x-teal-800\\`\ntw\\`border-x-teal-900\\`\ntw\\`border-x-cyan-50\\`\ntw\\`border-x-cyan-100\\`\ntw\\`border-x-cyan-200\\`\ntw\\`border-x-cyan-300\\`\ntw\\`border-x-cyan-400\\`\ntw\\`border-x-cyan-500\\`\ntw\\`border-x-cyan-600\\`\ntw\\`border-x-cyan-700\\`\ntw\\`border-x-cyan-800\\`\ntw\\`border-x-cyan-900\\`\ntw\\`border-x-sky-50\\`\ntw\\`border-x-sky-100\\`\ntw\\`border-x-sky-200\\`\ntw\\`border-x-sky-300\\`\ntw\\`border-x-sky-400\\`\ntw\\`border-x-sky-500\\`\ntw\\`border-x-sky-600\\`\ntw\\`border-x-sky-700\\`\ntw\\`border-x-sky-800\\`\ntw\\`border-x-sky-900\\`\ntw\\`border-x-blue-50\\`\ntw\\`border-x-blue-100\\`\ntw\\`border-x-blue-200\\`\ntw\\`border-x-blue-300\\`\ntw\\`border-x-blue-400\\`\ntw\\`border-x-blue-500\\`\ntw\\`border-x-blue-600\\`\ntw\\`border-x-blue-700\\`\ntw\\`border-x-blue-800\\`\ntw\\`border-x-blue-900\\`\ntw\\`border-x-indigo-50\\`\ntw\\`border-x-indigo-100\\`\ntw\\`border-x-indigo-200\\`\ntw\\`border-x-indigo-300\\`\ntw\\`border-x-indigo-400\\`\ntw\\`border-x-indigo-500\\`\ntw\\`border-x-indigo-600\\`\ntw\\`border-x-indigo-700\\`\ntw\\`border-x-indigo-800\\`\ntw\\`border-x-indigo-900\\`\ntw\\`border-x-violet-50\\`\ntw\\`border-x-violet-100\\`\ntw\\`border-x-violet-200\\`\ntw\\`border-x-violet-300\\`\ntw\\`border-x-violet-400\\`\ntw\\`border-x-violet-500\\`\ntw\\`border-x-violet-600\\`\ntw\\`border-x-violet-700\\`\ntw\\`border-x-violet-800\\`\ntw\\`border-x-violet-900\\`\ntw\\`border-x-purple-50\\`\ntw\\`border-x-purple-100\\`\ntw\\`border-x-purple-200\\`\ntw\\`border-x-purple-300\\`\ntw\\`border-x-purple-400\\`\ntw\\`border-x-purple-500\\`\ntw\\`border-x-purple-600\\`\ntw\\`border-x-purple-700\\`\ntw\\`border-x-purple-800\\`\ntw\\`border-x-purple-900\\`\ntw\\`border-x-fuchsia-50\\`\ntw\\`border-x-fuchsia-100\\`\ntw\\`border-x-fuchsia-200\\`\ntw\\`border-x-fuchsia-300\\`\ntw\\`border-x-fuchsia-400\\`\ntw\\`border-x-fuchsia-500\\`\ntw\\`border-x-fuchsia-600\\`\ntw\\`border-x-fuchsia-700\\`\ntw\\`border-x-fuchsia-800\\`\ntw\\`border-x-fuchsia-900\\`\ntw\\`border-x-pink-50\\`\ntw\\`border-x-pink-100\\`\ntw\\`border-x-pink-200\\`\ntw\\`border-x-pink-300\\`\ntw\\`border-x-pink-400\\`\ntw\\`border-x-pink-500\\`\ntw\\`border-x-pink-600\\`\ntw\\`border-x-pink-700\\`\ntw\\`border-x-pink-800\\`\ntw\\`border-x-pink-900\\`\ntw\\`border-x-rose-50\\`\ntw\\`border-x-rose-100\\`\ntw\\`border-x-rose-200\\`\ntw\\`border-x-rose-300\\`\ntw\\`border-x-rose-400\\`\ntw\\`border-x-rose-500\\`\ntw\\`border-x-rose-600\\`\ntw\\`border-x-rose-700\\`\ntw\\`border-x-rose-800\\`\ntw\\`border-x-rose-900\\`\ntw\\`border-y-inherit\\`\ntw\\`border-y-current\\`\ntw\\`border-y-transparent\\`\ntw\\`border-y-black\\`\ntw\\`border-y-white\\`\ntw\\`border-y-slate-50\\`\ntw\\`border-y-slate-100\\`\ntw\\`border-y-slate-200\\`\ntw\\`border-y-slate-300\\`\ntw\\`border-y-slate-400\\`\ntw\\`border-y-slate-500\\`\ntw\\`border-y-slate-600\\`\ntw\\`border-y-slate-700\\`\ntw\\`border-y-slate-800\\`\ntw\\`border-y-slate-900\\`\ntw\\`border-y-gray-50\\`\ntw\\`border-y-gray-100\\`\ntw\\`border-y-gray-200\\`\ntw\\`border-y-gray-300\\`\ntw\\`border-y-gray-400\\`\ntw\\`border-y-gray-500\\`\ntw\\`border-y-gray-600\\`\ntw\\`border-y-gray-700\\`\ntw\\`border-y-gray-800\\`\ntw\\`border-y-gray-900\\`\ntw\\`border-y-zinc-50\\`\ntw\\`border-y-zinc-100\\`\ntw\\`border-y-zinc-200\\`\ntw\\`border-y-zinc-300\\`\ntw\\`border-y-zinc-400\\`\ntw\\`border-y-zinc-500\\`\ntw\\`border-y-zinc-600\\`\ntw\\`border-y-zinc-700\\`\ntw\\`border-y-zinc-800\\`\ntw\\`border-y-zinc-900\\`\ntw\\`border-y-neutral-50\\`\ntw\\`border-y-neutral-100\\`\ntw\\`border-y-neutral-200\\`\ntw\\`border-y-neutral-300\\`\ntw\\`border-y-neutral-400\\`\ntw\\`border-y-neutral-500\\`\ntw\\`border-y-neutral-600\\`\ntw\\`border-y-neutral-700\\`\ntw\\`border-y-neutral-800\\`\ntw\\`border-y-neutral-900\\`\ntw\\`border-y-stone-50\\`\ntw\\`border-y-stone-100\\`\ntw\\`border-y-stone-200\\`\ntw\\`border-y-stone-300\\`\ntw\\`border-y-stone-400\\`\ntw\\`border-y-stone-500\\`\ntw\\`border-y-stone-600\\`\ntw\\`border-y-stone-700\\`\ntw\\`border-y-stone-800\\`\ntw\\`border-y-stone-900\\`\ntw\\`border-y-red-50\\`\ntw\\`border-y-red-100\\`\ntw\\`border-y-red-200\\`\ntw\\`border-y-red-300\\`\ntw\\`border-y-red-400\\`\ntw\\`border-y-red-500\\`\ntw\\`border-y-red-600\\`\ntw\\`border-y-red-700\\`\ntw\\`border-y-red-800\\`\ntw\\`border-y-red-900\\`\ntw\\`border-y-orange-50\\`\ntw\\`border-y-orange-100\\`\ntw\\`border-y-orange-200\\`\ntw\\`border-y-orange-300\\`\ntw\\`border-y-orange-400\\`\ntw\\`border-y-orange-500\\`\ntw\\`border-y-orange-600\\`\ntw\\`border-y-orange-700\\`\ntw\\`border-y-orange-800\\`\ntw\\`border-y-orange-900\\`\ntw\\`border-y-amber-50\\`\ntw\\`border-y-amber-100\\`\ntw\\`border-y-amber-200\\`\ntw\\`border-y-amber-300\\`\ntw\\`border-y-amber-400\\`\ntw\\`border-y-amber-500\\`\ntw\\`border-y-amber-600\\`\ntw\\`border-y-amber-700\\`\ntw\\`border-y-amber-800\\`\ntw\\`border-y-amber-900\\`\ntw\\`border-y-yellow-50\\`\ntw\\`border-y-yellow-100\\`\ntw\\`border-y-yellow-200\\`\ntw\\`border-y-yellow-300\\`\ntw\\`border-y-yellow-400\\`\ntw\\`border-y-yellow-500\\`\ntw\\`border-y-yellow-600\\`\ntw\\`border-y-yellow-700\\`\ntw\\`border-y-yellow-800\\`\ntw\\`border-y-yellow-900\\`\ntw\\`border-y-lime-50\\`\ntw\\`border-y-lime-100\\`\ntw\\`border-y-lime-200\\`\ntw\\`border-y-lime-300\\`\ntw\\`border-y-lime-400\\`\ntw\\`border-y-lime-500\\`\ntw\\`border-y-lime-600\\`\ntw\\`border-y-lime-700\\`\ntw\\`border-y-lime-800\\`\ntw\\`border-y-lime-900\\`\ntw\\`border-y-green-50\\`\ntw\\`border-y-green-100\\`\ntw\\`border-y-green-200\\`\ntw\\`border-y-green-300\\`\ntw\\`border-y-green-400\\`\ntw\\`border-y-green-500\\`\ntw\\`border-y-green-600\\`\ntw\\`border-y-green-700\\`\ntw\\`border-y-green-800\\`\ntw\\`border-y-green-900\\`\ntw\\`border-y-emerald-50\\`\ntw\\`border-y-emerald-100\\`\ntw\\`border-y-emerald-200\\`\ntw\\`border-y-emerald-300\\`\ntw\\`border-y-emerald-400\\`\ntw\\`border-y-emerald-500\\`\ntw\\`border-y-emerald-600\\`\ntw\\`border-y-emerald-700\\`\ntw\\`border-y-emerald-800\\`\ntw\\`border-y-emerald-900\\`\ntw\\`border-y-teal-50\\`\ntw\\`border-y-teal-100\\`\ntw\\`border-y-teal-200\\`\ntw\\`border-y-teal-300\\`\ntw\\`border-y-teal-400\\`\ntw\\`border-y-teal-500\\`\ntw\\`border-y-teal-600\\`\ntw\\`border-y-teal-700\\`\ntw\\`border-y-teal-800\\`\ntw\\`border-y-teal-900\\`\ntw\\`border-y-cyan-50\\`\ntw\\`border-y-cyan-100\\`\ntw\\`border-y-cyan-200\\`\ntw\\`border-y-cyan-300\\`\ntw\\`border-y-cyan-400\\`\ntw\\`border-y-cyan-500\\`\ntw\\`border-y-cyan-600\\`\ntw\\`border-y-cyan-700\\`\ntw\\`border-y-cyan-800\\`\ntw\\`border-y-cyan-900\\`\ntw\\`border-y-sky-50\\`\ntw\\`border-y-sky-100\\`\ntw\\`border-y-sky-200\\`\ntw\\`border-y-sky-300\\`\ntw\\`border-y-sky-400\\`\ntw\\`border-y-sky-500\\`\ntw\\`border-y-sky-600\\`\ntw\\`border-y-sky-700\\`\ntw\\`border-y-sky-800\\`\ntw\\`border-y-sky-900\\`\ntw\\`border-y-blue-50\\`\ntw\\`border-y-blue-100\\`\ntw\\`border-y-blue-200\\`\ntw\\`border-y-blue-300\\`\ntw\\`border-y-blue-400\\`\ntw\\`border-y-blue-500\\`\ntw\\`border-y-blue-600\\`\ntw\\`border-y-blue-700\\`\ntw\\`border-y-blue-800\\`\ntw\\`border-y-blue-900\\`\ntw\\`border-y-indigo-50\\`\ntw\\`border-y-indigo-100\\`\ntw\\`border-y-indigo-200\\`\ntw\\`border-y-indigo-300\\`\ntw\\`border-y-indigo-400\\`\ntw\\`border-y-indigo-500\\`\ntw\\`border-y-indigo-600\\`\ntw\\`border-y-indigo-700\\`\ntw\\`border-y-indigo-800\\`\ntw\\`border-y-indigo-900\\`\ntw\\`border-y-violet-50\\`\ntw\\`border-y-violet-100\\`\ntw\\`border-y-violet-200\\`\ntw\\`border-y-violet-300\\`\ntw\\`border-y-violet-400\\`\ntw\\`border-y-violet-500\\`\ntw\\`border-y-violet-600\\`\ntw\\`border-y-violet-700\\`\ntw\\`border-y-violet-800\\`\ntw\\`border-y-violet-900\\`\ntw\\`border-y-purple-50\\`\ntw\\`border-y-purple-100\\`\ntw\\`border-y-purple-200\\`\ntw\\`border-y-purple-300\\`\ntw\\`border-y-purple-400\\`\ntw\\`border-y-purple-500\\`\ntw\\`border-y-purple-600\\`\ntw\\`border-y-purple-700\\`\ntw\\`border-y-purple-800\\`\ntw\\`border-y-purple-900\\`\ntw\\`border-y-fuchsia-50\\`\ntw\\`border-y-fuchsia-100\\`\ntw\\`border-y-fuchsia-200\\`\ntw\\`border-y-fuchsia-300\\`\ntw\\`border-y-fuchsia-400\\`\ntw\\`border-y-fuchsia-500\\`\ntw\\`border-y-fuchsia-600\\`\ntw\\`border-y-fuchsia-700\\`\ntw\\`border-y-fuchsia-800\\`\ntw\\`border-y-fuchsia-900\\`\ntw\\`border-y-pink-50\\`\ntw\\`border-y-pink-100\\`\ntw\\`border-y-pink-200\\`\ntw\\`border-y-pink-300\\`\ntw\\`border-y-pink-400\\`\ntw\\`border-y-pink-500\\`\ntw\\`border-y-pink-600\\`\ntw\\`border-y-pink-700\\`\ntw\\`border-y-pink-800\\`\ntw\\`border-y-pink-900\\`\ntw\\`border-y-rose-50\\`\ntw\\`border-y-rose-100\\`\ntw\\`border-y-rose-200\\`\ntw\\`border-y-rose-300\\`\ntw\\`border-y-rose-400\\`\ntw\\`border-y-rose-500\\`\ntw\\`border-y-rose-600\\`\ntw\\`border-y-rose-700\\`\ntw\\`border-y-rose-800\\`\ntw\\`border-y-rose-900\\`\ntw\\`border-t-inherit\\`\ntw\\`border-t-current\\`\ntw\\`border-t-transparent\\`\ntw\\`border-t-black\\`\ntw\\`border-t-white\\`\ntw\\`border-t-slate-50\\`\ntw\\`border-t-slate-100\\`\ntw\\`border-t-slate-200\\`\ntw\\`border-t-slate-300\\`\ntw\\`border-t-slate-400\\`\ntw\\`border-t-slate-500\\`\ntw\\`border-t-slate-600\\`\ntw\\`border-t-slate-700\\`\ntw\\`border-t-slate-800\\`\ntw\\`border-t-slate-900\\`\ntw\\`border-t-gray-50\\`\ntw\\`border-t-gray-100\\`\ntw\\`border-t-gray-200\\`\ntw\\`border-t-gray-300\\`\ntw\\`border-t-gray-400\\`\ntw\\`border-t-gray-500\\`\ntw\\`border-t-gray-600\\`\ntw\\`border-t-gray-700\\`\ntw\\`border-t-gray-800\\`\ntw\\`border-t-gray-900\\`\ntw\\`border-t-zinc-50\\`\ntw\\`border-t-zinc-100\\`\ntw\\`border-t-zinc-200\\`\ntw\\`border-t-zinc-300\\`\ntw\\`border-t-zinc-400\\`\ntw\\`border-t-zinc-500\\`\ntw\\`border-t-zinc-600\\`\ntw\\`border-t-zinc-700\\`\ntw\\`border-t-zinc-800\\`\ntw\\`border-t-zinc-900\\`\ntw\\`border-t-neutral-50\\`\ntw\\`border-t-neutral-100\\`\ntw\\`border-t-neutral-200\\`\ntw\\`border-t-neutral-300\\`\ntw\\`border-t-neutral-400\\`\ntw\\`border-t-neutral-500\\`\ntw\\`border-t-neutral-600\\`\ntw\\`border-t-neutral-700\\`\ntw\\`border-t-neutral-800\\`\ntw\\`border-t-neutral-900\\`\ntw\\`border-t-stone-50\\`\ntw\\`border-t-stone-100\\`\ntw\\`border-t-stone-200\\`\ntw\\`border-t-stone-300\\`\ntw\\`border-t-stone-400\\`\ntw\\`border-t-stone-500\\`\ntw\\`border-t-stone-600\\`\ntw\\`border-t-stone-700\\`\ntw\\`border-t-stone-800\\`\ntw\\`border-t-stone-900\\`\ntw\\`border-t-red-50\\`\ntw\\`border-t-red-100\\`\ntw\\`border-t-red-200\\`\ntw\\`border-t-red-300\\`\ntw\\`border-t-red-400\\`\ntw\\`border-t-red-500\\`\ntw\\`border-t-red-600\\`\ntw\\`border-t-red-700\\`\ntw\\`border-t-red-800\\`\ntw\\`border-t-red-900\\`\ntw\\`border-t-orange-50\\`\ntw\\`border-t-orange-100\\`\ntw\\`border-t-orange-200\\`\ntw\\`border-t-orange-300\\`\ntw\\`border-t-orange-400\\`\ntw\\`border-t-orange-500\\`\ntw\\`border-t-orange-600\\`\ntw\\`border-t-orange-700\\`\ntw\\`border-t-orange-800\\`\ntw\\`border-t-orange-900\\`\ntw\\`border-t-amber-50\\`\ntw\\`border-t-amber-100\\`\ntw\\`border-t-amber-200\\`\ntw\\`border-t-amber-300\\`\ntw\\`border-t-amber-400\\`\ntw\\`border-t-amber-500\\`\ntw\\`border-t-amber-600\\`\ntw\\`border-t-amber-700\\`\ntw\\`border-t-amber-800\\`\ntw\\`border-t-amber-900\\`\ntw\\`border-t-yellow-50\\`\ntw\\`border-t-yellow-100\\`\ntw\\`border-t-yellow-200\\`\ntw\\`border-t-yellow-300\\`\ntw\\`border-t-yellow-400\\`\ntw\\`border-t-yellow-500\\`\ntw\\`border-t-yellow-600\\`\ntw\\`border-t-yellow-700\\`\ntw\\`border-t-yellow-800\\`\ntw\\`border-t-yellow-900\\`\ntw\\`border-t-lime-50\\`\ntw\\`border-t-lime-100\\`\ntw\\`border-t-lime-200\\`\ntw\\`border-t-lime-300\\`\ntw\\`border-t-lime-400\\`\ntw\\`border-t-lime-500\\`\ntw\\`border-t-lime-600\\`\ntw\\`border-t-lime-700\\`\ntw\\`border-t-lime-800\\`\ntw\\`border-t-lime-900\\`\ntw\\`border-t-green-50\\`\ntw\\`border-t-green-100\\`\ntw\\`border-t-green-200\\`\ntw\\`border-t-green-300\\`\ntw\\`border-t-green-400\\`\ntw\\`border-t-green-500\\`\ntw\\`border-t-green-600\\`\ntw\\`border-t-green-700\\`\ntw\\`border-t-green-800\\`\ntw\\`border-t-green-900\\`\ntw\\`border-t-emerald-50\\`\ntw\\`border-t-emerald-100\\`\ntw\\`border-t-emerald-200\\`\ntw\\`border-t-emerald-300\\`\ntw\\`border-t-emerald-400\\`\ntw\\`border-t-emerald-500\\`\ntw\\`border-t-emerald-600\\`\ntw\\`border-t-emerald-700\\`\ntw\\`border-t-emerald-800\\`\ntw\\`border-t-emerald-900\\`\ntw\\`border-t-teal-50\\`\ntw\\`border-t-teal-100\\`\ntw\\`border-t-teal-200\\`\ntw\\`border-t-teal-300\\`\ntw\\`border-t-teal-400\\`\ntw\\`border-t-teal-500\\`\ntw\\`border-t-teal-600\\`\ntw\\`border-t-teal-700\\`\ntw\\`border-t-teal-800\\`\ntw\\`border-t-teal-900\\`\ntw\\`border-t-cyan-50\\`\ntw\\`border-t-cyan-100\\`\ntw\\`border-t-cyan-200\\`\ntw\\`border-t-cyan-300\\`\ntw\\`border-t-cyan-400\\`\ntw\\`border-t-cyan-500\\`\ntw\\`border-t-cyan-600\\`\ntw\\`border-t-cyan-700\\`\ntw\\`border-t-cyan-800\\`\ntw\\`border-t-cyan-900\\`\ntw\\`border-t-sky-50\\`\ntw\\`border-t-sky-100\\`\ntw\\`border-t-sky-200\\`\ntw\\`border-t-sky-300\\`\ntw\\`border-t-sky-400\\`\ntw\\`border-t-sky-500\\`\ntw\\`border-t-sky-600\\`\ntw\\`border-t-sky-700\\`\ntw\\`border-t-sky-800\\`\ntw\\`border-t-sky-900\\`\ntw\\`border-t-blue-50\\`\ntw\\`border-t-blue-100\\`\ntw\\`border-t-blue-200\\`\ntw\\`border-t-blue-300\\`\ntw\\`border-t-blue-400\\`\ntw\\`border-t-blue-500\\`\ntw\\`border-t-blue-600\\`\ntw\\`border-t-blue-700\\`\ntw\\`border-t-blue-800\\`\ntw\\`border-t-blue-900\\`\ntw\\`border-t-indigo-50\\`\ntw\\`border-t-indigo-100\\`\ntw\\`border-t-indigo-200\\`\ntw\\`border-t-indigo-300\\`\ntw\\`border-t-indigo-400\\`\ntw\\`border-t-indigo-500\\`\ntw\\`border-t-indigo-600\\`\ntw\\`border-t-indigo-700\\`\ntw\\`border-t-indigo-800\\`\ntw\\`border-t-indigo-900\\`\ntw\\`border-t-violet-50\\`\ntw\\`border-t-violet-100\\`\ntw\\`border-t-violet-200\\`\ntw\\`border-t-violet-300\\`\ntw\\`border-t-violet-400\\`\ntw\\`border-t-violet-500\\`\ntw\\`border-t-violet-600\\`\ntw\\`border-t-violet-700\\`\ntw\\`border-t-violet-800\\`\ntw\\`border-t-violet-900\\`\ntw\\`border-t-purple-50\\`\ntw\\`border-t-purple-100\\`\ntw\\`border-t-purple-200\\`\ntw\\`border-t-purple-300\\`\ntw\\`border-t-purple-400\\`\ntw\\`border-t-purple-500\\`\ntw\\`border-t-purple-600\\`\ntw\\`border-t-purple-700\\`\ntw\\`border-t-purple-800\\`\ntw\\`border-t-purple-900\\`\ntw\\`border-t-fuchsia-50\\`\ntw\\`border-t-fuchsia-100\\`\ntw\\`border-t-fuchsia-200\\`\ntw\\`border-t-fuchsia-300\\`\ntw\\`border-t-fuchsia-400\\`\ntw\\`border-t-fuchsia-500\\`\ntw\\`border-t-fuchsia-600\\`\ntw\\`border-t-fuchsia-700\\`\ntw\\`border-t-fuchsia-800\\`\ntw\\`border-t-fuchsia-900\\`\ntw\\`border-t-pink-50\\`\ntw\\`border-t-pink-100\\`\ntw\\`border-t-pink-200\\`\ntw\\`border-t-pink-300\\`\ntw\\`border-t-pink-400\\`\ntw\\`border-t-pink-500\\`\ntw\\`border-t-pink-600\\`\ntw\\`border-t-pink-700\\`\ntw\\`border-t-pink-800\\`\ntw\\`border-t-pink-900\\`\ntw\\`border-t-rose-50\\`\ntw\\`border-t-rose-100\\`\ntw\\`border-t-rose-200\\`\ntw\\`border-t-rose-300\\`\ntw\\`border-t-rose-400\\`\ntw\\`border-t-rose-500\\`\ntw\\`border-t-rose-600\\`\ntw\\`border-t-rose-700\\`\ntw\\`border-t-rose-800\\`\ntw\\`border-t-rose-900\\`\ntw\\`border-r-inherit\nborder-r-current\nborder-r-transparent\nborder-r-black\nborder-r-white\nborder-r-slate-50\\`\ntw\\`border-r-slate-100\\`\ntw\\`border-r-slate-200\\`\ntw\\`border-r-slate-300\\`\ntw\\`border-r-slate-400\\`\ntw\\`border-r-slate-500\\`\ntw\\`border-r-slate-600\\`\ntw\\`border-r-slate-700\\`\ntw\\`border-r-slate-800\\`\ntw\\`border-r-slate-900\\`\ntw\\`border-r-gray-50\\`\ntw\\`border-r-gray-100\\`\ntw\\`border-r-gray-200\\`\ntw\\`border-r-gray-300\\`\ntw\\`border-r-gray-400\\`\ntw\\`border-r-gray-500\\`\ntw\\`border-r-gray-600\\`\ntw\\`border-r-gray-700\\`\ntw\\`border-r-gray-800\\`\ntw\\`border-r-gray-900\\`\ntw\\`border-r-zinc-50\\`\ntw\\`border-r-zinc-100\\`\ntw\\`border-r-zinc-200\\`\ntw\\`border-r-zinc-300\\`\ntw\\`border-r-zinc-400\\`\ntw\\`border-r-zinc-500\\`\ntw\\`border-r-zinc-600\\`\ntw\\`border-r-zinc-700\\`\ntw\\`border-r-zinc-800\\`\ntw\\`border-r-zinc-900\\`\ntw\\`border-r-neutral-50\\`\ntw\\`border-r-neutral-100\\`\ntw\\`border-r-neutral-200\\`\ntw\\`border-r-neutral-300\\`\ntw\\`border-r-neutral-400\\`\ntw\\`border-r-neutral-500\\`\ntw\\`border-r-neutral-600\\`\ntw\\`border-r-neutral-700\\`\ntw\\`border-r-neutral-800\\`\ntw\\`border-r-neutral-900\\`\ntw\\`border-r-stone-50\\`\ntw\\`border-r-stone-100\\`\ntw\\`border-r-stone-200\\`\ntw\\`border-r-stone-300\\`\ntw\\`border-r-stone-400\\`\ntw\\`border-r-stone-500\\`\ntw\\`border-r-stone-600\\`\ntw\\`border-r-stone-700\\`\ntw\\`border-r-stone-800\\`\ntw\\`border-r-stone-900\\`\ntw\\`border-r-red-50\\`\ntw\\`border-r-red-100\\`\ntw\\`border-r-red-200\\`\ntw\\`border-r-red-300\\`\ntw\\`border-r-red-400\\`\ntw\\`border-r-red-500\\`\ntw\\`border-r-red-600\\`\ntw\\`border-r-red-700\\`\ntw\\`border-r-red-800\\`\ntw\\`border-r-red-900\\`\ntw\\`border-r-orange-50\\`\ntw\\`border-r-orange-100\\`\ntw\\`border-r-orange-200\\`\ntw\\`border-r-orange-300\\`\ntw\\`border-r-orange-400\\`\ntw\\`border-r-orange-500\\`\ntw\\`border-r-orange-600\\`\ntw\\`border-r-orange-700\\`\ntw\\`border-r-orange-800\\`\ntw\\`border-r-orange-900\\`\ntw\\`border-r-amber-50\\`\ntw\\`border-r-amber-100\\`\ntw\\`border-r-amber-200\\`\ntw\\`border-r-amber-300\\`\ntw\\`border-r-amber-400\\`\ntw\\`border-r-amber-500\\`\ntw\\`border-r-amber-600\\`\ntw\\`border-r-amber-700\\`\ntw\\`border-r-amber-800\\`\ntw\\`border-r-amber-900\\`\ntw\\`border-r-yellow-50\\`\ntw\\`border-r-yellow-100\\`\ntw\\`border-r-yellow-200\\`\ntw\\`border-r-yellow-300\\`\ntw\\`border-r-yellow-400\\`\ntw\\`border-r-yellow-500\\`\ntw\\`border-r-yellow-600\\`\ntw\\`border-r-yellow-700\\`\ntw\\`border-r-yellow-800\\`\ntw\\`border-r-yellow-900\\`\ntw\\`border-r-lime-50\\`\ntw\\`border-r-lime-100\\`\ntw\\`border-r-lime-200\\`\ntw\\`border-r-lime-300\\`\ntw\\`border-r-lime-400\\`\ntw\\`border-r-lime-500\\`\ntw\\`border-r-lime-600\\`\ntw\\`border-r-lime-700\\`\ntw\\`border-r-lime-800\\`\ntw\\`border-r-lime-900\\`\ntw\\`border-r-green-50\\`\ntw\\`border-r-green-100\\`\ntw\\`border-r-green-200\\`\ntw\\`border-r-green-300\\`\ntw\\`border-r-green-400\\`\ntw\\`border-r-green-500\\`\ntw\\`border-r-green-600\\`\ntw\\`border-r-green-700\\`\ntw\\`border-r-green-800\\`\ntw\\`border-r-green-900\\`\ntw\\`border-r-emerald-50\\`\ntw\\`border-r-emerald-100\\`\ntw\\`border-r-emerald-200\\`\ntw\\`border-r-emerald-300\\`\ntw\\`border-r-emerald-400\\`\ntw\\`border-r-emerald-500\\`\ntw\\`border-r-emerald-600\\`\ntw\\`border-r-emerald-700\\`\ntw\\`border-r-emerald-800\\`\ntw\\`border-r-emerald-900\\`\ntw\\`border-r-teal-50\\`\ntw\\`border-r-teal-100\\`\ntw\\`border-r-teal-200\\`\ntw\\`border-r-teal-300\\`\ntw\\`border-r-teal-400\\`\ntw\\`border-r-teal-500\\`\ntw\\`border-r-teal-600\\`\ntw\\`border-r-teal-700\\`\ntw\\`border-r-teal-800\\`\ntw\\`border-r-teal-900\\`\ntw\\`border-r-cyan-50\\`\ntw\\`border-r-cyan-100\\`\ntw\\`border-r-cyan-200\\`\ntw\\`border-r-cyan-300\\`\ntw\\`border-r-cyan-400\\`\ntw\\`border-r-cyan-500\\`\ntw\\`border-r-cyan-600\\`\ntw\\`border-r-cyan-700\\`\ntw\\`border-r-cyan-800\\`\ntw\\`border-r-cyan-900\\`\ntw\\`border-r-sky-50\\`\ntw\\`border-r-sky-100\\`\ntw\\`border-r-sky-200\\`\ntw\\`border-r-sky-300\\`\ntw\\`border-r-sky-400\\`\ntw\\`border-r-sky-500\\`\ntw\\`border-r-sky-600\\`\ntw\\`border-r-sky-700\\`\ntw\\`border-r-sky-800\\`\ntw\\`border-r-sky-900\\`\ntw\\`border-r-blue-50\\`\ntw\\`border-r-blue-100\\`\ntw\\`border-r-blue-200\\`\ntw\\`border-r-blue-300\\`\ntw\\`border-r-blue-400\\`\ntw\\`border-r-blue-500\\`\ntw\\`border-r-blue-600\\`\ntw\\`border-r-blue-700\\`\ntw\\`border-r-blue-800\\`\ntw\\`border-r-blue-900\\`\ntw\\`border-r-indigo-50\\`\ntw\\`border-r-indigo-100\\`\ntw\\`border-r-indigo-200\\`\ntw\\`border-r-indigo-300\\`\ntw\\`border-r-indigo-400\\`\ntw\\`border-r-indigo-500\\`\ntw\\`border-r-indigo-600\\`\ntw\\`border-r-indigo-700\\`\ntw\\`border-r-indigo-800\\`\ntw\\`border-r-indigo-900\\`\ntw\\`border-r-violet-50\\`\ntw\\`border-r-violet-100\\`\ntw\\`border-r-violet-200\\`\ntw\\`border-r-violet-300\\`\ntw\\`border-r-violet-400\\`\ntw\\`border-r-violet-500\\`\ntw\\`border-r-violet-600\\`\ntw\\`border-r-violet-700\\`\ntw\\`border-r-violet-800\\`\ntw\\`border-r-violet-900\\`\ntw\\`border-r-purple-50\\`\ntw\\`border-r-purple-100\\`\ntw\\`border-r-purple-200\\`\ntw\\`border-r-purple-300\\`\ntw\\`border-r-purple-400\\`\ntw\\`border-r-purple-500\\`\ntw\\`border-r-purple-600\\`\ntw\\`border-r-purple-700\\`\ntw\\`border-r-purple-800\\`\ntw\\`border-r-purple-900\\`\ntw\\`border-r-fuchsia-50\\`\ntw\\`border-r-fuchsia-100\\`\ntw\\`border-r-fuchsia-200\\`\ntw\\`border-r-fuchsia-300\\`\ntw\\`border-r-fuchsia-400\\`\ntw\\`border-r-fuchsia-500\\`\ntw\\`border-r-fuchsia-600\\`\ntw\\`border-r-fuchsia-700\\`\ntw\\`border-r-fuchsia-800\\`\ntw\\`border-r-fuchsia-900\\`\ntw\\`border-r-pink-50\\`\ntw\\`border-r-pink-100\\`\ntw\\`border-r-pink-200\\`\ntw\\`border-r-pink-300\\`\ntw\\`border-r-pink-400\\`\ntw\\`border-r-pink-500\\`\ntw\\`border-r-pink-600\\`\ntw\\`border-r-pink-700\\`\ntw\\`border-r-pink-800\\`\ntw\\`border-r-pink-900\\`\ntw\\`border-r-rose-50\\`\ntw\\`border-r-rose-100\\`\ntw\\`border-r-rose-200\\`\ntw\\`border-r-rose-300\\`\ntw\\`border-r-rose-400\\`\ntw\\`border-r-rose-500\\`\ntw\\`border-r-rose-600\\`\ntw\\`border-r-rose-700\\`\ntw\\`border-r-rose-800\\`\ntw\\`border-r-rose-900\\`\ntw\\`border-b-inherit\\`\ntw\\`border-b-current\\`\ntw\\`border-b-transparent\\`\ntw\\`border-b-black\\`\ntw\\`border-b-white\\`\ntw\\`border-b-slate-50\\`\ntw\\`border-b-slate-100\\`\ntw\\`border-b-slate-200\\`\ntw\\`border-b-slate-300\\`\ntw\\`border-b-slate-400\\`\ntw\\`border-b-slate-500\\`\ntw\\`border-b-slate-600\\`\ntw\\`border-b-slate-700\\`\ntw\\`border-b-slate-800\\`\ntw\\`border-b-slate-900\\`\ntw\\`border-b-gray-50\\`\ntw\\`border-b-gray-100\\`\ntw\\`border-b-gray-200\\`\ntw\\`border-b-gray-300\\`\ntw\\`border-b-gray-400\\`\ntw\\`border-b-gray-500\\`\ntw\\`border-b-gray-600\\`\ntw\\`border-b-gray-700\\`\ntw\\`border-b-gray-800\\`\ntw\\`border-b-gray-900\\`\ntw\\`border-b-zinc-50\\`\ntw\\`border-b-zinc-100\\`\ntw\\`border-b-zinc-200\\`\ntw\\`border-b-zinc-300\\`\ntw\\`border-b-zinc-400\\`\ntw\\`border-b-zinc-500\\`\ntw\\`border-b-zinc-600\\`\ntw\\`border-b-zinc-700\\`\ntw\\`border-b-zinc-800\\`\ntw\\`border-b-zinc-900\\`\ntw\\`border-b-neutral-50\\`\ntw\\`border-b-neutral-100\\`\ntw\\`border-b-neutral-200\\`\ntw\\`border-b-neutral-300\\`\ntw\\`border-b-neutral-400\\`\ntw\\`border-b-neutral-500\\`\ntw\\`border-b-neutral-600\\`\ntw\\`border-b-neutral-700\\`\ntw\\`border-b-neutral-800\\`\ntw\\`border-b-neutral-900\\`\ntw\\`border-b-stone-50\\`\ntw\\`border-b-stone-100\\`\ntw\\`border-b-stone-200\\`\ntw\\`border-b-stone-300\\`\ntw\\`border-b-stone-400\\`\ntw\\`border-b-stone-500\\`\ntw\\`border-b-stone-600\\`\ntw\\`border-b-stone-700\\`\ntw\\`border-b-stone-800\\`\ntw\\`border-b-stone-900\\`\ntw\\`border-b-red-50\\`\ntw\\`border-b-red-100\\`\ntw\\`border-b-red-200\\`\ntw\\`border-b-red-300\\`\ntw\\`border-b-red-400\\`\ntw\\`border-b-red-500\\`\ntw\\`border-b-red-600\\`\ntw\\`border-b-red-700\\`\ntw\\`border-b-red-800\\`\ntw\\`border-b-red-900\\`\ntw\\`border-b-orange-50\\`\ntw\\`border-b-orange-100\\`\ntw\\`border-b-orange-200\\`\ntw\\`border-b-orange-300\\`\ntw\\`border-b-orange-400\\`\ntw\\`border-b-orange-500\\`\ntw\\`border-b-orange-600\\`\ntw\\`border-b-orange-700\\`\ntw\\`border-b-orange-800\\`\ntw\\`border-b-orange-900\\`\ntw\\`border-b-amber-50\\`\ntw\\`border-b-amber-100\\`\ntw\\`border-b-amber-200\\`\ntw\\`border-b-amber-300\\`\ntw\\`border-b-amber-400\\`\ntw\\`border-b-amber-500\\`\ntw\\`border-b-amber-600\\`\ntw\\`border-b-amber-700\\`\ntw\\`border-b-amber-800\\`\ntw\\`border-b-amber-900\\`\ntw\\`border-b-yellow-50\\`\ntw\\`border-b-yellow-100\\`\ntw\\`border-b-yellow-200\\`\ntw\\`border-b-yellow-300\\`\ntw\\`border-b-yellow-400\\`\ntw\\`border-b-yellow-500\\`\ntw\\`border-b-yellow-600\\`\ntw\\`border-b-yellow-700\\`\ntw\\`border-b-yellow-800\\`\ntw\\`border-b-yellow-900\\`\ntw\\`border-b-lime-50\\`\ntw\\`border-b-lime-100\\`\ntw\\`border-b-lime-200\\`\ntw\\`border-b-lime-300\\`\ntw\\`border-b-lime-400\\`\ntw\\`border-b-lime-500\\`\ntw\\`border-b-lime-600\\`\ntw\\`border-b-lime-700\\`\ntw\\`border-b-lime-800\\`\ntw\\`border-b-lime-900\\`\ntw\\`border-b-green-50\\`\ntw\\`border-b-green-100\\`\ntw\\`border-b-green-200\\`\ntw\\`border-b-green-300\\`\ntw\\`border-b-green-400\\`\ntw\\`border-b-green-500\\`\ntw\\`border-b-green-600\\`\ntw\\`border-b-green-700\\`\ntw\\`border-b-green-800\\`\ntw\\`border-b-green-900\\`\ntw\\`border-b-emerald-50\\`\ntw\\`border-b-emerald-100\\`\ntw\\`border-b-emerald-200\\`\ntw\\`border-b-emerald-300\\`\ntw\\`border-b-emerald-400\\`\ntw\\`border-b-emerald-500\\`\ntw\\`border-b-emerald-600\\`\ntw\\`border-b-emerald-700\\`\ntw\\`border-b-emerald-800\\`\ntw\\`border-b-emerald-900\\`\ntw\\`border-b-teal-50\\`\ntw\\`border-b-teal-100\\`\ntw\\`border-b-teal-200\\`\ntw\\`border-b-teal-300\\`\ntw\\`border-b-teal-400\\`\ntw\\`border-b-teal-500\\`\ntw\\`border-b-teal-600\\`\ntw\\`border-b-teal-700\\`\ntw\\`border-b-teal-800\\`\ntw\\`border-b-teal-900\\`\ntw\\`border-b-cyan-50\\`\ntw\\`border-b-cyan-100\\`\ntw\\`border-b-cyan-200\\`\ntw\\`border-b-cyan-300\\`\ntw\\`border-b-cyan-400\\`\ntw\\`border-b-cyan-500\\`\ntw\\`border-b-cyan-600\\`\ntw\\`border-b-cyan-700\\`\ntw\\`border-b-cyan-800\\`\ntw\\`border-b-cyan-900\\`\ntw\\`border-b-sky-50\\`\ntw\\`border-b-sky-100\\`\ntw\\`border-b-sky-200\\`\ntw\\`border-b-sky-300\\`\ntw\\`border-b-sky-400\\`\ntw\\`border-b-sky-500\\`\ntw\\`border-b-sky-600\\`\ntw\\`border-b-sky-700\\`\ntw\\`border-b-sky-800\\`\ntw\\`border-b-sky-900\\`\ntw\\`border-b-blue-50\\`\ntw\\`border-b-blue-100\\`\ntw\\`border-b-blue-200\\`\ntw\\`border-b-blue-300\\`\ntw\\`border-b-blue-400\\`\ntw\\`border-b-blue-500\\`\ntw\\`border-b-blue-600\\`\ntw\\`border-b-blue-700\\`\ntw\\`border-b-blue-800\\`\ntw\\`border-b-blue-900\\`\ntw\\`border-b-indigo-50\\`\ntw\\`border-b-indigo-100\\`\ntw\\`border-b-indigo-200\\`\ntw\\`border-b-indigo-300\\`\ntw\\`border-b-indigo-400\\`\ntw\\`border-b-indigo-500\\`\ntw\\`border-b-indigo-600\\`\ntw\\`border-b-indigo-700\\`\ntw\\`border-b-indigo-800\\`\ntw\\`border-b-indigo-900\\`\ntw\\`border-b-violet-50\\`\ntw\\`border-b-violet-100\\`\ntw\\`border-b-violet-200\\`\ntw\\`border-b-violet-300\\`\ntw\\`border-b-violet-400\\`\ntw\\`border-b-violet-500\\`\ntw\\`border-b-violet-600\\`\ntw\\`border-b-violet-700\\`\ntw\\`border-b-violet-800\\`\ntw\\`border-b-violet-900\\`\ntw\\`border-b-purple-50\\`\ntw\\`border-b-purple-100\\`\ntw\\`border-b-purple-200\\`\ntw\\`border-b-purple-300\\`\ntw\\`border-b-purple-400\\`\ntw\\`border-b-purple-500\\`\ntw\\`border-b-purple-600\\`\ntw\\`border-b-purple-700\\`\ntw\\`border-b-purple-800\\`\ntw\\`border-b-purple-900\\`\ntw\\`border-b-fuchsia-50\\`\ntw\\`border-b-fuchsia-100\\`\ntw\\`border-b-fuchsia-200\\`\ntw\\`border-b-fuchsia-300\\`\ntw\\`border-b-fuchsia-400\\`\ntw\\`border-b-fuchsia-500\\`\ntw\\`border-b-fuchsia-600\\`\ntw\\`border-b-fuchsia-700\\`\ntw\\`border-b-fuchsia-800\\`\ntw\\`border-b-fuchsia-900\\`\ntw\\`border-b-pink-50\\`\ntw\\`border-b-pink-100\\`\ntw\\`border-b-pink-200\\`\ntw\\`border-b-pink-300\\`\ntw\\`border-b-pink-400\\`\ntw\\`border-b-pink-500\\`\ntw\\`border-b-pink-600\\`\ntw\\`border-b-pink-700\\`\ntw\\`border-b-pink-800\\`\ntw\\`border-b-pink-900\\`\ntw\\`border-b-rose-50\\`\ntw\\`border-b-rose-100\\`\ntw\\`border-b-rose-200\\`\ntw\\`border-b-rose-300\\`\ntw\\`border-b-rose-400\\`\ntw\\`border-b-rose-500\\`\ntw\\`border-b-rose-600\\`\ntw\\`border-b-rose-700\\`\ntw\\`border-b-rose-800\\`\ntw\\`border-b-rose-900\\`\ntw\\`border-l-inherit\\`\ntw\\`border-l-current\\`\ntw\\`border-l-transparent\\`\ntw\\`border-l-black\\`\ntw\\`border-l-white\\`\ntw\\`border-l-slate-50\\`\ntw\\`border-l-slate-100\\`\ntw\\`border-l-slate-200\\`\ntw\\`border-l-slate-300\\`\ntw\\`border-l-slate-400\\`\ntw\\`border-l-slate-500\\`\ntw\\`border-l-slate-600\\`\ntw\\`border-l-slate-700\\`\ntw\\`border-l-slate-800\\`\ntw\\`border-l-slate-900\\`\ntw\\`border-l-gray-50\\`\ntw\\`border-l-gray-100\\`\ntw\\`border-l-gray-200\\`\ntw\\`border-l-gray-300\\`\ntw\\`border-l-gray-400\\`\ntw\\`border-l-gray-500\\`\ntw\\`border-l-gray-600\\`\ntw\\`border-l-gray-700\\`\ntw\\`border-l-gray-800\\`\ntw\\`border-l-gray-900\\`\ntw\\`border-l-zinc-50\\`\ntw\\`border-l-zinc-100\\`\ntw\\`border-l-zinc-200\\`\ntw\\`border-l-zinc-300\\`\ntw\\`border-l-zinc-400\\`\ntw\\`border-l-zinc-500\\`\ntw\\`border-l-zinc-600\\`\ntw\\`border-l-zinc-700\\`\ntw\\`border-l-zinc-800\\`\ntw\\`border-l-zinc-900\\`\ntw\\`border-l-neutral-50\\`\ntw\\`border-l-neutral-100\\`\ntw\\`border-l-neutral-200\\`\ntw\\`border-l-neutral-300\\`\ntw\\`border-l-neutral-400\\`\ntw\\`border-l-neutral-500\\`\ntw\\`border-l-neutral-600\\`\ntw\\`border-l-neutral-700\\`\ntw\\`border-l-neutral-800\\`\ntw\\`border-l-neutral-900\\`\ntw\\`border-l-stone-50\\`\ntw\\`border-l-stone-100\\`\ntw\\`border-l-stone-200\\`\ntw\\`border-l-stone-300\\`\ntw\\`border-l-stone-400\\`\ntw\\`border-l-stone-500\\`\ntw\\`border-l-stone-600\\`\ntw\\`border-l-stone-700\\`\ntw\\`border-l-stone-800\\`\ntw\\`border-l-stone-900\\`\ntw\\`border-l-red-50\\`\ntw\\`border-l-red-100\\`\ntw\\`border-l-red-200\\`\ntw\\`border-l-red-300\\`\ntw\\`border-l-red-400\\`\ntw\\`border-l-red-500\\`\ntw\\`border-l-red-600\\`\ntw\\`border-l-red-700\\`\ntw\\`border-l-red-800\\`\ntw\\`border-l-red-900\\`\ntw\\`border-l-orange-50\\`\ntw\\`border-l-orange-100\\`\ntw\\`border-l-orange-200\\`\ntw\\`border-l-orange-300\\`\ntw\\`border-l-orange-400\\`\ntw\\`border-l-orange-500\\`\ntw\\`border-l-orange-600\\`\ntw\\`border-l-orange-700\\`\ntw\\`border-l-orange-800\\`\ntw\\`border-l-orange-900\\`\ntw\\`border-l-amber-50\\`\ntw\\`border-l-amber-100\\`\ntw\\`border-l-amber-200\\`\ntw\\`border-l-amber-300\\`\ntw\\`border-l-amber-400\\`\ntw\\`border-l-amber-500\\`\ntw\\`border-l-amber-600\\`\ntw\\`border-l-amber-700\\`\ntw\\`border-l-amber-800\\`\ntw\\`border-l-amber-900\\`\ntw\\`border-l-yellow-50\\`\ntw\\`border-l-yellow-100\\`\ntw\\`border-l-yellow-200\\`\ntw\\`border-l-yellow-300\\`\ntw\\`border-l-yellow-400\\`\ntw\\`border-l-yellow-500\\`\ntw\\`border-l-yellow-600\\`\ntw\\`border-l-yellow-700\\`\ntw\\`border-l-yellow-800\\`\ntw\\`border-l-yellow-900\\`\ntw\\`border-l-lime-50\\`\ntw\\`border-l-lime-100\\`\ntw\\`border-l-lime-200\\`\ntw\\`border-l-lime-300\\`\ntw\\`border-l-lime-400\\`\ntw\\`border-l-lime-500\\`\ntw\\`border-l-lime-600\\`\ntw\\`border-l-lime-700\\`\ntw\\`border-l-lime-800\\`\ntw\\`border-l-lime-900\\`\ntw\\`border-l-green-50\\`\ntw\\`border-l-green-100\\`\ntw\\`border-l-green-200\\`\ntw\\`border-l-green-300\\`\ntw\\`border-l-green-400\\`\ntw\\`border-l-green-500\\`\ntw\\`border-l-green-600\\`\ntw\\`border-l-green-700\\`\ntw\\`border-l-green-800\\`\ntw\\`border-l-green-900\\`\ntw\\`border-l-emerald-50\\`\ntw\\`border-l-emerald-100\\`\ntw\\`border-l-emerald-200\\`\ntw\\`border-l-emerald-300\\`\ntw\\`border-l-emerald-400\\`\ntw\\`border-l-emerald-500\\`\ntw\\`border-l-emerald-600\\`\ntw\\`border-l-emerald-700\\`\ntw\\`border-l-emerald-800\\`\ntw\\`border-l-emerald-900\\`\ntw\\`border-l-teal-50\\`\ntw\\`border-l-teal-100\\`\ntw\\`border-l-teal-200\\`\ntw\\`border-l-teal-300\\`\ntw\\`border-l-teal-400\\`\ntw\\`border-l-teal-500\\`\ntw\\`border-l-teal-600\\`\ntw\\`border-l-teal-700\\`\ntw\\`border-l-teal-800\\`\ntw\\`border-l-teal-900\\`\ntw\\`border-l-cyan-50\\`\ntw\\`border-l-cyan-100\\`\ntw\\`border-l-cyan-200\\`\ntw\\`border-l-cyan-300\\`\ntw\\`border-l-cyan-400\\`\ntw\\`border-l-cyan-500\\`\ntw\\`border-l-cyan-600\\`\ntw\\`border-l-cyan-700\\`\ntw\\`border-l-cyan-800\\`\ntw\\`border-l-cyan-900\\`\ntw\\`border-l-sky-50\\`\ntw\\`border-l-sky-100\\`\ntw\\`border-l-sky-200\\`\ntw\\`border-l-sky-300\\`\ntw\\`border-l-sky-400\\`\ntw\\`border-l-sky-500\\`\ntw\\`border-l-sky-600\\`\ntw\\`border-l-sky-700\\`\ntw\\`border-l-sky-800\\`\ntw\\`border-l-sky-900\\`\ntw\\`border-l-blue-50\\`\ntw\\`border-l-blue-100\\`\ntw\\`border-l-blue-200\\`\ntw\\`border-l-blue-300\\`\ntw\\`border-l-blue-400\\`\ntw\\`border-l-blue-500\\`\ntw\\`border-l-blue-600\\`\ntw\\`border-l-blue-700\\`\ntw\\`border-l-blue-800\\`\ntw\\`border-l-blue-900\\`\ntw\\`border-l-indigo-50\\`\ntw\\`border-l-indigo-100\\`\ntw\\`border-l-indigo-200\\`\ntw\\`border-l-indigo-300\\`\ntw\\`border-l-indigo-400\\`\ntw\\`border-l-indigo-500\\`\ntw\\`border-l-indigo-600\\`\ntw\\`border-l-indigo-700\\`\ntw\\`border-l-indigo-800\\`\ntw\\`border-l-indigo-900\\`\ntw\\`border-l-violet-50\\`\ntw\\`border-l-violet-100\\`\ntw\\`border-l-violet-200\\`\ntw\\`border-l-violet-300\\`\ntw\\`border-l-violet-400\\`\ntw\\`border-l-violet-500\\`\ntw\\`border-l-violet-600\\`\ntw\\`border-l-violet-700\\`\ntw\\`border-l-violet-800\\`\ntw\\`border-l-violet-900\\`\ntw\\`border-l-purple-50\\`\ntw\\`border-l-purple-100\\`\ntw\\`border-l-purple-200\\`\ntw\\`border-l-purple-300\\`\ntw\\`border-l-purple-400\\`\ntw\\`border-l-purple-500\\`\ntw\\`border-l-purple-600\\`\ntw\\`border-l-purple-700\\`\ntw\\`border-l-purple-800\\`\ntw\\`border-l-purple-900\\`\ntw\\`border-l-fuchsia-50\\`\ntw\\`border-l-fuchsia-100\\`\ntw\\`border-l-fuchsia-200\\`\ntw\\`border-l-fuchsia-300\\`\ntw\\`border-l-fuchsia-400\\`\ntw\\`border-l-fuchsia-500\\`\ntw\\`border-l-fuchsia-600\\`\ntw\\`border-l-fuchsia-700\\`\ntw\\`border-l-fuchsia-800\\`\ntw\\`border-l-fuchsia-900\\`\ntw\\`border-l-pink-50\\`\ntw\\`border-l-pink-100\\`\ntw\\`border-l-pink-200\\`\ntw\\`border-l-pink-300\\`\ntw\\`border-l-pink-400\\`\ntw\\`border-l-pink-500\\`\ntw\\`border-l-pink-600\\`\ntw\\`border-l-pink-700\\`\ntw\\`border-l-pink-800\\`\ntw\\`border-l-pink-900\\`\ntw\\`border-l-rose-50\\`\ntw\\`border-l-rose-100\\`\ntw\\`border-l-rose-200\\`\ntw\\`border-l-rose-300\\`\ntw\\`border-l-rose-400\\`\ntw\\`border-l-rose-500\\`\ntw\\`border-l-rose-600\\`\ntw\\`border-l-rose-700\\`\ntw\\`border-l-rose-800\\`\ntw\\`border-l-rose-900\\`\n\ntw\\`border-4 border-indigo-500/100\\`\ntw\\`border-4 border-indigo-500/75\\`\ntw\\`border-4 border-indigo-500/50\\`\ntw\\`border-4 border-indigo-600/[.55]\\`\ntw\\`border-[#243c5a]\\`\n\ntw\\`border-[#f00]\\`\ntw\\`border-t-[#f00]\\`\n\ntw\\`border-red-500/25\\`\ntw\\`border-red-500/fromConfig\\`\ntw\\`border-red-500/fromConfig/25\\`\ntw\\`border-red-500/fromConfig/[.555]\\`\ntw\\`border-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`border-red-500/[.555]\\`\ntw\\`border-red-500/[var(--myvar)]\\`\ntw\\`border-[theme('colors.red.500')]\\`\ntw\\`border-[theme('colors.red.500')]/20\\`\n\ntw\\`border-electric/25\\`\ntw\\`border-electric/[.555]\\`\ntw\\`border-electric/[var(--myvar)]\\`\ntw\\`border-[theme('colors.electric')]\\`\ntw\\`border-[theme('colors.electric')]/20\\`\n\ntw\\`border-[hsla(235, 100%, 50%, .5)]\\`\ntw\\`border-[rgba(255, 255, 255, 0)]\\`\ntw\\`border-[red_black_white rgb(255, 255,255,0)]\\`\ntw\\`border-[red black_blue]\\`\ntw\\`border-[red black]\\`\ntw\\`border-[hsl(50 50% 50%)]\\`\n\ntw\\`border-t-[color:green]\\`\ntw\\`border-t-[color:rgba(255, 255, 255, .45)]\\`\n\ntw\\`border-r-[color:green]\\`\ntw\\`border-r-[color:rgba(255, 255, 255, .45)]\\`\n\ntw\\`border-b-[color:green]\\`\ntw\\`border-b-[color:rgba(255, 255, 255, .45)]\\`\n\ntw\\`border-l-[color:green]\\`\ntw\\`border-l-[color:rgba(255, 255, 255, .45)]\\`\n\ntw\\`border-[color:green]\\`\ntw\\`border-[color:rgba(255, 255, 255, .45)]\\`\n\ntw\\`border-x-[color:green]\\`\ntw\\`border-y-[color:rgba(255, 255, 255, .45)]\\`\n\ntw\\`border-black border-s-green-500 border-e-red-400\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/border-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n DEFAULT: '#e5e7eb',\n})\n;({\n borderColor: 'inherit',\n})\n;({\n borderColor: 'currentColor',\n})\n;({\n borderColor: 'transparent',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(248 250 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n})\n;({\n borderLeftColor: 'inherit',\n borderRightColor: 'inherit',\n})\n;({\n borderLeftColor: 'currentColor',\n borderRightColor: 'currentColor',\n})\n;({\n borderLeftColor: 'transparent',\n borderRightColor: 'transparent',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(248 250 252 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(248 250 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n})\n;({\n borderTopColor: 'inherit',\n borderBottomColor: 'inherit',\n})\n;({\n borderTopColor: 'currentColor',\n borderBottomColor: 'currentColor',\n})\n;({\n borderTopColor: 'transparent',\n borderBottomColor: 'transparent',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(248 250 252 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(248 250 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n borderBottomColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n})\n;({\n borderTopColor: 'inherit',\n})\n;({\n borderTopColor: 'currentColor',\n})\n;({\n borderTopColor: 'transparent',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(248 250 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n})\n;({\n borderBottomColor: 'inherit',\n})\n;({\n borderBottomColor: 'currentColor',\n})\n;({\n borderBottomColor: 'transparent',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(248 250 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n})\n;({\n borderLeftColor: 'inherit',\n})\n;({\n borderLeftColor: 'currentColor',\n})\n;({\n borderLeftColor: 'transparent',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 255 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(248 250 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(241 245 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(226 232 240 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(203 213 225 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(148 163 184 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(100 116 139 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(71 85 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(51 65 85 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(30 41 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(15 23 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(243 244 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(229 231 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(209 213 219 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(156 163 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(107 114 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(75 85 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(55 65 81 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(31 41 55 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(17 24 39 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(244 244 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(228 228 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(212 212 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(161 161 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(113 113 122 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(82 82 91 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(63 63 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(39 39 42 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(24 24 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 250 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 245 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(229 229 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(212 212 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(163 163 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(115 115 115 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(82 82 82 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(64 64 64 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(38 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(23 23 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 250 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 245 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(231 229 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(214 211 209 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(168 162 158 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(120 113 108 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(87 83 78 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(68 64 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(41 37 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(28 25 23 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 242 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 226 226 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 202 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(252 165 165 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(220 38 38 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(185 28 28 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(153 27 27 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(127 29 29 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 247 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 237 213 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 215 170 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 186 116 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(251 146 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(249 115 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(234 88 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(194 65 12 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(154 52 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(124 45 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 251 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 243 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 230 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(252 211 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(251 191 36 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 158 11 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(217 119 6 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(180 83 9 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(146 64 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(120 53 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 252 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 249 195 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 240 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 224 71 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 204 21 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(234 179 8 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(202 138 4 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(161 98 7 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(133 77 14 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(113 63 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(247 254 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(236 252 203 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(217 249 157 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(190 242 100 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(163 230 53 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(132 204 22 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(101 163 13 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(77 124 15 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(63 98 18 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(54 83 20 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(240 253 244 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(220 252 231 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(187 247 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(134 239 172 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(74 222 128 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(22 163 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(21 128 61 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(22 101 52 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(20 83 45 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(236 253 245 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(209 250 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(167 243 208 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(110 231 183 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(52 211 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(16 185 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(5 150 105 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(4 120 87 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(6 95 70 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(6 78 59 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(240 253 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(204 251 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(153 246 228 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(94 234 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(45 212 191 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(20 184 166 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(13 148 136 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(15 118 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(17 94 89 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(19 78 74 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(236 254 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(207 250 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(165 243 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(103 232 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(34 211 238 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(6 182 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(8 145 178 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(14 116 144 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(21 94 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(22 78 99 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(240 249 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(224 242 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(186 230 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(125 211 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(56 189 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(14 165 233 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(2 132 199 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(3 105 161 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(7 89 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(12 74 110 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(239 246 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(219 234 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(191 219 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(147 197 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(96 165 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(59 130 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(37 99 235 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(29 78 216 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(30 64 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(30 58 138 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(238 242 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(224 231 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(199 210 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(165 180 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(129 140 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(99 102 241 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(79 70 229 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(67 56 202 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(55 48 163 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(49 46 129 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 243 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(237 233 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(221 214 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(196 181 253 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(167 139 250 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(139 92 246 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(124 58 237 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(109 40 217 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(91 33 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(76 29 149 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 245 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(243 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(233 213 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(216 180 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(192 132 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(168 85 247 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(147 51 234 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(126 34 206 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(107 33 168 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(88 28 135 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 244 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(250 232 255 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(245 208 254 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(240 171 252 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(232 121 249 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(217 70 239 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(192 38 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(162 28 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(134 25 143 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(112 26 117 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 242 248 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(252 231 243 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(251 207 232 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(249 168 212 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(244 114 182 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(236 72 153 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(219 39 119 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(190 24 93 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(157 23 77 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(131 24 67 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 241 242 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(255 228 230 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(254 205 211 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(253 164 175 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(251 113 133 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(244 63 94 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(225 29 72 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(190 18 60 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(159 18 57 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(136 19 55 / var(--tw-border-opacity))',\n})\n;({\n borderWidth: '4px',\n borderColor: 'rgb(99 102 241 / 1)',\n})\n;({\n borderWidth: '4px',\n borderColor: 'rgb(99 102 241 / 0.75)',\n})\n;({\n borderWidth: '4px',\n borderColor: 'rgb(99 102 241 / 0.5)',\n})\n;({\n borderWidth: '4px',\n borderColor: 'rgb(79 70 229 / .55)',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(36 60 90 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(255 0 0 / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(255 0 0 / var(--tw-border-opacity))',\n})\n;({\n borderColor: 'rgb(239 68 68 / 0.25)',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n})\n;({\n borderColor: 'rgb(0 0 0 / 0.25)',\n})\n;({\n borderColor: 'rgb(0 0 0 / .555)',\n})\n;({\n borderColor: 'rgb(0 0 0 / var(--myvar))',\n})\n;({\n borderColor: 'rgb(239 68 68 / .555)',\n})\n;({\n borderColor: 'rgb(239 68 68 / var(--myvar))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(239 68 68 / var(--tw-border-opacity))',\n})\n;({\n borderColor: 'rgb(239 68 68 / 0.2)',\n})\n;({\n borderColor: 'rgba(219, 0, 255, 0.25)',\n})\n;({\n borderColor: 'rgba(219, 0, 255, .555)',\n})\n;({\n borderColor: 'rgba(219, 0, 255, var(--myvar))',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(219 0 255 / var(--tw-border-opacity))',\n})\n;({\n borderColor: 'rgb(219 0 255 / 0.2)',\n})\n;({\n borderColor: 'hsla(235, 100%, 50%, .5)',\n})\n;({\n borderColor: 'rgba(255, 255, 255, 0)',\n})\n;({\n borderColor: 'red black white rgb(255, 255,255,0)',\n})\n;({\n borderColor: 'red black blue',\n})\n;({\n borderColor: 'red black',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'hsl(50 50% 50% / var(--tw-border-opacity))',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(0 128 0 / var(--tw-border-opacity))',\n})\n;({\n borderTopColor: 'rgba(255, 255, 255, .45)',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(0 128 0 / var(--tw-border-opacity))',\n})\n;({\n borderRightColor: 'rgba(255, 255, 255, .45)',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(0 128 0 / var(--tw-border-opacity))',\n})\n;({\n borderBottomColor: 'rgba(255, 255, 255, .45)',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(0 128 0 / var(--tw-border-opacity))',\n})\n;({\n borderLeftColor: 'rgba(255, 255, 255, .45)',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(0 128 0 / var(--tw-border-opacity))',\n})\n;({\n borderColor: 'rgba(255, 255, 255, .45)',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(0 128 0 / var(--tw-border-opacity))',\n borderRightColor: 'rgb(0 128 0 / var(--tw-border-opacity))',\n})\n;({\n borderTopColor: 'rgba(255, 255, 255, .45)',\n borderBottomColor: 'rgba(255, 255, 255, .45)',\n})\n;({\n '--tw-border-opacity': '1',\n borderColor: 'rgb(0 0 0 / var(--tw-border-opacity))',\n borderInlineEndColor: 'rgb(248 113 113 / var(--tw-border-opacity))',\n borderInlineStartColor: 'rgb(34 197 94 / var(--tw-border-opacity))',\n})\n\n\n`;\n\nexports[`twin.macro borderOpacity.tsx: borderOpacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/border-opacity\n// Deprecated\ntw\\`border-opacity-0\\`\ntw\\`border-opacity-5\\`\ntw\\`border-opacity-10\\`\ntw\\`border-opacity-20\\`\ntw\\`border-opacity-25\\`\ntw\\`border-opacity-30\\`\ntw\\`border-opacity-40\\`\ntw\\`border-opacity-50\\`\ntw\\`border-opacity-60\\`\ntw\\`border-opacity-70\\`\ntw\\`border-opacity-75\\`\ntw\\`border-opacity-80\\`\ntw\\`border-opacity-90\\`\ntw\\`border-opacity-95\\`\ntw\\`border-opacity-100\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/border-opacity\n// Deprecated\n;({\n '--tw-border-opacity': '0',\n})\n;({\n '--tw-border-opacity': '0.05',\n})\n;({\n '--tw-border-opacity': '0.1',\n})\n;({\n '--tw-border-opacity': '0.2',\n})\n;({\n '--tw-border-opacity': '0.25',\n})\n;({\n '--tw-border-opacity': '0.3',\n})\n;({\n '--tw-border-opacity': '0.4',\n})\n;({\n '--tw-border-opacity': '0.5',\n})\n;({\n '--tw-border-opacity': '0.6',\n})\n;({\n '--tw-border-opacity': '0.7',\n})\n;({\n '--tw-border-opacity': '0.75',\n})\n;({\n '--tw-border-opacity': '0.8',\n})\n;({\n '--tw-border-opacity': '0.9',\n})\n;({\n '--tw-border-opacity': '0.95',\n})\n;({\n '--tw-border-opacity': '1',\n})\n\n\n`;\n\nexports[`twin.macro borderRadius.tsx: borderRadius.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/border-radius\ntheme\\`borderRadius.\\`\n\ntw\\`rounded-none\\`\ntw\\`rounded-sm\\`\ntw\\`rounded\\`\ntw\\`rounded-md\\`\ntw\\`rounded-lg\\`\ntw\\`rounded-xl\\`\ntw\\`rounded-2xl\\`\ntw\\`rounded-3xl\\`\ntw\\`rounded-full\\`\ntw\\`rounded-t-none\\`\ntw\\`rounded-r-none\\`\ntw\\`rounded-b-none\\`\ntw\\`rounded-l-none\\`\ntw\\`rounded-t-sm\\`\ntw\\`rounded-r-sm\\`\ntw\\`rounded-b-sm\\`\ntw\\`rounded-l-sm\\`\ntw\\`rounded-t\\`\ntw\\`rounded-r\\`\ntw\\`rounded-b\\`\ntw\\`rounded-l\\`\ntw\\`rounded-t-lg\\`\ntw\\`rounded-r-lg\\`\ntw\\`rounded-b-lg\\`\ntw\\`rounded-l-lg\\`\ntw\\`rounded-t-xl\\`\ntw\\`rounded-r-xl\\`\ntw\\`rounded-b-xl\\`\ntw\\`rounded-l-xl\\`\ntw\\`rounded-t-2xl\\`\ntw\\`rounded-r-2xl\\`\ntw\\`rounded-b-2xl\\`\ntw\\`rounded-l-2xl\\`\ntw\\`rounded-t-3xl\\`\ntw\\`rounded-r-3xl\\`\ntw\\`rounded-b-3xl\\`\ntw\\`rounded-l-3xl\\`\ntw\\`rounded-t-full\\`\ntw\\`rounded-r-full\\`\ntw\\`rounded-b-full\\`\ntw\\`rounded-l-full\\`\ntw\\`rounded-tl-none\\`\ntw\\`rounded-tr-none\\`\ntw\\`rounded-br-none\\`\ntw\\`rounded-bl-none\\`\ntw\\`rounded-tl-sm\\`\ntw\\`rounded-tr-sm\\`\ntw\\`rounded-br-sm\\`\ntw\\`rounded-bl-sm\\`\ntw\\`rounded-tl\\`\ntw\\`rounded-tr\\`\ntw\\`rounded-br\\`\ntw\\`rounded-bl\\`\ntw\\`rounded-tl-lg\\`\ntw\\`rounded-tr-lg\\`\ntw\\`rounded-br-lg\\`\ntw\\`rounded-bl-lg\\`\ntw\\`rounded-tl-xl\\`\ntw\\`rounded-tr-xl\\`\ntw\\`rounded-br-xl\\`\ntw\\`rounded-bl-xl\\`\ntw\\`rounded-tl-2xl\\`\ntw\\`rounded-tr-2xl\\`\ntw\\`rounded-br-2xl\\`\ntw\\`rounded-bl-2xl\\`\ntw\\`rounded-tl-3xl\\`\ntw\\`rounded-tr-3xl\\`\ntw\\`rounded-br-3xl\\`\ntw\\`rounded-bl-3xl\\`\ntw\\`rounded-tl-full\\`\ntw\\`rounded-tr-full\\`\ntw\\`rounded-br-full\\`\ntw\\`rounded-bl-full\\`\n\ntw\\`rounded-[12px]\\`\ntw\\`rounded-t-[var(--radius)] rounded-r-[var(--radius)] rounded-b-[var(--radius)] rounded-l-[var(--radius)]\\`\ntw\\`rounded-tr-[var(--radius)] rounded-br-[var(--radius)] rounded-bl-[var(--radius)] rounded-tl-[var(--radius)]\\`\n\ntw\\`rounded-s rounded-e rounded-ss rounded-es\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/border-radius\n;({\n none: '0px',\n sm: '0.125rem',\n DEFAULT: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n '3xl': '1.5rem',\n full: '9999px',\n})\n;({\n borderRadius: '0px',\n})\n;({\n borderRadius: '0.125rem',\n})\n;({\n borderRadius: '0.25rem',\n})\n;({\n borderRadius: '0.375rem',\n})\n;({\n borderRadius: '0.5rem',\n})\n;({\n borderRadius: '0.75rem',\n})\n;({\n borderRadius: '1rem',\n})\n;({\n borderRadius: '1.5rem',\n})\n;({\n borderRadius: '9999px',\n})\n;({\n borderTopLeftRadius: '0px',\n borderTopRightRadius: '0px',\n})\n;({\n borderTopRightRadius: '0px',\n borderBottomRightRadius: '0px',\n})\n;({\n borderBottomRightRadius: '0px',\n borderBottomLeftRadius: '0px',\n})\n;({\n borderTopLeftRadius: '0px',\n borderBottomLeftRadius: '0px',\n})\n;({\n borderTopLeftRadius: '0.125rem',\n borderTopRightRadius: '0.125rem',\n})\n;({\n borderTopRightRadius: '0.125rem',\n borderBottomRightRadius: '0.125rem',\n})\n;({\n borderBottomRightRadius: '0.125rem',\n borderBottomLeftRadius: '0.125rem',\n})\n;({\n borderTopLeftRadius: '0.125rem',\n borderBottomLeftRadius: '0.125rem',\n})\n;({\n borderTopLeftRadius: '0.25rem',\n borderTopRightRadius: '0.25rem',\n})\n;({\n borderTopRightRadius: '0.25rem',\n borderBottomRightRadius: '0.25rem',\n})\n;({\n borderBottomRightRadius: '0.25rem',\n borderBottomLeftRadius: '0.25rem',\n})\n;({\n borderTopLeftRadius: '0.25rem',\n borderBottomLeftRadius: '0.25rem',\n})\n;({\n borderTopLeftRadius: '0.5rem',\n borderTopRightRadius: '0.5rem',\n})\n;({\n borderTopRightRadius: '0.5rem',\n borderBottomRightRadius: '0.5rem',\n})\n;({\n borderBottomRightRadius: '0.5rem',\n borderBottomLeftRadius: '0.5rem',\n})\n;({\n borderTopLeftRadius: '0.5rem',\n borderBottomLeftRadius: '0.5rem',\n})\n;({\n borderTopLeftRadius: '0.75rem',\n borderTopRightRadius: '0.75rem',\n})\n;({\n borderTopRightRadius: '0.75rem',\n borderBottomRightRadius: '0.75rem',\n})\n;({\n borderBottomRightRadius: '0.75rem',\n borderBottomLeftRadius: '0.75rem',\n})\n;({\n borderTopLeftRadius: '0.75rem',\n borderBottomLeftRadius: '0.75rem',\n})\n;({\n borderTopLeftRadius: '1rem',\n borderTopRightRadius: '1rem',\n})\n;({\n borderTopRightRadius: '1rem',\n borderBottomRightRadius: '1rem',\n})\n;({\n borderBottomRightRadius: '1rem',\n borderBottomLeftRadius: '1rem',\n})\n;({\n borderTopLeftRadius: '1rem',\n borderBottomLeftRadius: '1rem',\n})\n;({\n borderTopLeftRadius: '1.5rem',\n borderTopRightRadius: '1.5rem',\n})\n;({\n borderTopRightRadius: '1.5rem',\n borderBottomRightRadius: '1.5rem',\n})\n;({\n borderBottomRightRadius: '1.5rem',\n borderBottomLeftRadius: '1.5rem',\n})\n;({\n borderTopLeftRadius: '1.5rem',\n borderBottomLeftRadius: '1.5rem',\n})\n;({\n borderTopLeftRadius: '9999px',\n borderTopRightRadius: '9999px',\n})\n;({\n borderTopRightRadius: '9999px',\n borderBottomRightRadius: '9999px',\n})\n;({\n borderBottomRightRadius: '9999px',\n borderBottomLeftRadius: '9999px',\n})\n;({\n borderTopLeftRadius: '9999px',\n borderBottomLeftRadius: '9999px',\n})\n;({\n borderTopLeftRadius: '0px',\n})\n;({\n borderTopRightRadius: '0px',\n})\n;({\n borderBottomRightRadius: '0px',\n})\n;({\n borderBottomLeftRadius: '0px',\n})\n;({\n borderTopLeftRadius: '0.125rem',\n})\n;({\n borderTopRightRadius: '0.125rem',\n})\n;({\n borderBottomRightRadius: '0.125rem',\n})\n;({\n borderBottomLeftRadius: '0.125rem',\n})\n;({\n borderTopLeftRadius: '0.25rem',\n})\n;({\n borderTopRightRadius: '0.25rem',\n})\n;({\n borderBottomRightRadius: '0.25rem',\n})\n;({\n borderBottomLeftRadius: '0.25rem',\n})\n;({\n borderTopLeftRadius: '0.5rem',\n})\n;({\n borderTopRightRadius: '0.5rem',\n})\n;({\n borderBottomRightRadius: '0.5rem',\n})\n;({\n borderBottomLeftRadius: '0.5rem',\n})\n;({\n borderTopLeftRadius: '0.75rem',\n})\n;({\n borderTopRightRadius: '0.75rem',\n})\n;({\n borderBottomRightRadius: '0.75rem',\n})\n;({\n borderBottomLeftRadius: '0.75rem',\n})\n;({\n borderTopLeftRadius: '1rem',\n})\n;({\n borderTopRightRadius: '1rem',\n})\n;({\n borderBottomRightRadius: '1rem',\n})\n;({\n borderBottomLeftRadius: '1rem',\n})\n;({\n borderTopLeftRadius: '1.5rem',\n})\n;({\n borderTopRightRadius: '1.5rem',\n})\n;({\n borderBottomRightRadius: '1.5rem',\n})\n;({\n borderBottomLeftRadius: '1.5rem',\n})\n;({\n borderTopLeftRadius: '9999px',\n})\n;({\n borderTopRightRadius: '9999px',\n})\n;({\n borderBottomRightRadius: '9999px',\n})\n;({\n borderBottomLeftRadius: '9999px',\n})\n;({\n borderRadius: '12px',\n})\n;({\n borderBottomRightRadius: 'var(--radius)',\n borderBottomLeftRadius: 'var(--radius)',\n borderTopLeftRadius: 'var(--radius)',\n borderTopRightRadius: 'var(--radius)',\n})\n;({\n borderBottomLeftRadius: 'var(--radius)',\n borderBottomRightRadius: 'var(--radius)',\n borderTopLeftRadius: 'var(--radius)',\n borderTopRightRadius: 'var(--radius)',\n})\n;({\n borderStartEndRadius: '0.25rem',\n borderEndEndRadius: '0.25rem',\n borderStartStartRadius: '0.25rem',\n borderEndStartRadius: '0.25rem',\n})\n\n\n`;\n\nexports[`twin.macro borderSpacing.tsx: borderSpacing.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/border-spacing\ntheme\\`borderSpacing\\`\n\ntw\\`border-spacing-0\\`\ntw\\`border-spacing-x-0\\`\ntw\\`border-spacing-y-0\\`\ntw\\`border-spacing-px\\`\ntw\\`border-spacing-x-px\\`\ntw\\`border-spacing-y-px\\`\ntw\\`border-spacing-0.5\\`\ntw\\`border-spacing-x-0.5\\`\ntw\\`border-spacing-y-0.5\\`\ntw\\`border-spacing-1\\`\ntw\\`border-spacing-x-1\\`\ntw\\`border-spacing-y-1\\`\ntw\\`border-spacing-1.5\\`\ntw\\`border-spacing-x-1.5\\`\ntw\\`border-spacing-y-1.5\\`\ntw\\`border-spacing-2\\`\ntw\\`border-spacing-x-2\\`\ntw\\`border-spacing-y-2\\`\ntw\\`border-spacing-2.5\\`\ntw\\`border-spacing-x-2.5\\`\ntw\\`border-spacing-y-2.5\\`\ntw\\`border-spacing-3\\`\ntw\\`border-spacing-x-3\\`\ntw\\`border-spacing-y-3\\`\ntw\\`border-spacing-3.5\\`\ntw\\`border-spacing-x-3.5\\`\ntw\\`border-spacing-y-3.5\\`\ntw\\`border-spacing-4\\`\ntw\\`border-spacing-x-4\\`\ntw\\`border-spacing-y-4\\`\ntw\\`border-spacing-5\\`\ntw\\`border-spacing-x-5\\`\ntw\\`border-spacing-y-5\\`\ntw\\`border-spacing-6\\`\ntw\\`border-spacing-x-6\\`\ntw\\`border-spacing-y-6\\`\ntw\\`border-spacing-7\\`\ntw\\`border-spacing-x-7\\`\ntw\\`border-spacing-y-7\\`\ntw\\`border-spacing-8\\`\ntw\\`border-spacing-x-8\\`\ntw\\`border-spacing-y-8\\`\ntw\\`border-spacing-9\\`\ntw\\`border-spacing-x-9\\`\ntw\\`border-spacing-y-9\\`\ntw\\`border-spacing-10\\`\ntw\\`border-spacing-x-10\\`\ntw\\`border-spacing-y-10\\`\ntw\\`border-spacing-11\\`\ntw\\`border-spacing-x-11\\`\ntw\\`border-spacing-y-11\\`\ntw\\`border-spacing-12\\`\ntw\\`border-spacing-x-12\\`\ntw\\`border-spacing-y-12\\`\ntw\\`border-spacing-14\\`\ntw\\`border-spacing-x-14\\`\ntw\\`border-spacing-y-14\\`\ntw\\`border-spacing-16\\`\ntw\\`border-spacing-x-16\\`\ntw\\`border-spacing-y-16\\`\ntw\\`border-spacing-20\\`\ntw\\`border-spacing-x-20\\`\ntw\\`border-spacing-y-20\\`\ntw\\`border-spacing-24\\`\ntw\\`border-spacing-x-24\\`\ntw\\`border-spacing-y-24\\`\ntw\\`border-spacing-28\\`\ntw\\`border-spacing-x-28\\`\ntw\\`border-spacing-y-28\\`\ntw\\`border-spacing-32\\`\ntw\\`border-spacing-x-32\\`\ntw\\`border-spacing-y-32\\`\ntw\\`border-spacing-36\\`\ntw\\`border-spacing-x-36\\`\ntw\\`border-spacing-y-36\\`\ntw\\`border-spacing-40\\`\ntw\\`border-spacing-x-40\\`\ntw\\`border-spacing-y-40\\`\ntw\\`border-spacing-44\\`\ntw\\`border-spacing-x-44\\`\ntw\\`border-spacing-y-44\\`\ntw\\`border-spacing-48\\`\ntw\\`border-spacing-x-48\\`\ntw\\`border-spacing-y-48\\`\ntw\\`border-spacing-52\\`\ntw\\`border-spacing-x-52\\`\ntw\\`border-spacing-y-52\\`\ntw\\`border-spacing-56\\`\ntw\\`border-spacing-x-56\\`\ntw\\`border-spacing-y-56\\`\ntw\\`border-spacing-60\\`\ntw\\`border-spacing-x-60\\`\ntw\\`border-spacing-y-60\\`\ntw\\`border-spacing-64\\`\ntw\\`border-spacing-x-64\\`\ntw\\`border-spacing-y-64\\`\ntw\\`border-spacing-72\\`\ntw\\`border-spacing-x-72\\`\ntw\\`border-spacing-y-72\\`\ntw\\`border-spacing-80\\`\ntw\\`border-spacing-x-80\\`\ntw\\`border-spacing-y-80\\`\ntw\\`border-spacing-96\\`\ntw\\`border-spacing-x-96\\`\ntw\\`border-spacing-y-96\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/border-spacing\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n})\n;({\n '--tw-border-spacing-x': '0px',\n '--tw-border-spacing-y': '0px',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0px',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '0px',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1px',\n '--tw-border-spacing-y': '1px',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1px',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '1px',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.125rem',\n '--tw-border-spacing-y': '0.125rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.125rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '0.125rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.25rem',\n '--tw-border-spacing-y': '0.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '0.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.375rem',\n '--tw-border-spacing-y': '0.375rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.375rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '0.375rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.5rem',\n '--tw-border-spacing-y': '0.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '0.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.625rem',\n '--tw-border-spacing-y': '0.625rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.625rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '0.625rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.75rem',\n '--tw-border-spacing-y': '0.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '0.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.875rem',\n '--tw-border-spacing-y': '0.875rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '0.875rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '0.875rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1rem',\n '--tw-border-spacing-y': '1rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '1rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1.25rem',\n '--tw-border-spacing-y': '1.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '1.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1.5rem',\n '--tw-border-spacing-y': '1.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '1.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1.75rem',\n '--tw-border-spacing-y': '1.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '1.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '1.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '2rem',\n '--tw-border-spacing-y': '2rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '2rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '2rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '2.25rem',\n '--tw-border-spacing-y': '2.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '2.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '2.25rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '2.5rem',\n '--tw-border-spacing-y': '2.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '2.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '2.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '2.75rem',\n '--tw-border-spacing-y': '2.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '2.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '2.75rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '3rem',\n '--tw-border-spacing-y': '3rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '3rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '3rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '3.5rem',\n '--tw-border-spacing-y': '3.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '3.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '3.5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '4rem',\n '--tw-border-spacing-y': '4rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '4rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '4rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '5rem',\n '--tw-border-spacing-y': '5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '5rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '6rem',\n '--tw-border-spacing-y': '6rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '6rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '6rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '7rem',\n '--tw-border-spacing-y': '7rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '7rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '7rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '8rem',\n '--tw-border-spacing-y': '8rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '8rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '8rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '9rem',\n '--tw-border-spacing-y': '9rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '9rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '9rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '10rem',\n '--tw-border-spacing-y': '10rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '10rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '10rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '11rem',\n '--tw-border-spacing-y': '11rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '11rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '11rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '12rem',\n '--tw-border-spacing-y': '12rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '12rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '12rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '13rem',\n '--tw-border-spacing-y': '13rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '13rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '13rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '14rem',\n '--tw-border-spacing-y': '14rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '14rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '14rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '15rem',\n '--tw-border-spacing-y': '15rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '15rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '15rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '16rem',\n '--tw-border-spacing-y': '16rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '16rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '16rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '18rem',\n '--tw-border-spacing-y': '18rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '18rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '18rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '20rem',\n '--tw-border-spacing-y': '20rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '20rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '20rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '24rem',\n '--tw-border-spacing-y': '24rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-x': '24rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n;({\n '--tw-border-spacing-y': '24rem',\n borderSpacing: 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',\n})\n\n\n`;\n\nexports[`twin.macro borderStyle.tsx: borderStyle.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/border-style\ntw\\`border-solid\\`\ntw\\`border-dashed\\`\ntw\\`border-dotted\\`\ntw\\`border-double\\`\ntw\\`border-hidden\\`\ntw\\`border-none\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/border-style\n;({\n borderStyle: 'solid',\n})\n;({\n borderStyle: 'dashed',\n})\n;({\n borderStyle: 'dotted',\n})\n;({\n borderStyle: 'double',\n})\n;({\n borderStyle: 'hidden',\n})\n;({\n borderStyle: 'none',\n})\n\n\n`;\n\nexports[`twin.macro borderWidth.tsx: borderWidth.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/border-width\ntheme\\`borderWidth.\\`\n\ntw\\`border-0\\`\ntw\\`border-2\\`\ntw\\`border-4\\`\ntw\\`border-8\\`\ntw\\`border\\`\ntw\\`border-x-0\\`\ntw\\`border-x-2\\`\ntw\\`border-x-4\\`\ntw\\`border-x-8\\`\ntw\\`border-x\\`\ntw\\`border-y-0\\`\ntw\\`border-y-2\\`\ntw\\`border-y-4\\`\ntw\\`border-y-8\\`\ntw\\`border-y\\`\ntw\\`border-t-0\\`\ntw\\`border-t-2\\`\ntw\\`border-t-4\\`\ntw\\`border-t-8\\`\ntw\\`border-t\\`\ntw\\`border-r-0\\`\ntw\\`border-r-2\\`\ntw\\`border-r-4\\`\ntw\\`border-r-8\\`\ntw\\`border-r\\`\ntw\\`border-b-0\\`\ntw\\`border-b-2\\`\ntw\\`border-b-4\\`\ntw\\`border-b-8\\`\ntw\\`border-b\\`\ntw\\`border-l-0\\`\ntw\\`border-l-2\\`\ntw\\`border-l-4\\`\ntw\\`border-l-8\\`\ntw\\`border-l\\`\n\ntw\\`border-[2.5px]\\`\ntw\\`border-t-[2.5px]\\`\n\ntw\\`border-t-[length:10px]\\`\ntw\\`border-r-[length:10px]\\`\ntw\\`border-b-[length:10px]\\`\ntw\\`border-l-[length:10px]\\`\ntw\\`border-l-[length:10px]\\`\ntw\\`border-x-[length:10px]\\`\ntw\\`border-y-[length:10px]\\`\ntw\\`border-[length:10px]\\`\n\ntw\\`border-2 border-s-0 border-e-4\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/border-width\n;({\n 0: '0px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n DEFAULT: '1px',\n})\n;({\n borderWidth: '0px',\n})\n;({\n borderWidth: '2px',\n})\n;({\n borderWidth: '4px',\n})\n;({\n borderWidth: '8px',\n})\n;({\n borderWidth: '1px',\n})\n;({\n borderLeftWidth: '0px',\n borderRightWidth: '0px',\n})\n;({\n borderLeftWidth: '2px',\n borderRightWidth: '2px',\n})\n;({\n borderLeftWidth: '4px',\n borderRightWidth: '4px',\n})\n;({\n borderLeftWidth: '8px',\n borderRightWidth: '8px',\n})\n;({\n borderLeftWidth: '1px',\n borderRightWidth: '1px',\n})\n;({\n borderTopWidth: '0px',\n borderBottomWidth: '0px',\n})\n;({\n borderTopWidth: '2px',\n borderBottomWidth: '2px',\n})\n;({\n borderTopWidth: '4px',\n borderBottomWidth: '4px',\n})\n;({\n borderTopWidth: '8px',\n borderBottomWidth: '8px',\n})\n;({\n borderTopWidth: '1px',\n borderBottomWidth: '1px',\n})\n;({\n borderTopWidth: '0px',\n})\n;({\n borderTopWidth: '2px',\n})\n;({\n borderTopWidth: '4px',\n})\n;({\n borderTopWidth: '8px',\n})\n;({\n borderTopWidth: '1px',\n})\n;({\n borderRightWidth: '0px',\n})\n;({\n borderRightWidth: '2px',\n})\n;({\n borderRightWidth: '4px',\n})\n;({\n borderRightWidth: '8px',\n})\n;({\n borderRightWidth: '1px',\n})\n;({\n borderBottomWidth: '0px',\n})\n;({\n borderBottomWidth: '2px',\n})\n;({\n borderBottomWidth: '4px',\n})\n;({\n borderBottomWidth: '8px',\n})\n;({\n borderBottomWidth: '1px',\n})\n;({\n borderLeftWidth: '0px',\n})\n;({\n borderLeftWidth: '2px',\n})\n;({\n borderLeftWidth: '4px',\n})\n;({\n borderLeftWidth: '8px',\n})\n;({\n borderLeftWidth: '1px',\n})\n;({\n borderWidth: '2.5px',\n})\n;({\n borderTopWidth: '2.5px',\n})\n;({\n borderTopWidth: '10px',\n})\n;({\n borderRightWidth: '10px',\n})\n;({\n borderBottomWidth: '10px',\n})\n;({\n borderLeftWidth: '10px',\n})\n;({\n borderLeftWidth: '10px',\n})\n;({\n borderLeftWidth: '10px',\n borderRightWidth: '10px',\n})\n;({\n borderTopWidth: '10px',\n borderBottomWidth: '10px',\n})\n;({\n borderWidth: '10px',\n})\n;({\n borderWidth: '2px',\n borderInlineEndWidth: '4px',\n borderInlineStartWidth: '0px',\n})\n\n\n`;\n\nexports[`twin.macro boxDecorationBreak.tsx: boxDecorationBreak.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/box-decoration-break\ntw\\`decoration-clone\\`\ntw\\`decoration-slice\\`\ntw\\`box-decoration-clone\\`\ntw\\`box-decoration-slice\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/box-decoration-break\n;({\n boxDecorationBreak: 'clone',\n})\n;({\n boxDecorationBreak: 'slice',\n})\n;({\n boxDecorationBreak: 'clone',\n})\n;({\n boxDecorationBreak: 'slice',\n})\n\n\n`;\n\nexports[`twin.macro boxShadow.tsx: boxShadow.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/box-shadow\ntheme\\`boxShadow.\\`\n\ntw\\`shadow-sm\\`\ntw\\`shadow\\`\ntw\\`shadow-md\\`\ntw\\`shadow-lg\\`\ntw\\`shadow-xl\\`\ntw\\`shadow-2xl\\`\ntw\\`shadow-inner\\`\ntw\\`shadow-none\\`\n\ntw\\`shadow-[0 35px 60px -15px rgba(0,0,0,0.3)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/box-shadow\n;({\n sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n none: 'none',\n})\n;({\n '--tw-shadow': '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n '--tw-shadow-colored': '0 1px 2px 0 var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n;({\n '--tw-shadow':\n '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n;({\n '--tw-shadow':\n '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n;({\n '--tw-shadow':\n '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n;({\n '--tw-shadow':\n '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n;({\n '--tw-shadow': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n '--tw-shadow-colored': '0 25px 50px -12px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n;({\n '--tw-shadow': 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n '--tw-shadow-colored': 'inset 0 2px 4px 0 var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n;({\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n;({\n '--tw-shadow': '0 35px 60px -15px rgba(0,0,0,0.3)',\n '--tw-shadow-colored': '0 35px 60px -15px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro boxShadowColor.tsx: boxShadowColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/box-shadow-color\ntheme\\`boxShadowColor\\`\n\ntw\\`shadow-inherit\\`\ntw\\`shadow-current\\`\ntw\\`shadow-transparent\\`\ntw\\`shadow-black\\`\ntw\\`shadow-white\\`\ntw\\`shadow-slate-50\\`\ntw\\`shadow-slate-100\\`\ntw\\`shadow-slate-200\\`\ntw\\`shadow-slate-300\\`\ntw\\`shadow-slate-400\\`\ntw\\`shadow-slate-500\\`\ntw\\`shadow-slate-600\\`\ntw\\`shadow-slate-700\\`\ntw\\`shadow-slate-800\\`\ntw\\`shadow-slate-900\\`\ntw\\`shadow-gray-50\\`\ntw\\`shadow-gray-100\\`\ntw\\`shadow-gray-200\\`\ntw\\`shadow-gray-300\\`\ntw\\`shadow-gray-400\\`\ntw\\`shadow-gray-500\\`\ntw\\`shadow-gray-600\\`\ntw\\`shadow-gray-700\\`\ntw\\`shadow-gray-800\\`\ntw\\`shadow-gray-900\\`\ntw\\`shadow-zinc-50\\`\ntw\\`shadow-zinc-100\\`\ntw\\`shadow-zinc-200\\`\ntw\\`shadow-zinc-300\\`\ntw\\`shadow-zinc-400\\`\ntw\\`shadow-zinc-500\\`\ntw\\`shadow-zinc-600\\`\ntw\\`shadow-zinc-700\\`\ntw\\`shadow-zinc-800\\`\ntw\\`shadow-zinc-900\\`\ntw\\`shadow-neutral-50\\`\ntw\\`shadow-neutral-100\\`\ntw\\`shadow-neutral-200\\`\ntw\\`shadow-neutral-300\\`\ntw\\`shadow-neutral-400\\`\ntw\\`shadow-neutral-500\\`\ntw\\`shadow-neutral-600\\`\ntw\\`shadow-neutral-700\\`\ntw\\`shadow-neutral-800\\`\ntw\\`shadow-neutral-900\\`\ntw\\`shadow-stone-50\\`\ntw\\`shadow-stone-100\\`\ntw\\`shadow-stone-200\\`\ntw\\`shadow-stone-300\\`\ntw\\`shadow-stone-400\\`\ntw\\`shadow-stone-500\\`\ntw\\`shadow-stone-600\\`\ntw\\`shadow-stone-700\\`\ntw\\`shadow-stone-800\\`\ntw\\`shadow-stone-900\\`\ntw\\`shadow-red-50\\`\ntw\\`shadow-red-100\\`\ntw\\`shadow-red-200\\`\ntw\\`shadow-red-300\\`\ntw\\`shadow-red-400\\`\ntw\\`shadow-red-500\\`\ntw\\`shadow-red-600\\`\ntw\\`shadow-red-700\\`\ntw\\`shadow-red-800\\`\ntw\\`shadow-red-900\\`\ntw\\`shadow-orange-50\\`\ntw\\`shadow-orange-100\\`\ntw\\`shadow-orange-200\\`\ntw\\`shadow-orange-300\\`\ntw\\`shadow-orange-400\\`\ntw\\`shadow-orange-500\\`\ntw\\`shadow-orange-600\\`\ntw\\`shadow-orange-700\\`\ntw\\`shadow-orange-800\\`\ntw\\`shadow-orange-900\\`\ntw\\`shadow-amber-50\\`\ntw\\`shadow-amber-100\\`\ntw\\`shadow-amber-200\\`\ntw\\`shadow-amber-300\\`\ntw\\`shadow-amber-400\\`\ntw\\`shadow-amber-500\\`\ntw\\`shadow-amber-600\\`\ntw\\`shadow-amber-700\\`\ntw\\`shadow-amber-800\\`\ntw\\`shadow-amber-900\\`\ntw\\`shadow-yellow-50\\`\ntw\\`shadow-yellow-100\\`\ntw\\`shadow-yellow-200\\`\ntw\\`shadow-yellow-300\\`\ntw\\`shadow-yellow-400\\`\ntw\\`shadow-yellow-500\\`\ntw\\`shadow-yellow-600\\`\ntw\\`shadow-yellow-700\\`\ntw\\`shadow-yellow-800\\`\ntw\\`shadow-yellow-900\\`\ntw\\`shadow-lime-50\\`\ntw\\`shadow-lime-100\\`\ntw\\`shadow-lime-200\\`\ntw\\`shadow-lime-300\\`\ntw\\`shadow-lime-400\\`\ntw\\`shadow-lime-500\\`\ntw\\`shadow-lime-600\\`\ntw\\`shadow-lime-700\\`\ntw\\`shadow-lime-800\\`\ntw\\`shadow-lime-900\\`\ntw\\`shadow-green-50\\`\ntw\\`shadow-green-100\\`\ntw\\`shadow-green-200\\`\ntw\\`shadow-green-300\\`\ntw\\`shadow-green-400\\`\ntw\\`shadow-green-500\\`\ntw\\`shadow-green-600\\`\ntw\\`shadow-green-700\\`\ntw\\`shadow-green-800\\`\ntw\\`shadow-green-900\\`\ntw\\`shadow-emerald-50\\`\ntw\\`shadow-emerald-100\\`\ntw\\`shadow-emerald-200\\`\ntw\\`shadow-emerald-300\\`\ntw\\`shadow-emerald-400\\`\ntw\\`shadow-emerald-500\\`\ntw\\`shadow-emerald-600\\`\ntw\\`shadow-emerald-700\\`\ntw\\`shadow-emerald-800\\`\ntw\\`shadow-emerald-900\\`\ntw\\`shadow-teal-50\\`\ntw\\`shadow-teal-100\\`\ntw\\`shadow-teal-200\\`\ntw\\`shadow-teal-300\\`\ntw\\`shadow-teal-400\\`\ntw\\`shadow-teal-500\\`\ntw\\`shadow-teal-600\\`\ntw\\`shadow-teal-700\\`\ntw\\`shadow-teal-800\\`\ntw\\`shadow-teal-900\\`\ntw\\`shadow-cyan-50\\`\ntw\\`shadow-cyan-100\\`\ntw\\`shadow-cyan-200\\`\ntw\\`shadow-cyan-300\\`\ntw\\`shadow-cyan-400\\`\ntw\\`shadow-cyan-500\\`\ntw\\`shadow-cyan-600\\`\ntw\\`shadow-cyan-700\\`\ntw\\`shadow-cyan-800\\`\ntw\\`shadow-cyan-900\\`\ntw\\`shadow-sky-50\\`\ntw\\`shadow-sky-100\\`\ntw\\`shadow-sky-200\\`\ntw\\`shadow-sky-300\\`\ntw\\`shadow-sky-400\\`\ntw\\`shadow-sky-500\\`\ntw\\`shadow-sky-600\\`\ntw\\`shadow-sky-700\\`\ntw\\`shadow-sky-800\\`\ntw\\`shadow-sky-900\\`\ntw\\`shadow-blue-50\\`\ntw\\`shadow-blue-100\\`\ntw\\`shadow-blue-200\\`\ntw\\`shadow-blue-300\\`\ntw\\`shadow-blue-400\\`\ntw\\`shadow-blue-500\\`\ntw\\`shadow-blue-600\\`\ntw\\`shadow-blue-700\\`\ntw\\`shadow-blue-800\\`\ntw\\`shadow-blue-900\\`\ntw\\`shadow-indigo-50\\`\ntw\\`shadow-indigo-100\\`\ntw\\`shadow-indigo-200\\`\ntw\\`shadow-indigo-300\\`\ntw\\`shadow-indigo-400\\`\ntw\\`shadow-indigo-500\\`\ntw\\`shadow-indigo-600\\`\ntw\\`shadow-indigo-700\\`\ntw\\`shadow-indigo-800\\`\ntw\\`shadow-indigo-900\\`\ntw\\`shadow-violet-50\\`\ntw\\`shadow-violet-100\\`\ntw\\`shadow-violet-200\\`\ntw\\`shadow-violet-300\\`\ntw\\`shadow-violet-400\\`\ntw\\`shadow-violet-500\\`\ntw\\`shadow-violet-600\\`\ntw\\`shadow-violet-700\\`\ntw\\`shadow-violet-800\\`\ntw\\`shadow-violet-900\\`\ntw\\`shadow-purple-50\\`\ntw\\`shadow-purple-100\\`\ntw\\`shadow-purple-200\\`\ntw\\`shadow-purple-300\\`\ntw\\`shadow-purple-400\\`\ntw\\`shadow-purple-500\\`\ntw\\`shadow-purple-600\\`\ntw\\`shadow-purple-700\\`\ntw\\`shadow-purple-800\\`\ntw\\`shadow-purple-900\\`\ntw\\`shadow-fuchsia-50\\`\ntw\\`shadow-fuchsia-100\\`\ntw\\`shadow-fuchsia-200\\`\ntw\\`shadow-fuchsia-300\\`\ntw\\`shadow-fuchsia-400\\`\ntw\\`shadow-fuchsia-500\\`\ntw\\`shadow-fuchsia-600\\`\ntw\\`shadow-fuchsia-700\\`\ntw\\`shadow-fuchsia-800\\`\ntw\\`shadow-fuchsia-900\\`\ntw\\`shadow-pink-50\\`\ntw\\`shadow-pink-100\\`\ntw\\`shadow-pink-200\\`\ntw\\`shadow-pink-300\\`\ntw\\`shadow-pink-400\\`\ntw\\`shadow-pink-500\\`\ntw\\`shadow-pink-600\\`\ntw\\`shadow-pink-700\\`\ntw\\`shadow-pink-800\\`\ntw\\`shadow-pink-900\\`\ntw\\`shadow-rose-50\\`\ntw\\`shadow-rose-100\\`\ntw\\`shadow-rose-200\\`\ntw\\`shadow-rose-300\\`\ntw\\`shadow-rose-400\\`\ntw\\`shadow-rose-500\\`\ntw\\`shadow-rose-600\\`\ntw\\`shadow-rose-700\\`\ntw\\`shadow-rose-800\\`\ntw\\`shadow-rose-900\\`\n\ntw\\`shadow-cyan-500/50\\`\ntw\\`shadow-cyan-500/[.50]\\`\ntw\\`shadow-[#50d71e]\\`\ntw\\`shadow-[color:#50d71e]\\`\ntw\\`shadow-[shadow:#50d71e]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/box-shadow-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n})\n;({\n '--tw-shadow-color': 'inherit',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': 'currentColor',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': 'transparent',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#000',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f8fafc',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f1f5f9',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e2e8f0',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#cbd5e1',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#94a3b8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#64748b',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#475569',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#334155',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#1e293b',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0f172a',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f9fafb',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f3f4f6',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e5e7eb',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d1d5db',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#9ca3af',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#6b7280',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#4b5563',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#374151',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#1f2937',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#111827',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fafafa',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f4f4f5',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e4e4e7',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d4d4d8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a1a1aa',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#71717a',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#52525b',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#3f3f46',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#27272a',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#18181b',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fafafa',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f5f5f5',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e5e5e5',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d4d4d4',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a3a3a3',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#737373',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#525252',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#404040',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#262626',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#171717',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fafaf9',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f5f5f4',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e7e5e4',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d6d3d1',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a8a29e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#78716c',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#57534e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#44403c',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#292524',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#1c1917',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fef2f2',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fee2e2',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fecaca',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fca5a5',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f87171',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ef4444',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#dc2626',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#b91c1c',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#991b1b',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#7f1d1d',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fff7ed',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ffedd5',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fed7aa',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fdba74',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fb923c',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f97316',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ea580c',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#c2410c',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#9a3412',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#7c2d12',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fffbeb',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fef3c7',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fde68a',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fcd34d',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fbbf24',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f59e0b',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d97706',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#b45309',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#92400e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#78350f',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fefce8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fef9c3',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fef08a',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fde047',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#facc15',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#eab308',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ca8a04',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a16207',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#854d0e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#713f12',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f7fee7',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ecfccb',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d9f99d',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#bef264',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a3e635',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#84cc16',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#65a30d',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#4d7c0f',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#3f6212',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#365314',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f0fdf4',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#dcfce7',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#bbf7d0',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#86efac',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#4ade80',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#22c55e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#16a34a',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#15803d',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#166534',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#14532d',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ecfdf5',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d1fae5',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a7f3d0',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#6ee7b7',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#34d399',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#10b981',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#059669',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#047857',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#065f46',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#064e3b',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f0fdfa',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ccfbf1',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#99f6e4',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#5eead4',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#2dd4bf',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#14b8a6',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0d9488',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0f766e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#115e59',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#134e4a',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ecfeff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#cffafe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a5f3fc',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#67e8f9',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#22d3ee',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#06b6d4',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0891b2',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0e7490',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#155e75',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#164e63',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f0f9ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e0f2fe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#bae6fd',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#7dd3fc',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#38bdf8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0ea5e9',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0284c7',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0369a1',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#075985',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#0c4a6e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#eff6ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#dbeafe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#bfdbfe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#93c5fd',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#60a5fa',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#3b82f6',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#2563eb',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#1d4ed8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#1e40af',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#1e3a8a',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#eef2ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e0e7ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#c7d2fe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a5b4fc',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#818cf8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#6366f1',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#4f46e5',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#4338ca',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#3730a3',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#312e81',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f5f3ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ede9fe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ddd6fe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#c4b5fd',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a78bfa',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#8b5cf6',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#7c3aed',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#6d28d9',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#5b21b6',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#4c1d95',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#faf5ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f3e8ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e9d5ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d8b4fe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#c084fc',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a855f7',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#9333ea',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#7e22ce',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#6b21a8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#581c87',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fdf4ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fae8ff',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f5d0fe',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f0abfc',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e879f9',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#d946ef',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#c026d3',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#a21caf',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#86198f',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#701a75',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fdf2f8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fce7f3',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fbcfe8',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f9a8d4',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f472b6',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ec4899',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#db2777',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#be185d',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#9d174d',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#831843',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fff1f2',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#ffe4e6',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fecdd3',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fda4af',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#fb7185',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#f43f5e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#e11d48',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#be123c',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#9f1239',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#881337',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': 'rgb(6 182 212 / 0.5)',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': 'rgb(6 182 212 / .50)',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#50d71e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow-color': '#50d71e',\n '--tw-shadow': 'var(--tw-shadow-colored)',\n})\n;({\n '--tw-shadow': '#50d71e',\n '--tw-shadow-colored': '#50d71e',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro boxSizing.tsx: boxSizing.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/box-sizing\ntw\\`box-border\\`\ntw\\`box-content\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/box-sizing\n;({\n boxSizing: 'border-box',\n})\n;({\n boxSizing: 'content-box',\n})\n\n\n`;\n\nexports[`twin.macro breakAfter.tsx: breakAfter.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/break-after\ntw\\`break-after-auto\\`\ntw\\`break-after-avoid\\`\ntw\\`break-after-all\\`\ntw\\`break-after-avoid-page\\`\ntw\\`break-after-page\\`\ntw\\`break-after-left\\`\ntw\\`break-after-right\\`\ntw\\`break-after-column\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/break-after\n;({\n breakAfter: 'auto',\n})\n;({\n breakAfter: 'avoid',\n})\n;({\n breakAfter: 'all',\n})\n;({\n breakAfter: 'avoid-page',\n})\n;({\n breakAfter: 'page',\n})\n;({\n breakAfter: 'left',\n})\n;({\n breakAfter: 'right',\n})\n;({\n breakAfter: 'column',\n})\n\n\n`;\n\nexports[`twin.macro breakBefore.tsx: breakBefore.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/break-before\ntw\\`break-before-auto\\`\ntw\\`break-before-avoid\\`\ntw\\`break-before-all\\`\ntw\\`break-before-avoid-page\\`\ntw\\`break-before-page\\`\ntw\\`break-before-left\\`\ntw\\`break-before-right\\`\ntw\\`break-before-column\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/break-before\n;({\n breakBefore: 'auto',\n})\n;({\n breakBefore: 'avoid',\n})\n;({\n breakBefore: 'all',\n})\n;({\n breakBefore: 'avoid-page',\n})\n;({\n breakBefore: 'page',\n})\n;({\n breakBefore: 'left',\n})\n;({\n breakBefore: 'right',\n})\n;({\n breakBefore: 'column',\n})\n\n\n`;\n\nexports[`twin.macro breakInside.tsx: breakInside.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/break-inside\ntw\\`break-inside-auto\\`\ntw\\`break-inside-avoid\\`\ntw\\`break-inside-avoid-page\\`\ntw\\`break-inside-avoid-column\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/break-inside\n;({\n breakInside: 'auto',\n})\n;({\n breakInside: 'avoid',\n})\n;({\n breakInside: 'avoid-page',\n})\n;({\n breakInside: 'avoid-column',\n})\n\n\n`;\n\nexports[`twin.macro brightness.tsx: brightness.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/brightness\ntheme\\`brightness\\`\n\ntw\\`brightness-0\\`\ntw\\`brightness-50\\`\ntw\\`brightness-75\\`\ntw\\`brightness-90\\`\ntw\\`brightness-95\\`\ntw\\`brightness-100\\`\ntw\\`brightness-105\\`\ntw\\`brightness-110\\`\ntw\\`brightness-125\\`\ntw\\`brightness-150\\`\ntw\\`brightness-200\\`\n\ntw\\`brightness-[-1.75]\\`\ntw\\`brightness-[1.75]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/brightness\n;({\n 0: '0',\n 50: '.5',\n 75: '.75',\n 90: '.9',\n 95: '.95',\n 100: '1',\n 105: '1.05',\n 110: '1.1',\n 125: '1.25',\n 150: '1.5',\n 200: '2',\n})\n;({\n '--tw-brightness': 'brightness(0)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(.5)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(.75)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(.9)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(.95)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.05)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.1)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.25)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.5)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(2)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(-1.75)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-brightness': 'brightness(1.75)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro captionSide.tsx: captionSide.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/caption-side\ntw\\`caption-top\\`\ntw\\`caption-bottom\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/caption-side\n;({\n captionSide: 'top',\n})\n;({\n captionSide: 'bottom',\n})\n\n\n`;\n\nexports[`twin.macro caretColor.tsx: caretColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/caret-color\ntheme\\`caretColor\\`\n\ntw\\`caret-inherit\\`\ntw\\`caret-current\\`\ntw\\`caret-transparent\\`\ntw\\`caret-black\\`\ntw\\`caret-white\\`\ntw\\`caret-slate-50\\`\ntw\\`caret-slate-100\\`\ntw\\`caret-slate-200\\`\ntw\\`caret-slate-300\\`\ntw\\`caret-slate-400\\`\ntw\\`caret-slate-500\\`\ntw\\`caret-slate-600\\`\ntw\\`caret-slate-700\\`\ntw\\`caret-slate-800\\`\ntw\\`caret-slate-900\\`\ntw\\`caret-gray-50\\`\ntw\\`caret-gray-100\\`\ntw\\`caret-gray-200\\`\ntw\\`caret-gray-300\\`\ntw\\`caret-gray-400\\`\ntw\\`caret-gray-500\\`\ntw\\`caret-gray-600\\`\ntw\\`caret-gray-700\\`\ntw\\`caret-gray-800\\`\ntw\\`caret-gray-900\\`\ntw\\`caret-zinc-50\\`\ntw\\`caret-zinc-100\\`\ntw\\`caret-zinc-200\\`\ntw\\`caret-zinc-300\\`\ntw\\`caret-zinc-400\\`\ntw\\`caret-zinc-500\\`\ntw\\`caret-zinc-600\\`\ntw\\`caret-zinc-700\\`\ntw\\`caret-zinc-800\\`\ntw\\`caret-zinc-900\\`\ntw\\`caret-neutral-50\\`\ntw\\`caret-neutral-100\\`\ntw\\`caret-neutral-200\\`\ntw\\`caret-neutral-300\\`\ntw\\`caret-neutral-400\\`\ntw\\`caret-neutral-500\\`\ntw\\`caret-neutral-600\\`\ntw\\`caret-neutral-700\\`\ntw\\`caret-neutral-800\\`\ntw\\`caret-neutral-900\\`\ntw\\`caret-stone-50\\`\ntw\\`caret-stone-100\\`\ntw\\`caret-stone-200\\`\ntw\\`caret-stone-300\\`\ntw\\`caret-stone-400\\`\ntw\\`caret-stone-500\\`\ntw\\`caret-stone-600\\`\ntw\\`caret-stone-700\\`\ntw\\`caret-stone-800\\`\ntw\\`caret-stone-900\\`\ntw\\`caret-red-50\\`\ntw\\`caret-red-100\\`\ntw\\`caret-red-200\\`\ntw\\`caret-red-300\\`\ntw\\`caret-red-400\\`\ntw\\`caret-red-500\\`\ntw\\`caret-red-600\\`\ntw\\`caret-red-700\\`\ntw\\`caret-red-800\\`\ntw\\`caret-red-900\\`\ntw\\`caret-orange-50\\`\ntw\\`caret-orange-100\\`\ntw\\`caret-orange-200\\`\ntw\\`caret-orange-300\\`\ntw\\`caret-orange-400\\`\ntw\\`caret-orange-500\\`\ntw\\`caret-orange-600\\`\ntw\\`caret-orange-700\\`\ntw\\`caret-orange-800\\`\ntw\\`caret-orange-900\\`\ntw\\`caret-amber-50\\`\ntw\\`caret-amber-100\\`\ntw\\`caret-amber-200\\`\ntw\\`caret-amber-300\\`\ntw\\`caret-amber-400\\`\ntw\\`caret-amber-500\\`\ntw\\`caret-amber-600\\`\ntw\\`caret-amber-700\\`\ntw\\`caret-amber-800\\`\ntw\\`caret-amber-900\\`\ntw\\`caret-yellow-50\\`\ntw\\`caret-yellow-100\\`\ntw\\`caret-yellow-200\\`\ntw\\`caret-yellow-300\\`\ntw\\`caret-yellow-400\\`\ntw\\`caret-yellow-500\\`\ntw\\`caret-yellow-600\\`\ntw\\`caret-yellow-700\\`\ntw\\`caret-yellow-800\\`\ntw\\`caret-yellow-900\\`\ntw\\`caret-lime-50\\`\ntw\\`caret-lime-100\\`\ntw\\`caret-lime-200\\`\ntw\\`caret-lime-300\\`\ntw\\`caret-lime-400\\`\ntw\\`caret-lime-500\\`\ntw\\`caret-lime-600\\`\ntw\\`caret-lime-700\\`\ntw\\`caret-lime-800\\`\ntw\\`caret-lime-900\\`\ntw\\`caret-green-50\\`\ntw\\`caret-green-100\\`\ntw\\`caret-green-200\\`\ntw\\`caret-green-300\\`\ntw\\`caret-green-400\\`\ntw\\`caret-green-500\\`\ntw\\`caret-green-600\\`\ntw\\`caret-green-700\\`\ntw\\`caret-green-800\\`\ntw\\`caret-green-900\\`\ntw\\`caret-emerald-50\\`\ntw\\`caret-emerald-100\\`\ntw\\`caret-emerald-200\\`\ntw\\`caret-emerald-300\\`\ntw\\`caret-emerald-400\\`\ntw\\`caret-emerald-500\\`\ntw\\`caret-emerald-600\\`\ntw\\`caret-emerald-700\\`\ntw\\`caret-emerald-800\\`\ntw\\`caret-emerald-900\\`\ntw\\`caret-teal-50\\`\ntw\\`caret-teal-100\\`\ntw\\`caret-teal-200\\`\ntw\\`caret-teal-300\\`\ntw\\`caret-teal-400\\`\ntw\\`caret-teal-500\\`\ntw\\`caret-teal-600\\`\ntw\\`caret-teal-700\\`\ntw\\`caret-teal-800\\`\ntw\\`caret-teal-900\\`\ntw\\`caret-cyan-50\\`\ntw\\`caret-cyan-100\\`\ntw\\`caret-cyan-200\\`\ntw\\`caret-cyan-300\\`\ntw\\`caret-cyan-400\\`\ntw\\`caret-cyan-500\\`\ntw\\`caret-cyan-600\\`\ntw\\`caret-cyan-700\\`\ntw\\`caret-cyan-800\\`\ntw\\`caret-cyan-900\\`\ntw\\`caret-sky-50\\`\ntw\\`caret-sky-100\\`\ntw\\`caret-sky-200\\`\ntw\\`caret-sky-300\\`\ntw\\`caret-sky-400\\`\ntw\\`caret-sky-500\\`\ntw\\`caret-sky-600\\`\ntw\\`caret-sky-700\\`\ntw\\`caret-sky-800\\`\ntw\\`caret-sky-900\\`\ntw\\`caret-blue-50\\`\ntw\\`caret-blue-100\\`\ntw\\`caret-blue-200\\`\ntw\\`caret-blue-300\\`\ntw\\`caret-blue-400\\`\ntw\\`caret-blue-500\\`\ntw\\`caret-blue-600\\`\ntw\\`caret-blue-700\\`\ntw\\`caret-blue-800\\`\ntw\\`caret-blue-900\\`\ntw\\`caret-indigo-50\\`\ntw\\`caret-indigo-100\\`\ntw\\`caret-indigo-200\\`\ntw\\`caret-indigo-300\\`\ntw\\`caret-indigo-400\\`\ntw\\`caret-indigo-500\\`\ntw\\`caret-indigo-600\\`\ntw\\`caret-indigo-700\\`\ntw\\`caret-indigo-800\\`\ntw\\`caret-indigo-900\\`\ntw\\`caret-violet-50\\`\ntw\\`caret-violet-100\\`\ntw\\`caret-violet-200\\`\ntw\\`caret-violet-300\\`\ntw\\`caret-violet-400\\`\ntw\\`caret-violet-500\\`\ntw\\`caret-violet-600\\`\ntw\\`caret-violet-700\\`\ntw\\`caret-violet-800\\`\ntw\\`caret-violet-900\\`\ntw\\`caret-purple-50\\`\ntw\\`caret-purple-100\\`\ntw\\`caret-purple-200\\`\ntw\\`caret-purple-300\\`\ntw\\`caret-purple-400\\`\ntw\\`caret-purple-500\\`\ntw\\`caret-purple-600\\`\ntw\\`caret-purple-700\\`\ntw\\`caret-purple-800\\`\ntw\\`caret-purple-900\\`\ntw\\`caret-fuchsia-50\\`\ntw\\`caret-fuchsia-100\\`\ntw\\`caret-fuchsia-200\\`\ntw\\`caret-fuchsia-300\\`\ntw\\`caret-fuchsia-400\\`\ntw\\`caret-fuchsia-500\\`\ntw\\`caret-fuchsia-600\\`\ntw\\`caret-fuchsia-700\\`\ntw\\`caret-fuchsia-800\\`\ntw\\`caret-fuchsia-900\\`\ntw\\`caret-pink-50\\`\ntw\\`caret-pink-100\\`\ntw\\`caret-pink-200\\`\ntw\\`caret-pink-300\\`\ntw\\`caret-pink-400\\`\ntw\\`caret-pink-500\\`\ntw\\`caret-pink-600\\`\ntw\\`caret-pink-700\\`\ntw\\`caret-pink-800\\`\ntw\\`caret-pink-900\\`\ntw\\`caret-rose-50\\`\ntw\\`caret-rose-100\\`\ntw\\`caret-rose-200\\`\ntw\\`caret-rose-300\\`\ntw\\`caret-rose-400\\`\ntw\\`caret-rose-500\\`\ntw\\`caret-rose-600\\`\ntw\\`caret-rose-700\\`\ntw\\`caret-rose-800\\`\ntw\\`caret-rose-900\\`\n\ntw\\`caret-[#50d71e]\\`\n\ntw\\`caret-red-500/25\\`\ntw\\`caret-red-500/fromConfig\\`\ntw\\`caret-red-500/fromConfig/25\\`\ntw\\`caret-red-500/fromConfig/[.555]\\`\ntw\\`caret-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`caret-red-500/[.555]\\`\ntw\\`caret-red-500/[var(--myvar)]\\`\ntw\\`caret-[theme('colors.red.500')]\\`\ntw\\`caret-[theme('colors.red.500')]/20\\`\n\ntw\\`caret-electric\\`\ntw\\`caret-electric/25\\`\ntw\\`caret-electric/[.555]\\`\ntw\\`caret-electric/[var(--myvar)]\\`\ntw\\`caret-[theme('colors.electric')]\\`\ntw\\`caret-[theme('colors.electric')]/20\\`\n\ntw\\`caret-[color:green]\\`\ntw\\`caret-[color:rgba(255, 255, 255, .45)]\\`\ntw\\`caret-[any:blah]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/caret-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n caretColor: 'inherit',\n})\n;({\n caretColor: 'currentColor',\n})\n;({\n caretColor: 'transparent',\n})\n;({\n caretColor: '#000',\n})\n;({\n caretColor: '#fff',\n})\n;({\n caretColor: '#f8fafc',\n})\n;({\n caretColor: '#f1f5f9',\n})\n;({\n caretColor: '#e2e8f0',\n})\n;({\n caretColor: '#cbd5e1',\n})\n;({\n caretColor: '#94a3b8',\n})\n;({\n caretColor: '#64748b',\n})\n;({\n caretColor: '#475569',\n})\n;({\n caretColor: '#334155',\n})\n;({\n caretColor: '#1e293b',\n})\n;({\n caretColor: '#0f172a',\n})\n;({\n caretColor: '#f9fafb',\n})\n;({\n caretColor: '#f3f4f6',\n})\n;({\n caretColor: '#e5e7eb',\n})\n;({\n caretColor: '#d1d5db',\n})\n;({\n caretColor: '#9ca3af',\n})\n;({\n caretColor: '#6b7280',\n})\n;({\n caretColor: '#4b5563',\n})\n;({\n caretColor: '#374151',\n})\n;({\n caretColor: '#1f2937',\n})\n;({\n caretColor: '#111827',\n})\n;({\n caretColor: '#fafafa',\n})\n;({\n caretColor: '#f4f4f5',\n})\n;({\n caretColor: '#e4e4e7',\n})\n;({\n caretColor: '#d4d4d8',\n})\n;({\n caretColor: '#a1a1aa',\n})\n;({\n caretColor: '#71717a',\n})\n;({\n caretColor: '#52525b',\n})\n;({\n caretColor: '#3f3f46',\n})\n;({\n caretColor: '#27272a',\n})\n;({\n caretColor: '#18181b',\n})\n;({\n caretColor: '#fafafa',\n})\n;({\n caretColor: '#f5f5f5',\n})\n;({\n caretColor: '#e5e5e5',\n})\n;({\n caretColor: '#d4d4d4',\n})\n;({\n caretColor: '#a3a3a3',\n})\n;({\n caretColor: '#737373',\n})\n;({\n caretColor: '#525252',\n})\n;({\n caretColor: '#404040',\n})\n;({\n caretColor: '#262626',\n})\n;({\n caretColor: '#171717',\n})\n;({\n caretColor: '#fafaf9',\n})\n;({\n caretColor: '#f5f5f4',\n})\n;({\n caretColor: '#e7e5e4',\n})\n;({\n caretColor: '#d6d3d1',\n})\n;({\n caretColor: '#a8a29e',\n})\n;({\n caretColor: '#78716c',\n})\n;({\n caretColor: '#57534e',\n})\n;({\n caretColor: '#44403c',\n})\n;({\n caretColor: '#292524',\n})\n;({\n caretColor: '#1c1917',\n})\n;({\n caretColor: '#fef2f2',\n})\n;({\n caretColor: '#fee2e2',\n})\n;({\n caretColor: '#fecaca',\n})\n;({\n caretColor: '#fca5a5',\n})\n;({\n caretColor: '#f87171',\n})\n;({\n caretColor: '#ef4444',\n})\n;({\n caretColor: '#dc2626',\n})\n;({\n caretColor: '#b91c1c',\n})\n;({\n caretColor: '#991b1b',\n})\n;({\n caretColor: '#7f1d1d',\n})\n;({\n caretColor: '#fff7ed',\n})\n;({\n caretColor: '#ffedd5',\n})\n;({\n caretColor: '#fed7aa',\n})\n;({\n caretColor: '#fdba74',\n})\n;({\n caretColor: '#fb923c',\n})\n;({\n caretColor: '#f97316',\n})\n;({\n caretColor: '#ea580c',\n})\n;({\n caretColor: '#c2410c',\n})\n;({\n caretColor: '#9a3412',\n})\n;({\n caretColor: '#7c2d12',\n})\n;({\n caretColor: '#fffbeb',\n})\n;({\n caretColor: '#fef3c7',\n})\n;({\n caretColor: '#fde68a',\n})\n;({\n caretColor: '#fcd34d',\n})\n;({\n caretColor: '#fbbf24',\n})\n;({\n caretColor: '#f59e0b',\n})\n;({\n caretColor: '#d97706',\n})\n;({\n caretColor: '#b45309',\n})\n;({\n caretColor: '#92400e',\n})\n;({\n caretColor: '#78350f',\n})\n;({\n caretColor: '#fefce8',\n})\n;({\n caretColor: '#fef9c3',\n})\n;({\n caretColor: '#fef08a',\n})\n;({\n caretColor: '#fde047',\n})\n;({\n caretColor: '#facc15',\n})\n;({\n caretColor: '#eab308',\n})\n;({\n caretColor: '#ca8a04',\n})\n;({\n caretColor: '#a16207',\n})\n;({\n caretColor: '#854d0e',\n})\n;({\n caretColor: '#713f12',\n})\n;({\n caretColor: '#f7fee7',\n})\n;({\n caretColor: '#ecfccb',\n})\n;({\n caretColor: '#d9f99d',\n})\n;({\n caretColor: '#bef264',\n})\n;({\n caretColor: '#a3e635',\n})\n;({\n caretColor: '#84cc16',\n})\n;({\n caretColor: '#65a30d',\n})\n;({\n caretColor: '#4d7c0f',\n})\n;({\n caretColor: '#3f6212',\n})\n;({\n caretColor: '#365314',\n})\n;({\n caretColor: '#f0fdf4',\n})\n;({\n caretColor: '#dcfce7',\n})\n;({\n caretColor: '#bbf7d0',\n})\n;({\n caretColor: '#86efac',\n})\n;({\n caretColor: '#4ade80',\n})\n;({\n caretColor: '#22c55e',\n})\n;({\n caretColor: '#16a34a',\n})\n;({\n caretColor: '#15803d',\n})\n;({\n caretColor: '#166534',\n})\n;({\n caretColor: '#14532d',\n})\n;({\n caretColor: '#ecfdf5',\n})\n;({\n caretColor: '#d1fae5',\n})\n;({\n caretColor: '#a7f3d0',\n})\n;({\n caretColor: '#6ee7b7',\n})\n;({\n caretColor: '#34d399',\n})\n;({\n caretColor: '#10b981',\n})\n;({\n caretColor: '#059669',\n})\n;({\n caretColor: '#047857',\n})\n;({\n caretColor: '#065f46',\n})\n;({\n caretColor: '#064e3b',\n})\n;({\n caretColor: '#f0fdfa',\n})\n;({\n caretColor: '#ccfbf1',\n})\n;({\n caretColor: '#99f6e4',\n})\n;({\n caretColor: '#5eead4',\n})\n;({\n caretColor: '#2dd4bf',\n})\n;({\n caretColor: '#14b8a6',\n})\n;({\n caretColor: '#0d9488',\n})\n;({\n caretColor: '#0f766e',\n})\n;({\n caretColor: '#115e59',\n})\n;({\n caretColor: '#134e4a',\n})\n;({\n caretColor: '#ecfeff',\n})\n;({\n caretColor: '#cffafe',\n})\n;({\n caretColor: '#a5f3fc',\n})\n;({\n caretColor: '#67e8f9',\n})\n;({\n caretColor: '#22d3ee',\n})\n;({\n caretColor: '#06b6d4',\n})\n;({\n caretColor: '#0891b2',\n})\n;({\n caretColor: '#0e7490',\n})\n;({\n caretColor: '#155e75',\n})\n;({\n caretColor: '#164e63',\n})\n;({\n caretColor: '#f0f9ff',\n})\n;({\n caretColor: '#e0f2fe',\n})\n;({\n caretColor: '#bae6fd',\n})\n;({\n caretColor: '#7dd3fc',\n})\n;({\n caretColor: '#38bdf8',\n})\n;({\n caretColor: '#0ea5e9',\n})\n;({\n caretColor: '#0284c7',\n})\n;({\n caretColor: '#0369a1',\n})\n;({\n caretColor: '#075985',\n})\n;({\n caretColor: '#0c4a6e',\n})\n;({\n caretColor: '#eff6ff',\n})\n;({\n caretColor: '#dbeafe',\n})\n;({\n caretColor: '#bfdbfe',\n})\n;({\n caretColor: '#93c5fd',\n})\n;({\n caretColor: '#60a5fa',\n})\n;({\n caretColor: '#3b82f6',\n})\n;({\n caretColor: '#2563eb',\n})\n;({\n caretColor: '#1d4ed8',\n})\n;({\n caretColor: '#1e40af',\n})\n;({\n caretColor: '#1e3a8a',\n})\n;({\n caretColor: '#eef2ff',\n})\n;({\n caretColor: '#e0e7ff',\n})\n;({\n caretColor: '#c7d2fe',\n})\n;({\n caretColor: '#a5b4fc',\n})\n;({\n caretColor: '#818cf8',\n})\n;({\n caretColor: '#6366f1',\n})\n;({\n caretColor: '#4f46e5',\n})\n;({\n caretColor: '#4338ca',\n})\n;({\n caretColor: '#3730a3',\n})\n;({\n caretColor: '#312e81',\n})\n;({\n caretColor: '#f5f3ff',\n})\n;({\n caretColor: '#ede9fe',\n})\n;({\n caretColor: '#ddd6fe',\n})\n;({\n caretColor: '#c4b5fd',\n})\n;({\n caretColor: '#a78bfa',\n})\n;({\n caretColor: '#8b5cf6',\n})\n;({\n caretColor: '#7c3aed',\n})\n;({\n caretColor: '#6d28d9',\n})\n;({\n caretColor: '#5b21b6',\n})\n;({\n caretColor: '#4c1d95',\n})\n;({\n caretColor: '#faf5ff',\n})\n;({\n caretColor: '#f3e8ff',\n})\n;({\n caretColor: '#e9d5ff',\n})\n;({\n caretColor: '#d8b4fe',\n})\n;({\n caretColor: '#c084fc',\n})\n;({\n caretColor: '#a855f7',\n})\n;({\n caretColor: '#9333ea',\n})\n;({\n caretColor: '#7e22ce',\n})\n;({\n caretColor: '#6b21a8',\n})\n;({\n caretColor: '#581c87',\n})\n;({\n caretColor: '#fdf4ff',\n})\n;({\n caretColor: '#fae8ff',\n})\n;({\n caretColor: '#f5d0fe',\n})\n;({\n caretColor: '#f0abfc',\n})\n;({\n caretColor: '#e879f9',\n})\n;({\n caretColor: '#d946ef',\n})\n;({\n caretColor: '#c026d3',\n})\n;({\n caretColor: '#a21caf',\n})\n;({\n caretColor: '#86198f',\n})\n;({\n caretColor: '#701a75',\n})\n;({\n caretColor: '#fdf2f8',\n})\n;({\n caretColor: '#fce7f3',\n})\n;({\n caretColor: '#fbcfe8',\n})\n;({\n caretColor: '#f9a8d4',\n})\n;({\n caretColor: '#f472b6',\n})\n;({\n caretColor: '#ec4899',\n})\n;({\n caretColor: '#db2777',\n})\n;({\n caretColor: '#be185d',\n})\n;({\n caretColor: '#9d174d',\n})\n;({\n caretColor: '#831843',\n})\n;({\n caretColor: '#fff1f2',\n})\n;({\n caretColor: '#ffe4e6',\n})\n;({\n caretColor: '#fecdd3',\n})\n;({\n caretColor: '#fda4af',\n})\n;({\n caretColor: '#fb7185',\n})\n;({\n caretColor: '#f43f5e',\n})\n;({\n caretColor: '#e11d48',\n})\n;({\n caretColor: '#be123c',\n})\n;({\n caretColor: '#9f1239',\n})\n;({\n caretColor: '#881337',\n})\n;({\n caretColor: '#50d71e',\n})\n;({\n caretColor: 'rgb(239 68 68 / 0.25)',\n})\n;({\n caretColor: '#000',\n})\n;({\n caretColor: 'rgb(0 0 0 / 0.25)',\n})\n;({\n caretColor: 'rgb(0 0 0 / .555)',\n})\n;({\n caretColor: 'rgb(0 0 0 / var(--myvar))',\n})\n;({\n caretColor: 'rgb(239 68 68 / .555)',\n})\n;({\n caretColor: 'rgb(239 68 68 / var(--myvar))',\n})\n;({\n caretColor: '#ef4444',\n})\n;({\n caretColor: 'rgb(239 68 68 / 0.2)',\n})\n;({\n caretColor: 'rgb(219, 0, 255)',\n})\n;({\n caretColor: 'rgba(219, 0, 255, 0.25)',\n})\n;({\n caretColor: 'rgba(219, 0, 255, .555)',\n})\n;({\n caretColor: 'rgba(219, 0, 255, var(--myvar))',\n})\n;({\n caretColor: 'rgb(219, 0, 255)',\n})\n;({\n caretColor: 'rgb(219 0 255 / 0.2)',\n})\n;({\n caretColor: 'green',\n})\n;({\n caretColor: 'rgba(255, 255, 255, .45)',\n})\n;({\n caretColor: 'blah',\n})\n\n\n`;\n\nexports[`twin.macro clear.tsx: clear.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/clear\ntw\\`clear-left\\`\ntw\\`clear-right\\`\ntw\\`clear-both\\`\ntw\\`clear-none\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/clear\n;({\n clear: 'left',\n})\n;({\n clear: 'right',\n})\n;({\n clear: 'both',\n})\n;({\n clear: 'none',\n})\n\n\n`;\n\nexports[`twin.macro colorFunctions.tsx: colorFunctions.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { GlobalStyles } from '../macro' // twinImport\n\ntw\\`text-foreground text-opacity-40\\`\ntw\\`text-gray-300\\`\n;\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport { css as _css } from '@emotion/react'\nimport { Global as _globalImport } from '@emotion/react'\n\nconst _GlobalStyles = () => (\n <_globalImport\n styles={_css\\`*, ::before, ::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: rgb(var(--twc-gray-200));\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty,/*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty,/*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);\n}\n::before, ::after {\n --tw-content: '';\n}\nhtml {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-feature-settings: normal;\n font-variation-settings: normal;\n}\nbody {\n margin: 0;\n line-height: inherit;\n}\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\na {\n color: inherit;\n text-decoration: inherit;\n}\nb, strong {\n font-weight: bolder;\n}\ncode, kbd, samp, pre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\nbutton, input, optgroup, select, textarea {\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\nbutton, select {\n text-transform: none;\n}\nbutton, [type='button'], [type='reset'], [type='submit'] {\n -webkit-appearance: button;\n background-color: transparent;\n background-image: none;\n}\n:-moz-focusring {\n outline: auto;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n[type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\nfieldset {\n margin: 0;\n padding: 0;\n}\nlegend {\n padding: 0;\n}\nol, ul, menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\ntextarea {\n resize: vertical;\n}\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: rgb(var(--twc-gray-400));\n}\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n:disabled {\n cursor: default;\n}\nimg, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n}\nimg, video {\n max-width: 100%;\n height: auto;\n}\n[hidden] {\n display: none;\n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty,/*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty,/*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);\n}\\`}\n />\n)\n\n// twinImport\n;({\n '--tw-text-opacity': '0.4',\n color: 'rgba(var(--twc-foreground), var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgba(var(--twc-gray-300), var(--tw-text-opacity))',\n})\n;<_GlobalStyles />\n\n\n`;\n\nexports[`twin.macro columns.tsx: columns.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/columns\ntheme\\`columns\\`\n\ntw\\`columns-1\\`\ntw\\`columns-2\\`\ntw\\`columns-3\\`\ntw\\`columns-4\\`\ntw\\`columns-5\\`\ntw\\`columns-6\\`\ntw\\`columns-7\\`\ntw\\`columns-8\\`\ntw\\`columns-9\\`\ntw\\`columns-10\\`\ntw\\`columns-11\\`\ntw\\`columns-12\\`\ntw\\`columns-auto\\`\ntw\\`columns-3xs\\`\ntw\\`columns-2xs\\`\ntw\\`columns-xs\\`\ntw\\`columns-sm\\`\ntw\\`columns-md\\`\ntw\\`columns-lg\\`\ntw\\`columns-xl\\`\ntw\\`columns-2xl\\`\ntw\\`columns-3xl\\`\ntw\\`columns-4xl\\`\ntw\\`columns-5xl\\`\ntw\\`columns-6xl\\`\ntw\\`columns-7xl\\`\n\ntw\\`columns-[10rem]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/columns\n;({\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n 8: '8',\n 9: '9',\n 10: '10',\n 11: '11',\n 12: '12',\n auto: 'auto',\n '3xs': '16rem',\n '2xs': '18rem',\n xs: '20rem',\n sm: '24rem',\n md: '28rem',\n lg: '32rem',\n xl: '36rem',\n '2xl': '42rem',\n '3xl': '48rem',\n '4xl': '56rem',\n '5xl': '64rem',\n '6xl': '72rem',\n '7xl': '80rem',\n})\n;({\n columns: '1',\n})\n;({\n columns: '2',\n})\n;({\n columns: '3',\n})\n;({\n columns: '4',\n})\n;({\n columns: '5',\n})\n;({\n columns: '6',\n})\n;({\n columns: '7',\n})\n;({\n columns: '8',\n})\n;({\n columns: '9',\n})\n;({\n columns: '10',\n})\n;({\n columns: '11',\n})\n;({\n columns: '12',\n})\n;({\n columns: 'auto',\n})\n;({\n columns: '16rem',\n})\n;({\n columns: '18rem',\n})\n;({\n columns: '20rem',\n})\n;({\n columns: '24rem',\n})\n;({\n columns: '28rem',\n})\n;({\n columns: '32rem',\n})\n;({\n columns: '36rem',\n})\n;({\n columns: '42rem',\n})\n;({\n columns: '48rem',\n})\n;({\n columns: '56rem',\n})\n;({\n columns: '64rem',\n})\n;({\n columns: '72rem',\n})\n;({\n columns: '80rem',\n})\n;({\n columns: '10rem',\n})\n\n\n`;\n\nexports[`twin.macro comments.tsx: comments.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n/**\n * Test comments\n */\n\n// singleline\n;
    \n\n// multiline\n;
    \n\n// mixture\n;\n\n// multiline comment\n;\n\n// singleline comment with class\n;\n\n// multiline comment out a singleline comment with class\n;\n\n// mixture with single and multiline on same line\n;\n\n// comment in variant group and consecutive strings\n;
    \n\n// break right bracket\n;\n\n// comments within multiline comment\n;\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;
    // multiline\n;
    // mixture\n; // multiline comment\n;
    // singleline comment with class\n; // multiline comment out a singleline comment with class\n; // mixture with single and multiline on same line\n;
    // comment in variant group and consecutive strings\n; // break right bracket\n; // comments within multiline comment\n;\n\n\n`;\n\nexports[`twin.macro config.tsx: config.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n/**\n * Test the config matching is working correctly\n */\n\ntw\\`animate-zoom-.5\\`\n\ntw\\`text-number\\`\ntw\\`text-purple\\`\ntw\\`text-purple-hyphen\\`\ntw\\`text-mycolors\\`\ntw\\`text-mycolors-a-purple\\`\ntw\\`text-mycolors-a-number\\`\n// tw\\`text-mycolors-array\\` // Arrays aren't supported\ntw\\`text-my-blue-100\\`\ntw\\`text-color-opacity\\`\ntw\\`text-color-deep-config-500\\`\n\ntw\\`bg-number\\`\ntw\\`bg-purple\\`\ntw\\`bg-purple-hyphen\\`\ntw\\`bg-mycolors\\`\ntw\\`bg-mycolors-a-purple\\`\ntw\\`bg-mycolors-a-number\\`\n// tw\\`bg-mycolors-array\\` // Arrays aren't supported\ntw\\`bg-my-blue-100\\`\ntw\\`bg-color-opacity\\`\ntw\\`bg-color-deep-config-500\\`\n\ntw\\`bg-blue\\`\ntw\\`bg-blue-gray\\`\ntw\\`bg-blue-gray-200\\`\ntw\\`bg-blue-gray-green\\`\ntw\\`bg-blue-gray-green-200\\`\ntw\\`bg-blue-gray-green-deep-dish\\`\ntw\\`bg-blue-gray-green-deep-dish-200\\`\ntw\\`bg-blue-gray-green-pink\\`\n\ntw\\`font-customFontWeightAsString\\`\ntw\\`font-customFontWeightAsNumber\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n\n/**\n * Test the config matching is working correctly\n */\n;({\n animation: 'zoom-.5 2s',\n})\n;({\n color: '0',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(128 0 128 / var(--tw-text-opacity))',\n})\n;({\n color: 'purple-hyphen',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(0 0 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(128 0 128 / var(--tw-text-opacity))',\n})\n;({\n color: '0',\n}) // tw\\`text-mycolors-array\\` // Arrays aren't supported\n\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(0 0 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgba(var(--color-primary), var(--tw-text-opacity, 1))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(7 71 166 / var(--tw-text-opacity))',\n})\n;({\n backgroundColor: '0',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(128 0 128 / var(--tw-bg-opacity))',\n})\n;({\n backgroundColor: 'purple-hyphen',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(128 0 128 / var(--tw-bg-opacity))',\n})\n;({\n backgroundColor: '0',\n}) // tw\\`bg-mycolors-array\\` // Arrays aren't supported\n\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(0 0 255 / var(--tw-bg-opacity))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgba(var(--color-primary), var(--tw-bg-opacity, 1))',\n})\n;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(7 71 166 / var(--tw-bg-opacity))',\n})\n;({\n backgroundColor: 'blue-default',\n})\n;({\n backgroundColor: 'blue-gray-default',\n})\n;({\n backgroundColor: 'blue-gray-200',\n})\n;({\n backgroundColor: 'blue-gray-green-default',\n})\n;({\n backgroundColor: 'blue-gray-green-200',\n})\n;({\n backgroundColor: 'blue-gray-green-deep-dish-default',\n})\n;({\n backgroundColor: 'blue-gray-green-deep-dish-200',\n})\n;({\n backgroundColor: 'blue-gray-green-pink',\n})\n;({\n fontWeight: '700',\n})\n;({\n fontWeight: '800',\n})\n\n\n`;\n\nexports[`twin.macro configTS.tsx: configTS.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n/**\n * Test the config matching is working correctly\n */\n\ntw\\`text-purple\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n\n/**\n * Test the config matching is working correctly\n */\n;({\n color: 'custom',\n})\n\n\n`;\n\nexports[`twin.macro container.tsx: container.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/container\ntheme\\`container\\`\ntw\\`container\\`\ntw\\`md:container md:mx-auto\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/container\n;({\n padding: {\n DEFAULT: ['1rem', '2rem'],\n sm: ['2rem'],\n lg: '4rem',\n xl: '6rem',\n object: '8rem',\n 'object-width': '10rem',\n 'object-min-max': '12rem',\n },\n margin: {\n DEFAULT: ['2rem', '3rem'],\n sm: ['auto'],\n lg: '5rem',\n xl: '7rem',\n },\n})\n;({\n width: '100%',\n paddingRight: '2rem',\n paddingLeft: '2rem',\n '@media (min-width: 640px)': {\n maxWidth: '640px',\n paddingRight: '2rem',\n paddingLeft: '2rem',\n },\n '@media (min-width: 768px)': {\n maxWidth: '768px',\n },\n '@media (min-width: 968px)': {\n maxWidth: '968px',\n paddingRight: '8rem',\n paddingLeft: '8rem',\n },\n '@media (min-width: 992px)': {\n maxWidth: '992px',\n paddingRight: '10rem',\n paddingLeft: '10rem',\n },\n '@media (min-width: 1024px)': {\n maxWidth: '1024px',\n paddingRight: '4rem',\n paddingLeft: '4rem',\n },\n '@media (min-width: 1200px)': {\n maxWidth: '1200px',\n paddingRight: '12rem',\n paddingLeft: '12rem',\n },\n '@media (min-width: 1280px)': {\n maxWidth: '1280px',\n paddingRight: '6rem',\n paddingLeft: '6rem',\n },\n '@media (min-width: 1536px)': {\n maxWidth: '1536px',\n },\n})\n;({\n '@media (min-width: 768px)': {\n width: '100%',\n paddingRight: '2rem',\n paddingLeft: '2rem',\n '@media (min-width: 640px)': {\n maxWidth: '640px',\n paddingRight: '2rem',\n paddingLeft: '2rem',\n },\n '@media (min-width: 768px)': {\n maxWidth: '768px',\n },\n '@media (min-width: 968px)': {\n maxWidth: '968px',\n paddingRight: '8rem',\n paddingLeft: '8rem',\n },\n '@media (min-width: 992px)': {\n maxWidth: '992px',\n paddingRight: '10rem',\n paddingLeft: '10rem',\n },\n '@media (min-width: 1024px)': {\n maxWidth: '1024px',\n paddingRight: '4rem',\n paddingLeft: '4rem',\n },\n '@media (min-width: 1200px)': {\n maxWidth: '1200px',\n paddingRight: '12rem',\n paddingLeft: '12rem',\n },\n '@media (min-width: 1280px)': {\n maxWidth: '1280px',\n paddingRight: '6rem',\n paddingLeft: '6rem',\n },\n '@media (min-width: 1536px)': {\n maxWidth: '1536px',\n },\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n})\n\n\n`;\n\nexports[`twin.macro content.tsx: content.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/content\ntheme\\`content\\`\n\ntw\\`content\\`\ntw\\`content-test\\`\ntw\\`content-['hello']\\`\ntw\\`content-[attr(content-before)]\\`\ntw\\`content-['>']\\`\ntw\\`content-['—']\\`\ntw\\`before:content-['—']\\`\ntw\\`before:(content-['—'] block)\\`\ntw\\`content-none\\`\ntw\\`before:block\\`\ntw\\`peer-focus:before:block\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/content\n;({\n none: 'none',\n DEFAULT: '\"default\"',\n test: '\"hi\"',\n})\n;({\n '--tw-content': '\"default\"',\n content: 'var(--tw-content)',\n})\n;({\n '--tw-content': '\"hi\"',\n content: 'var(--tw-content)',\n})\n;({\n '--tw-content': \"'hello'\",\n content: 'var(--tw-content)',\n})\n;({\n '--tw-content': 'attr(content-before)',\n content: 'var(--tw-content)',\n})\n;({\n '--tw-content': \"'>'\",\n content: 'var(--tw-content)',\n})\n;({\n '--tw-content': \"'\\\\u2014'\",\n content: 'var(--tw-content)',\n})\n;({\n '::before': {\n '--tw-content': \"'\\\\u2014'\",\n content: 'var(--tw-content)',\n },\n})\n;({\n '::before': {\n content: 'var(--tw-content)',\n display: 'block',\n '--tw-content': \"'\\\\u2014'\",\n },\n})\n;({\n '--tw-content': 'none',\n content: 'var(--tw-content)',\n})\n;({\n '::before': {\n content: 'var(--tw-content)',\n display: 'block',\n },\n})\n;({\n '.peer:focus ~ &::before': {\n content: 'var(--tw-content)',\n display: 'block',\n },\n})\n\n\n`;\n\nexports[`twin.macro contrast.tsx: contrast.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/contrast\ntheme\\`contrast\\`\n\ntw\\`contrast-0\\`\ntw\\`contrast-50\\`\ntw\\`contrast-75\\`\ntw\\`contrast-100\\`\ntw\\`contrast-125\\`\ntw\\`contrast-150\\`\ntw\\`contrast-200\\`\n\ntw\\`contrast-[.25]\\`\ntw\\`contrast-[-.25]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/contrast\n;({\n 0: '0',\n 50: '.5',\n 75: '.75',\n 100: '1',\n 125: '1.25',\n 150: '1.5',\n 200: '2',\n})\n;({\n '--tw-contrast': 'contrast(0)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-contrast': 'contrast(.5)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-contrast': 'contrast(.75)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-contrast': 'contrast(1)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-contrast': 'contrast(1.25)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-contrast': 'contrast(1.5)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-contrast': 'contrast(2)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-contrast': 'contrast(.25)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-contrast': 'contrast(-.25)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro cursor.tsx: cursor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/cursor\ntheme\\`cursor\\`\n\ntw\\`cursor-auto\\`\ntw\\`cursor-default\\`\ntw\\`cursor-pointer\\`\ntw\\`cursor-wait\\`\ntw\\`cursor-text\\`\ntw\\`cursor-move\\`\ntw\\`cursor-help\\`\ntw\\`cursor-not-allowed\\`\ntw\\`cursor-none\\`\ntw\\`cursor-context-menu\\`\ntw\\`cursor-progress\\`\ntw\\`cursor-cell\\`\ntw\\`cursor-crosshair\\`\ntw\\`cursor-vertical-text\\`\ntw\\`cursor-alias\\`\ntw\\`cursor-copy\\`\ntw\\`cursor-no-drop\\`\ntw\\`cursor-grab\\`\ntw\\`cursor-grabbing\\`\ntw\\`cursor-all-scroll\\`\ntw\\`cursor-col-resize\\`\ntw\\`cursor-row-resize\\`\ntw\\`cursor-n-resize\\`\ntw\\`cursor-e-resize\\`\ntw\\`cursor-s-resize\\`\ntw\\`cursor-w-resize\\`\ntw\\`cursor-ne-resize\\`\ntw\\`cursor-nw-resize\\`\ntw\\`cursor-se-resize\\`\ntw\\`cursor-sw-resize\\`\ntw\\`cursor-ew-resize\\`\ntw\\`cursor-ns-resize\\`\ntw\\`cursor-nesw-resize\\`\ntw\\`cursor-nwse-resize\\`\ntw\\`cursor-zoom-in\\`\ntw\\`cursor-zoom-out\\`\n\ntw\\`cursor-[url(hand.cur), pointer]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/cursor\n;({\n auto: 'auto',\n default: 'default',\n pointer: 'pointer',\n wait: 'wait',\n text: 'text',\n move: 'move',\n help: 'help',\n 'not-allowed': 'not-allowed',\n none: 'none',\n 'context-menu': 'context-menu',\n progress: 'progress',\n cell: 'cell',\n crosshair: 'crosshair',\n 'vertical-text': 'vertical-text',\n alias: 'alias',\n copy: 'copy',\n 'no-drop': 'no-drop',\n grab: 'grab',\n grabbing: 'grabbing',\n 'all-scroll': 'all-scroll',\n 'col-resize': 'col-resize',\n 'row-resize': 'row-resize',\n 'n-resize': 'n-resize',\n 'e-resize': 'e-resize',\n 's-resize': 's-resize',\n 'w-resize': 'w-resize',\n 'ne-resize': 'ne-resize',\n 'nw-resize': 'nw-resize',\n 'se-resize': 'se-resize',\n 'sw-resize': 'sw-resize',\n 'ew-resize': 'ew-resize',\n 'ns-resize': 'ns-resize',\n 'nesw-resize': 'nesw-resize',\n 'nwse-resize': 'nwse-resize',\n 'zoom-in': 'zoom-in',\n 'zoom-out': 'zoom-out',\n})\n;({\n cursor: 'auto',\n})\n;({\n cursor: 'default',\n})\n;({\n cursor: 'pointer',\n})\n;({\n cursor: 'wait',\n})\n;({\n cursor: 'text',\n})\n;({\n cursor: 'move',\n})\n;({\n cursor: 'help',\n})\n;({\n cursor: 'not-allowed',\n})\n;({\n cursor: 'none',\n})\n;({\n cursor: 'context-menu',\n})\n;({\n cursor: 'progress',\n})\n;({\n cursor: 'cell',\n})\n;({\n cursor: 'crosshair',\n})\n;({\n cursor: 'vertical-text',\n})\n;({\n cursor: 'alias',\n})\n;({\n cursor: 'copy',\n})\n;({\n cursor: 'no-drop',\n})\n;({\n cursor: 'grab',\n})\n;({\n cursor: 'grabbing',\n})\n;({\n cursor: 'all-scroll',\n})\n;({\n cursor: 'col-resize',\n})\n;({\n cursor: 'row-resize',\n})\n;({\n cursor: 'n-resize',\n})\n;({\n cursor: 'e-resize',\n})\n;({\n cursor: 's-resize',\n})\n;({\n cursor: 'w-resize',\n})\n;({\n cursor: 'ne-resize',\n})\n;({\n cursor: 'nw-resize',\n})\n;({\n cursor: 'se-resize',\n})\n;({\n cursor: 'sw-resize',\n})\n;({\n cursor: 'ew-resize',\n})\n;({\n cursor: 'ns-resize',\n})\n;({\n cursor: 'nesw-resize',\n})\n;({\n cursor: 'nwse-resize',\n})\n;({\n cursor: 'zoom-in',\n})\n;({\n cursor: 'zoom-out',\n})\n;({\n cursor: 'url(hand.cur), pointer',\n})\n\n\n`;\n\nexports[`twin.macro darkLightModeArray.tsx: darkLightModeArray.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro' // twinImport\n\ntw\\`dark:block\\`\ntw\\`light:block\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// twinImport\n;({\n ':is(.test-dark &)': {\n display: 'block',\n },\n})\n;({\n '.test-light &': {\n display: 'block',\n },\n})\n\n\n`;\n\nexports[`twin.macro directionalBorders.tsx: directionalBorders.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro' // twinImport\n\ntw\\`border-t\\`\ntw\\`border-r\\`\ntw\\`border-b\\`\ntw\\`border-l\\`\n\ntw\\`border-t-transparent\\`\ntw\\`border-t-current\\`\ntw\\`border-t-gray-50\\`\n\ntw\\`border-r-transparent\\`\ntw\\`border-r-current\\`\ntw\\`border-r-gray-50\\`\n\ntw\\`border-b-transparent\\`\ntw\\`border-b-current\\`\ntw\\`border-b-gray-50\\`\n\ntw\\`border-l-transparent\\`\ntw\\`border-l-current\\`\ntw\\`border-l-gray-50\\`\n\ntw\\`border-l-gray-50/20\\`\n\ntw\\`border-t-4\\`\ntw\\`border-r-4\\`\ntw\\`border-b-4\\`\ntw\\`border-l-4\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// twinImport\n;({\n borderTopWidth: '1px',\n})\n;({\n borderRightWidth: '1px',\n})\n;({\n borderBottomWidth: '1px',\n})\n;({\n borderLeftWidth: '1px',\n})\n;({\n borderTopColor: 'transparent',\n})\n;({\n borderTopColor: 'currentColor',\n})\n;({\n '--tw-border-opacity': '1',\n borderTopColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n borderRightColor: 'transparent',\n})\n;({\n borderRightColor: 'currentColor',\n})\n;({\n '--tw-border-opacity': '1',\n borderRightColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n borderBottomColor: 'transparent',\n})\n;({\n borderBottomColor: 'currentColor',\n})\n;({\n '--tw-border-opacity': '1',\n borderBottomColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n borderLeftColor: 'transparent',\n})\n;({\n borderLeftColor: 'currentColor',\n})\n;({\n '--tw-border-opacity': '1',\n borderLeftColor: 'rgb(249 250 251 / var(--tw-border-opacity))',\n})\n;({\n borderLeftColor: 'rgb(249 250 251 / 0.2)',\n})\n;({\n borderTopWidth: '4px',\n})\n;({\n borderRightWidth: '4px',\n})\n;({\n borderBottomWidth: '4px',\n})\n;({\n borderLeftWidth: '4px',\n})\n\n\n`;\n\nexports[`twin.macro display.tsx: display.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/display\ntw\\`block\\`\ntw\\`inline-block\\`\ntw\\`inline\\`\ntw\\`flex\\`\ntw\\`inline-flex\\`\ntw\\`table\\`\ntw\\`table-caption\\`\ntw\\`table-cell\\`\ntw\\`table-column\\`\ntw\\`table-column-group\\`\ntw\\`table-footer-group\\`\ntw\\`table-header-group\\`\ntw\\`table-row-group\\`\ntw\\`table-row\\`\ntw\\`flow-root\\`\ntw\\`grid\\`\ntw\\`inline-grid\\`\ntw\\`contents\\`\ntw\\`list-item\\`\ntw\\`hidden\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/display\n;({\n display: 'block',\n})\n;({\n display: 'inline-block',\n})\n;({\n display: 'inline',\n})\n;({\n display: 'flex',\n})\n;({\n display: 'inline-flex',\n})\n;({\n display: 'table',\n})\n;({\n display: 'table-caption',\n})\n;({\n display: 'table-cell',\n})\n;({\n display: 'table-column',\n})\n;({\n display: 'table-column-group',\n})\n;({\n display: 'table-footer-group',\n})\n;({\n display: 'table-header-group',\n})\n;({\n display: 'table-row-group',\n})\n;({\n display: 'table-row',\n})\n;({\n display: 'flow-root',\n})\n;({\n display: 'grid',\n})\n;({\n display: 'inline-grid',\n})\n;({\n display: 'contents',\n})\n;({\n display: 'list-item',\n})\n;({\n display: 'none',\n})\n\n\n`;\n\nexports[`twin.macro divideColor.tsx: divideColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/divide-color\ntheme\\`divideColor.\\`\n\ntw\\`divide-inherit\\`\ntw\\`divide-current\\`\ntw\\`divide-transparent\\`\ntw\\`divide-black\\`\ntw\\`divide-white\\`\ntw\\`divide-slate-50\\`\ntw\\`divide-slate-100\\`\ntw\\`divide-slate-200\\`\ntw\\`divide-slate-300\\`\ntw\\`divide-slate-400\\`\ntw\\`divide-slate-500\\`\ntw\\`divide-slate-600\\`\ntw\\`divide-slate-700\\`\ntw\\`divide-slate-800\\`\ntw\\`divide-slate-900\\`\ntw\\`divide-gray-50\\`\ntw\\`divide-gray-100\\`\ntw\\`divide-gray-200\\`\ntw\\`divide-gray-300\\`\ntw\\`divide-gray-400\\`\ntw\\`divide-gray-500\\`\ntw\\`divide-gray-600\\`\ntw\\`divide-gray-700\\`\ntw\\`divide-gray-800\\`\ntw\\`divide-gray-900\\`\ntw\\`divide-zinc-50\\`\ntw\\`divide-zinc-100\\`\ntw\\`divide-zinc-200\\`\ntw\\`divide-zinc-300\\`\ntw\\`divide-zinc-400\\`\ntw\\`divide-zinc-500\\`\ntw\\`divide-zinc-600\\`\ntw\\`divide-zinc-700\\`\ntw\\`divide-zinc-800\\`\ntw\\`divide-zinc-900\\`\ntw\\`divide-neutral-50\\`\ntw\\`divide-neutral-100\\`\ntw\\`divide-neutral-200\\`\ntw\\`divide-neutral-300\\`\ntw\\`divide-neutral-400\\`\ntw\\`divide-neutral-500\\`\ntw\\`divide-neutral-600\\`\ntw\\`divide-neutral-700\\`\ntw\\`divide-neutral-800\\`\ntw\\`divide-neutral-900\\`\ntw\\`divide-stone-50\\`\ntw\\`divide-stone-100\\`\ntw\\`divide-stone-200\\`\ntw\\`divide-stone-300\\`\ntw\\`divide-stone-400\\`\ntw\\`divide-stone-500\\`\ntw\\`divide-stone-600\\`\ntw\\`divide-stone-700\\`\ntw\\`divide-stone-800\\`\ntw\\`divide-stone-900\\`\ntw\\`divide-red-50\\`\ntw\\`divide-red-100\\`\ntw\\`divide-red-200\\`\ntw\\`divide-red-300\\`\ntw\\`divide-red-400\\`\ntw\\`divide-red-500\\`\ntw\\`divide-red-600\\`\ntw\\`divide-red-700\\`\ntw\\`divide-red-800\\`\ntw\\`divide-red-900\\`\ntw\\`divide-orange-50\\`\ntw\\`divide-orange-100\\`\ntw\\`divide-orange-200\\`\ntw\\`divide-orange-300\\`\ntw\\`divide-orange-400\\`\ntw\\`divide-orange-500\\`\ntw\\`divide-orange-600\\`\ntw\\`divide-orange-700\\`\ntw\\`divide-orange-800\\`\ntw\\`divide-orange-900\\`\ntw\\`divide-amber-50\\`\ntw\\`divide-amber-100\\`\ntw\\`divide-amber-200\\`\ntw\\`divide-amber-300\\`\ntw\\`divide-amber-400\\`\ntw\\`divide-amber-500\\`\ntw\\`divide-amber-600\\`\ntw\\`divide-amber-700\\`\ntw\\`divide-amber-800\\`\ntw\\`divide-amber-900\\`\ntw\\`divide-yellow-50\\`\ntw\\`divide-yellow-100\\`\ntw\\`divide-yellow-200\\`\ntw\\`divide-yellow-300\\`\ntw\\`divide-yellow-400\\`\ntw\\`divide-yellow-500\\`\ntw\\`divide-yellow-600\\`\ntw\\`divide-yellow-700\\`\ntw\\`divide-yellow-800\\`\ntw\\`divide-yellow-900\\`\ntw\\`divide-lime-50\\`\ntw\\`divide-lime-100\\`\ntw\\`divide-lime-200\\`\ntw\\`divide-lime-300\\`\ntw\\`divide-lime-400\\`\ntw\\`divide-lime-500\\`\ntw\\`divide-lime-600\\`\ntw\\`divide-lime-700\\`\ntw\\`divide-lime-800\\`\ntw\\`divide-lime-900\\`\ntw\\`divide-green-50\\`\ntw\\`divide-green-100\\`\ntw\\`divide-green-200\\`\ntw\\`divide-green-300\\`\ntw\\`divide-green-400\\`\ntw\\`divide-green-500\\`\ntw\\`divide-green-600\\`\ntw\\`divide-green-700\\`\ntw\\`divide-green-800\\`\ntw\\`divide-green-900\\`\ntw\\`divide-emerald-50\\`\ntw\\`divide-emerald-100\\`\ntw\\`divide-emerald-200\\`\ntw\\`divide-emerald-300\\`\ntw\\`divide-emerald-400\\`\ntw\\`divide-emerald-500\\`\ntw\\`divide-emerald-600\\`\ntw\\`divide-emerald-700\\`\ntw\\`divide-emerald-800\\`\ntw\\`divide-emerald-900\\`\ntw\\`divide-teal-50\\`\ntw\\`divide-teal-100\\`\ntw\\`divide-teal-200\\`\ntw\\`divide-teal-300\\`\ntw\\`divide-teal-400\\`\ntw\\`divide-teal-500\\`\ntw\\`divide-teal-600\\`\ntw\\`divide-teal-700\\`\ntw\\`divide-teal-800\\`\ntw\\`divide-teal-900\\`\ntw\\`divide-cyan-50\\`\ntw\\`divide-cyan-100\\`\ntw\\`divide-cyan-200\\`\ntw\\`divide-cyan-300\\`\ntw\\`divide-cyan-400\\`\ntw\\`divide-cyan-500\\`\ntw\\`divide-cyan-600\\`\ntw\\`divide-cyan-700\\`\ntw\\`divide-cyan-800\\`\ntw\\`divide-cyan-900\\`\ntw\\`divide-sky-50\\`\ntw\\`divide-sky-100\\`\ntw\\`divide-sky-200\\`\ntw\\`divide-sky-300\\`\ntw\\`divide-sky-400\\`\ntw\\`divide-sky-500\\`\ntw\\`divide-sky-600\\`\ntw\\`divide-sky-700\\`\ntw\\`divide-sky-800\\`\ntw\\`divide-sky-900\\`\ntw\\`divide-blue-50\\`\ntw\\`divide-blue-100\\`\ntw\\`divide-blue-200\\`\ntw\\`divide-blue-300\\`\ntw\\`divide-blue-400\\`\ntw\\`divide-blue-500\\`\ntw\\`divide-blue-600\\`\ntw\\`divide-blue-700\\`\ntw\\`divide-blue-800\\`\ntw\\`divide-blue-900\\`\ntw\\`divide-indigo-50\\`\ntw\\`divide-indigo-100\\`\ntw\\`divide-indigo-200\\`\ntw\\`divide-indigo-300\\`\ntw\\`divide-indigo-400\\`\ntw\\`divide-indigo-500\\`\ntw\\`divide-indigo-600\\`\ntw\\`divide-indigo-700\\`\ntw\\`divide-indigo-800\\`\ntw\\`divide-indigo-900\\`\ntw\\`divide-violet-50\\`\ntw\\`divide-violet-100\\`\ntw\\`divide-violet-200\\`\ntw\\`divide-violet-300\\`\ntw\\`divide-violet-400\\`\ntw\\`divide-violet-500\\`\ntw\\`divide-violet-600\\`\ntw\\`divide-violet-700\\`\ntw\\`divide-violet-800\\`\ntw\\`divide-violet-900\\`\ntw\\`divide-purple-50\\`\ntw\\`divide-purple-100\\`\ntw\\`divide-purple-200\\`\ntw\\`divide-purple-300\\`\ntw\\`divide-purple-400\\`\ntw\\`divide-purple-500\\`\ntw\\`divide-purple-600\\`\ntw\\`divide-purple-700\\`\ntw\\`divide-purple-800\\`\ntw\\`divide-purple-900\\`\ntw\\`divide-fuchsia-50\\`\ntw\\`divide-fuchsia-100\\`\ntw\\`divide-fuchsia-200\\`\ntw\\`divide-fuchsia-300\\`\ntw\\`divide-fuchsia-400\\`\ntw\\`divide-fuchsia-500\\`\ntw\\`divide-fuchsia-600\\`\ntw\\`divide-fuchsia-700\\`\ntw\\`divide-fuchsia-800\\`\ntw\\`divide-fuchsia-900\\`\ntw\\`divide-pink-50\\`\ntw\\`divide-pink-100\\`\ntw\\`divide-pink-200\\`\ntw\\`divide-pink-300\\`\ntw\\`divide-pink-400\\`\ntw\\`divide-pink-500\\`\ntw\\`divide-pink-600\\`\ntw\\`divide-pink-700\\`\ntw\\`divide-pink-800\\`\ntw\\`divide-pink-900\\`\ntw\\`divide-rose-50\\`\ntw\\`divide-rose-100\\`\ntw\\`divide-rose-200\\`\ntw\\`divide-rose-300\\`\ntw\\`divide-rose-400\\`\ntw\\`divide-rose-500\\`\ntw\\`divide-rose-600\\`\ntw\\`divide-rose-700\\`\ntw\\`divide-rose-800\\`\ntw\\`divide-rose-900\\`\n\ntw\\`divide-y-4 divide-slate-400/25\\`\ntw\\`divide-y-4 divide-slate-400/[.24]\\`\ntw\\`divide-[#243c5a]\\`\n\ntw\\`divide-[color:blue]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/divide-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n DEFAULT: '#e5e7eb',\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n borderColor: 'inherit',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n borderColor: 'currentColor',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n borderColor: 'transparent',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(0 0 0 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(255 255 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(248 250 252 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(241 245 249 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(226 232 240 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(203 213 225 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(148 163 184 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(100 116 139 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(71 85 105 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(51 65 85 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(30 41 59 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(15 23 42 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(249 250 251 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(243 244 246 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(229 231 235 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(209 213 219 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(156 163 175 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(107 114 128 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(75 85 99 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(55 65 81 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(31 41 55 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(17 24 39 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(250 250 250 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(244 244 245 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(228 228 231 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(212 212 216 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(161 161 170 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(113 113 122 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(82 82 91 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(63 63 70 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(39 39 42 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(24 24 27 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(250 250 250 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(245 245 245 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(229 229 229 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(212 212 212 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(163 163 163 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(115 115 115 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(82 82 82 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(64 64 64 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(38 38 38 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(23 23 23 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(250 250 249 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(245 245 244 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(231 229 228 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(214 211 209 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(168 162 158 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(120 113 108 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(87 83 78 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(68 64 60 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(41 37 36 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(28 25 23 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 242 242 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 226 226 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 202 202 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(252 165 165 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(248 113 113 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(239 68 68 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(220 38 38 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(185 28 28 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(153 27 27 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(127 29 29 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(255 247 237 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(255 237 213 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 215 170 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(253 186 116 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(251 146 60 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(249 115 22 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(234 88 12 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(194 65 12 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(154 52 18 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(124 45 18 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(255 251 235 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 243 199 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(253 230 138 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(252 211 77 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(251 191 36 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(245 158 11 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(217 119 6 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(180 83 9 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(146 64 14 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(120 53 15 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 252 232 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 249 195 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 240 138 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(253 224 71 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(250 204 21 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(234 179 8 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(202 138 4 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(161 98 7 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(133 77 14 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(113 63 18 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(247 254 231 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(236 252 203 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(217 249 157 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(190 242 100 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(163 230 53 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(132 204 22 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(101 163 13 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(77 124 15 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(63 98 18 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(54 83 20 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(240 253 244 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(220 252 231 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(187 247 208 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(134 239 172 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(74 222 128 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(34 197 94 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(22 163 74 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(21 128 61 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(22 101 52 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(20 83 45 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(236 253 245 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(209 250 229 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(167 243 208 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(110 231 183 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(52 211 153 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(16 185 129 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(5 150 105 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(4 120 87 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(6 95 70 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(6 78 59 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(240 253 250 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(204 251 241 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(153 246 228 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(94 234 212 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(45 212 191 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(20 184 166 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(13 148 136 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(15 118 110 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(17 94 89 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(19 78 74 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(236 254 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(207 250 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(165 243 252 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(103 232 249 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(34 211 238 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(6 182 212 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(8 145 178 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(14 116 144 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(21 94 117 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(22 78 99 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(240 249 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(224 242 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(186 230 253 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(125 211 252 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(56 189 248 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(14 165 233 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(2 132 199 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(3 105 161 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(7 89 133 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(12 74 110 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(239 246 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(219 234 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(191 219 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(147 197 253 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(96 165 250 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(59 130 246 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(37 99 235 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(29 78 216 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(30 64 175 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(30 58 138 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(238 242 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(224 231 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(199 210 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(165 180 252 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(129 140 248 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(99 102 241 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(79 70 229 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(67 56 202 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(55 48 163 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(49 46 129 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(245 243 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(237 233 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(221 214 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(196 181 253 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(167 139 250 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(139 92 246 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(124 58 237 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(109 40 217 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(91 33 182 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(76 29 149 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(250 245 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(243 232 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(233 213 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(216 180 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(192 132 252 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(168 85 247 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(147 51 234 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(126 34 206 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(107 33 168 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(88 28 135 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(253 244 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(250 232 255 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(245 208 254 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(240 171 252 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(232 121 249 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(217 70 239 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(192 38 211 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(162 28 175 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(134 25 143 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(112 26 117 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(253 242 248 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(252 231 243 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(251 207 232 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(249 168 212 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(244 114 182 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(236 72 153 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(219 39 119 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(190 24 93 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(157 23 77 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(131 24 67 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(255 241 242 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(255 228 230 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(254 205 211 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(253 164 175 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(251 113 133 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(244 63 94 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(225 29 72 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(190 18 60 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(159 18 57 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(136 19 55 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(4px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(4px * var(--tw-divide-y-reverse))',\n borderColor: 'rgb(148 163 184 / 0.25)',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(4px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(4px * var(--tw-divide-y-reverse))',\n borderColor: 'rgb(148 163 184 / .24)',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(36 60 90 / var(--tw-divide-opacity))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n borderColor: 'rgb(0 0 255 / var(--tw-divide-opacity))',\n },\n})\n\n\n`;\n\nexports[`twin.macro divideOpacity.tsx: divideOpacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/divide-opacity\n// Deprecated in favor of slash opacity syntax\ntw\\`divide-opacity-0\\`\ntw\\`divide-opacity-5\\`\ntw\\`divide-opacity-10\\`\ntw\\`divide-opacity-20\\`\ntw\\`divide-opacity-25\\`\ntw\\`divide-opacity-30\\`\ntw\\`divide-opacity-40\\`\ntw\\`divide-opacity-50\\`\ntw\\`divide-opacity-60\\`\ntw\\`divide-opacity-70\\`\ntw\\`divide-opacity-75\\`\ntw\\`divide-opacity-80\\`\ntw\\`divide-opacity-90\\`\ntw\\`divide-opacity-95\\`\ntw\\`divide-opacity-100\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/divide-opacity\n// Deprecated in favor of slash opacity syntax\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.05',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.1',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.2',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.25',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.3',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.4',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.5',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.6',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.7',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.75',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.8',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.9',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '0.95',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-opacity': '1',\n },\n})\n\n\n`;\n\nexports[`twin.macro divideStyle.tsx: divideStyle.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/divide-style\ntw\\`divide-solid\\`\ntw\\`divide-dashed\\`\ntw\\`divide-dotted\\`\ntw\\`divide-double\\`\ntw\\`divide-none\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/divide-style\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n borderStyle: 'solid',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n borderStyle: 'dashed',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n borderStyle: 'dotted',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n borderStyle: 'double',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n borderStyle: 'none',\n },\n})\n\n\n`;\n\nexports[`twin.macro divideWidth.tsx: divideWidth.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/divide-width\ntheme\\`divideWidth.\\`\n\ntw\\`divide-x-0\\`\ntw\\`divide-x-2\\`\ntw\\`divide-x-4\\`\ntw\\`divide-x-8\\`\ntw\\`divide-x\\`\ntw\\`divide-y-0\\`\ntw\\`divide-y-2\\`\ntw\\`divide-y-4\\`\ntw\\`divide-y-8\\`\ntw\\`divide-y\\`\ntw\\`divide-x-reverse\\`\ntw\\`divide-y-reverse\\`\n\ntw\\`divide-x-[3px]\\`\ntw\\`divide-y-[3px]\\`\n\ntw\\`divide-x-[line-width:3px]\\`\ntw\\`divide-x-[length:3px]\\`\n\ntw\\`divide-y-[line-width:3px]\\`\ntw\\`divide-y-[length:3px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/divide-width\n;({\n 0: '0px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n DEFAULT: '1px',\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(0px * var(--tw-divide-x-reverse))',\n borderLeftWidth: 'calc(0px * calc(1 - var(--tw-divide-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(2px * var(--tw-divide-x-reverse))',\n borderLeftWidth: 'calc(2px * calc(1 - var(--tw-divide-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(4px * var(--tw-divide-x-reverse))',\n borderLeftWidth: 'calc(4px * calc(1 - var(--tw-divide-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(8px * var(--tw-divide-x-reverse))',\n borderLeftWidth: 'calc(8px * calc(1 - var(--tw-divide-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(1px * var(--tw-divide-x-reverse))',\n borderLeftWidth: 'calc(1px * calc(1 - var(--tw-divide-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(0px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(0px * var(--tw-divide-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(2px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(2px * var(--tw-divide-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(4px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(4px * var(--tw-divide-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(8px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(8px * var(--tw-divide-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(1px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(1px * var(--tw-divide-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '1',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '1',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(3px * var(--tw-divide-x-reverse))',\n borderLeftWidth: 'calc(3px * calc(1 - var(--tw-divide-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(3px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(3px * var(--tw-divide-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(3px * var(--tw-divide-x-reverse))',\n borderLeftWidth: 'calc(3px * calc(1 - var(--tw-divide-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(3px * var(--tw-divide-x-reverse))',\n borderLeftWidth: 'calc(3px * calc(1 - var(--tw-divide-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(3px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(3px * var(--tw-divide-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-y-reverse': '0',\n borderTopWidth: 'calc(3px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(3px * var(--tw-divide-y-reverse))',\n },\n})\n\n\n`;\n\nexports[`twin.macro dropShadow.tsx: dropShadow.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/drop-shadow\ntheme\\`dropShadow\\`\n\ntw\\`drop-shadow-sm\\`\ntw\\`drop-shadow\\`\ntw\\`drop-shadow-md\\`\ntw\\`drop-shadow-lg\\`\ntw\\`drop-shadow-xl\\`\ntw\\`drop-shadow-2xl\\`\ntw\\`drop-shadow-none\\`\n\ntw\\`drop-shadow-[0 35px 35px rgba(0, 0, 0, 0.25)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/drop-shadow\n;({\n sm: '0 1px 1px rgb(0 0 0 / 0.05)',\n DEFAULT: ['0 1px 2px rgb(0 0 0 / 0.1)', '0 1px 1px rgb(0 0 0 / 0.06)'],\n md: ['0 4px 3px rgb(0 0 0 / 0.07)', '0 2px 2px rgb(0 0 0 / 0.06)'],\n lg: ['0 10px 8px rgb(0 0 0 / 0.04)', '0 4px 3px rgb(0 0 0 / 0.1)'],\n xl: ['0 20px 13px rgb(0 0 0 / 0.03)', '0 8px 5px rgb(0 0 0 / 0.08)'],\n '2xl': '0 25px 25px rgb(0 0 0 / 0.15)',\n none: '0 0 #0000',\n})\n;({\n '--tw-drop-shadow': 'drop-shadow(0 1px 1px rgb(0 0 0 / 0.05))',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-drop-shadow':\n 'drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06))',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-drop-shadow':\n 'drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-drop-shadow':\n 'drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1))',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-drop-shadow':\n 'drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08))',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-drop-shadow': 'drop-shadow(0 25px 25px rgb(0 0 0 / 0.15))',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-drop-shadow': 'drop-shadow(0 0 #0000)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-drop-shadow': 'drop-shadow(0 35px 35px rgba(0, 0, 0, 0.25))',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro fill.tsx: fill.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/fill\ntheme\\`fill\\`\n\ntw\\`fill-none\\`\ntw\\`fill-inherit\\`\ntw\\`fill-current\\`\ntw\\`fill-transparent\\`\ntw\\`fill-black\\`\ntw\\`fill-white\\`\ntw\\`fill-slate-50\\`\ntw\\`fill-slate-100\\`\ntw\\`fill-slate-200\\`\ntw\\`fill-slate-300\\`\ntw\\`fill-slate-400\\`\ntw\\`fill-slate-500\\`\ntw\\`fill-slate-600\\`\ntw\\`fill-slate-700\\`\ntw\\`fill-slate-800\\`\ntw\\`fill-slate-900\\`\ntw\\`fill-gray-50\\`\ntw\\`fill-gray-100\\`\ntw\\`fill-gray-200\\`\ntw\\`fill-gray-300\\`\ntw\\`fill-gray-400\\`\ntw\\`fill-gray-500\\`\ntw\\`fill-gray-600\\`\ntw\\`fill-gray-700\\`\ntw\\`fill-gray-800\\`\ntw\\`fill-gray-900\\`\ntw\\`fill-zinc-50\\`\ntw\\`fill-zinc-100\\`\ntw\\`fill-zinc-200\\`\ntw\\`fill-zinc-300\\`\ntw\\`fill-zinc-400\\`\ntw\\`fill-zinc-500\\`\ntw\\`fill-zinc-600\\`\ntw\\`fill-zinc-700\\`\ntw\\`fill-zinc-800\\`\ntw\\`fill-zinc-900\\`\ntw\\`fill-neutral-50\\`\ntw\\`fill-neutral-100\\`\ntw\\`fill-neutral-200\\`\ntw\\`fill-neutral-300\\`\ntw\\`fill-neutral-400\\`\ntw\\`fill-neutral-500\\`\ntw\\`fill-neutral-600\\`\ntw\\`fill-neutral-700\\`\ntw\\`fill-neutral-800\\`\ntw\\`fill-neutral-900\\`\ntw\\`fill-stone-50\\`\ntw\\`fill-stone-100\\`\ntw\\`fill-stone-200\\`\ntw\\`fill-stone-300\\`\ntw\\`fill-stone-400\\`\ntw\\`fill-stone-500\\`\ntw\\`fill-stone-600\\`\ntw\\`fill-stone-700\\`\ntw\\`fill-stone-800\\`\ntw\\`fill-stone-900\\`\ntw\\`fill-red-50\\`\ntw\\`fill-red-100\\`\ntw\\`fill-red-200\\`\ntw\\`fill-red-300\\`\ntw\\`fill-red-400\\`\ntw\\`fill-red-500\\`\ntw\\`fill-red-600\\`\ntw\\`fill-red-700\\`\ntw\\`fill-red-800\\`\ntw\\`fill-red-900\\`\ntw\\`fill-orange-50\\`\ntw\\`fill-orange-100\\`\ntw\\`fill-orange-200\\`\ntw\\`fill-orange-300\\`\ntw\\`fill-orange-400\\`\ntw\\`fill-orange-500\\`\ntw\\`fill-orange-600\\`\ntw\\`fill-orange-700\\`\ntw\\`fill-orange-800\\`\ntw\\`fill-orange-900\\`\ntw\\`fill-amber-50\\`\ntw\\`fill-amber-100\\`\ntw\\`fill-amber-200\\`\ntw\\`fill-amber-300\\`\ntw\\`fill-amber-400\\`\ntw\\`fill-amber-500\\`\ntw\\`fill-amber-600\\`\ntw\\`fill-amber-700\\`\ntw\\`fill-amber-800\\`\ntw\\`fill-amber-900\\`\ntw\\`fill-yellow-50\\`\ntw\\`fill-yellow-100\\`\ntw\\`fill-yellow-200\\`\ntw\\`fill-yellow-300\\`\ntw\\`fill-yellow-400\\`\ntw\\`fill-yellow-500\\`\ntw\\`fill-yellow-600\\`\ntw\\`fill-yellow-700\\`\ntw\\`fill-yellow-800\\`\ntw\\`fill-yellow-900\\`\ntw\\`fill-lime-50\\`\ntw\\`fill-lime-100\\`\ntw\\`fill-lime-200\\`\ntw\\`fill-lime-300\\`\ntw\\`fill-lime-400\\`\ntw\\`fill-lime-500\\`\ntw\\`fill-lime-600\\`\ntw\\`fill-lime-700\\`\ntw\\`fill-lime-800\\`\ntw\\`fill-lime-900\\`\ntw\\`fill-green-50\\`\ntw\\`fill-green-100\\`\ntw\\`fill-green-200\\`\ntw\\`fill-green-300\\`\ntw\\`fill-green-400\\`\ntw\\`fill-green-500\\`\ntw\\`fill-green-600\\`\ntw\\`fill-green-700\\`\ntw\\`fill-green-800\\`\ntw\\`fill-green-900\\`\ntw\\`fill-emerald-50\\`\ntw\\`fill-emerald-100\\`\ntw\\`fill-emerald-200\\`\ntw\\`fill-emerald-300\\`\ntw\\`fill-emerald-400\\`\ntw\\`fill-emerald-500\\`\ntw\\`fill-emerald-600\\`\ntw\\`fill-emerald-700\\`\ntw\\`fill-emerald-800\\`\ntw\\`fill-emerald-900\\`\ntw\\`fill-teal-50\\`\ntw\\`fill-teal-100\\`\ntw\\`fill-teal-200\\`\ntw\\`fill-teal-300\\`\ntw\\`fill-teal-400\\`\ntw\\`fill-teal-500\\`\ntw\\`fill-teal-600\\`\ntw\\`fill-teal-700\\`\ntw\\`fill-teal-800\\`\ntw\\`fill-teal-900\\`\ntw\\`fill-cyan-50\\`\ntw\\`fill-cyan-100\\`\ntw\\`fill-cyan-200\\`\ntw\\`fill-cyan-300\\`\ntw\\`fill-cyan-400\\`\ntw\\`fill-cyan-500\\`\ntw\\`fill-cyan-600\\`\ntw\\`fill-cyan-700\\`\ntw\\`fill-cyan-800\\`\ntw\\`fill-cyan-900\\`\ntw\\`fill-sky-50\\`\ntw\\`fill-sky-100\\`\ntw\\`fill-sky-200\\`\ntw\\`fill-sky-300\\`\ntw\\`fill-sky-400\\`\ntw\\`fill-sky-500\\`\ntw\\`fill-sky-600\\`\ntw\\`fill-sky-700\\`\ntw\\`fill-sky-800\\`\ntw\\`fill-sky-900\\`\ntw\\`fill-blue-50\\`\ntw\\`fill-blue-100\\`\ntw\\`fill-blue-200\\`\ntw\\`fill-blue-300\\`\ntw\\`fill-blue-400\\`\ntw\\`fill-blue-500\\`\ntw\\`fill-blue-600\\`\ntw\\`fill-blue-700\\`\ntw\\`fill-blue-800\\`\ntw\\`fill-blue-900\\`\ntw\\`fill-indigo-50\\`\ntw\\`fill-indigo-100\\`\ntw\\`fill-indigo-200\\`\ntw\\`fill-indigo-300\\`\ntw\\`fill-indigo-400\\`\ntw\\`fill-indigo-500\\`\ntw\\`fill-indigo-600\\`\ntw\\`fill-indigo-700\\`\ntw\\`fill-indigo-800\\`\ntw\\`fill-indigo-900\\`\ntw\\`fill-violet-50\\`\ntw\\`fill-violet-100\\`\ntw\\`fill-violet-200\\`\ntw\\`fill-violet-300\\`\ntw\\`fill-violet-400\\`\ntw\\`fill-violet-500\\`\ntw\\`fill-violet-600\\`\ntw\\`fill-violet-700\\`\ntw\\`fill-violet-800\\`\ntw\\`fill-violet-900\\`\ntw\\`fill-purple-50\\`\ntw\\`fill-purple-100\\`\ntw\\`fill-purple-200\\`\ntw\\`fill-purple-300\\`\ntw\\`fill-purple-400\\`\ntw\\`fill-purple-500\\`\ntw\\`fill-purple-600\\`\ntw\\`fill-purple-700\\`\ntw\\`fill-purple-800\\`\ntw\\`fill-purple-900\\`\ntw\\`fill-fuchsia-50\\`\ntw\\`fill-fuchsia-100\\`\ntw\\`fill-fuchsia-200\\`\ntw\\`fill-fuchsia-300\\`\ntw\\`fill-fuchsia-400\\`\ntw\\`fill-fuchsia-500\\`\ntw\\`fill-fuchsia-600\\`\ntw\\`fill-fuchsia-700\\`\ntw\\`fill-fuchsia-800\\`\ntw\\`fill-fuchsia-900\\`\ntw\\`fill-pink-50\\`\ntw\\`fill-pink-100\\`\ntw\\`fill-pink-200\\`\ntw\\`fill-pink-300\\`\ntw\\`fill-pink-400\\`\ntw\\`fill-pink-500\\`\ntw\\`fill-pink-600\\`\ntw\\`fill-pink-700\\`\ntw\\`fill-pink-800\\`\ntw\\`fill-pink-900\\`\ntw\\`fill-rose-50\\`\ntw\\`fill-rose-100\\`\ntw\\`fill-rose-200\\`\ntw\\`fill-rose-300\\`\ntw\\`fill-rose-400\\`\ntw\\`fill-rose-500\\`\ntw\\`fill-rose-600\\`\ntw\\`fill-rose-700\\`\ntw\\`fill-rose-800\\`\ntw\\`fill-rose-900\\`\n\ntw\\`fill-[#243c5a]\\`\ntw\\`fill-[var(--color)]\\`\n\ntw\\`fill-red-500\\`\ntw\\`fill-red-500/25\\`\ntw\\`fill-red-500/fromConfig\\`\ntw\\`fill-red-500/fromConfig/25\\`\ntw\\`fill-red-500/fromConfig/[.555]\\`\ntw\\`fill-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`fill-red-500/[.555]\\`\ntw\\`fill-red-500/[var(--myvar)]\\`\ntw\\`fill-[theme('colors.red.500')]\\`\ntw\\`fill-[theme('colors.red.500')]/20\\`\n\ntw\\`fill-electric\\`\ntw\\`fill-electric/25\\`\ntw\\`fill-electric/[.555]\\`\ntw\\`fill-electric/[var(--myvar)]\\`\ntw\\`fill-[theme('colors.electric')]\\`\ntw\\`fill-[theme('colors.electric')]/20\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/fill\n;({\n none: 'none',\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n fill: 'none',\n})\n;({\n fill: 'inherit',\n})\n;({\n fill: 'currentColor',\n})\n;({\n fill: 'transparent',\n})\n;({\n fill: '#000',\n})\n;({\n fill: '#fff',\n})\n;({\n fill: '#f8fafc',\n})\n;({\n fill: '#f1f5f9',\n})\n;({\n fill: '#e2e8f0',\n})\n;({\n fill: '#cbd5e1',\n})\n;({\n fill: '#94a3b8',\n})\n;({\n fill: '#64748b',\n})\n;({\n fill: '#475569',\n})\n;({\n fill: '#334155',\n})\n;({\n fill: '#1e293b',\n})\n;({\n fill: '#0f172a',\n})\n;({\n fill: '#f9fafb',\n})\n;({\n fill: '#f3f4f6',\n})\n;({\n fill: '#e5e7eb',\n})\n;({\n fill: '#d1d5db',\n})\n;({\n fill: '#9ca3af',\n})\n;({\n fill: '#6b7280',\n})\n;({\n fill: '#4b5563',\n})\n;({\n fill: '#374151',\n})\n;({\n fill: '#1f2937',\n})\n;({\n fill: '#111827',\n})\n;({\n fill: '#fafafa',\n})\n;({\n fill: '#f4f4f5',\n})\n;({\n fill: '#e4e4e7',\n})\n;({\n fill: '#d4d4d8',\n})\n;({\n fill: '#a1a1aa',\n})\n;({\n fill: '#71717a',\n})\n;({\n fill: '#52525b',\n})\n;({\n fill: '#3f3f46',\n})\n;({\n fill: '#27272a',\n})\n;({\n fill: '#18181b',\n})\n;({\n fill: '#fafafa',\n})\n;({\n fill: '#f5f5f5',\n})\n;({\n fill: '#e5e5e5',\n})\n;({\n fill: '#d4d4d4',\n})\n;({\n fill: '#a3a3a3',\n})\n;({\n fill: '#737373',\n})\n;({\n fill: '#525252',\n})\n;({\n fill: '#404040',\n})\n;({\n fill: '#262626',\n})\n;({\n fill: '#171717',\n})\n;({\n fill: '#fafaf9',\n})\n;({\n fill: '#f5f5f4',\n})\n;({\n fill: '#e7e5e4',\n})\n;({\n fill: '#d6d3d1',\n})\n;({\n fill: '#a8a29e',\n})\n;({\n fill: '#78716c',\n})\n;({\n fill: '#57534e',\n})\n;({\n fill: '#44403c',\n})\n;({\n fill: '#292524',\n})\n;({\n fill: '#1c1917',\n})\n;({\n fill: '#fef2f2',\n})\n;({\n fill: '#fee2e2',\n})\n;({\n fill: '#fecaca',\n})\n;({\n fill: '#fca5a5',\n})\n;({\n fill: '#f87171',\n})\n;({\n fill: '#ef4444',\n})\n;({\n fill: '#dc2626',\n})\n;({\n fill: '#b91c1c',\n})\n;({\n fill: '#991b1b',\n})\n;({\n fill: '#7f1d1d',\n})\n;({\n fill: '#fff7ed',\n})\n;({\n fill: '#ffedd5',\n})\n;({\n fill: '#fed7aa',\n})\n;({\n fill: '#fdba74',\n})\n;({\n fill: '#fb923c',\n})\n;({\n fill: '#f97316',\n})\n;({\n fill: '#ea580c',\n})\n;({\n fill: '#c2410c',\n})\n;({\n fill: '#9a3412',\n})\n;({\n fill: '#7c2d12',\n})\n;({\n fill: '#fffbeb',\n})\n;({\n fill: '#fef3c7',\n})\n;({\n fill: '#fde68a',\n})\n;({\n fill: '#fcd34d',\n})\n;({\n fill: '#fbbf24',\n})\n;({\n fill: '#f59e0b',\n})\n;({\n fill: '#d97706',\n})\n;({\n fill: '#b45309',\n})\n;({\n fill: '#92400e',\n})\n;({\n fill: '#78350f',\n})\n;({\n fill: '#fefce8',\n})\n;({\n fill: '#fef9c3',\n})\n;({\n fill: '#fef08a',\n})\n;({\n fill: '#fde047',\n})\n;({\n fill: '#facc15',\n})\n;({\n fill: '#eab308',\n})\n;({\n fill: '#ca8a04',\n})\n;({\n fill: '#a16207',\n})\n;({\n fill: '#854d0e',\n})\n;({\n fill: '#713f12',\n})\n;({\n fill: '#f7fee7',\n})\n;({\n fill: '#ecfccb',\n})\n;({\n fill: '#d9f99d',\n})\n;({\n fill: '#bef264',\n})\n;({\n fill: '#a3e635',\n})\n;({\n fill: '#84cc16',\n})\n;({\n fill: '#65a30d',\n})\n;({\n fill: '#4d7c0f',\n})\n;({\n fill: '#3f6212',\n})\n;({\n fill: '#365314',\n})\n;({\n fill: '#f0fdf4',\n})\n;({\n fill: '#dcfce7',\n})\n;({\n fill: '#bbf7d0',\n})\n;({\n fill: '#86efac',\n})\n;({\n fill: '#4ade80',\n})\n;({\n fill: '#22c55e',\n})\n;({\n fill: '#16a34a',\n})\n;({\n fill: '#15803d',\n})\n;({\n fill: '#166534',\n})\n;({\n fill: '#14532d',\n})\n;({\n fill: '#ecfdf5',\n})\n;({\n fill: '#d1fae5',\n})\n;({\n fill: '#a7f3d0',\n})\n;({\n fill: '#6ee7b7',\n})\n;({\n fill: '#34d399',\n})\n;({\n fill: '#10b981',\n})\n;({\n fill: '#059669',\n})\n;({\n fill: '#047857',\n})\n;({\n fill: '#065f46',\n})\n;({\n fill: '#064e3b',\n})\n;({\n fill: '#f0fdfa',\n})\n;({\n fill: '#ccfbf1',\n})\n;({\n fill: '#99f6e4',\n})\n;({\n fill: '#5eead4',\n})\n;({\n fill: '#2dd4bf',\n})\n;({\n fill: '#14b8a6',\n})\n;({\n fill: '#0d9488',\n})\n;({\n fill: '#0f766e',\n})\n;({\n fill: '#115e59',\n})\n;({\n fill: '#134e4a',\n})\n;({\n fill: '#ecfeff',\n})\n;({\n fill: '#cffafe',\n})\n;({\n fill: '#a5f3fc',\n})\n;({\n fill: '#67e8f9',\n})\n;({\n fill: '#22d3ee',\n})\n;({\n fill: '#06b6d4',\n})\n;({\n fill: '#0891b2',\n})\n;({\n fill: '#0e7490',\n})\n;({\n fill: '#155e75',\n})\n;({\n fill: '#164e63',\n})\n;({\n fill: '#f0f9ff',\n})\n;({\n fill: '#e0f2fe',\n})\n;({\n fill: '#bae6fd',\n})\n;({\n fill: '#7dd3fc',\n})\n;({\n fill: '#38bdf8',\n})\n;({\n fill: '#0ea5e9',\n})\n;({\n fill: '#0284c7',\n})\n;({\n fill: '#0369a1',\n})\n;({\n fill: '#075985',\n})\n;({\n fill: '#0c4a6e',\n})\n;({\n fill: '#eff6ff',\n})\n;({\n fill: '#dbeafe',\n})\n;({\n fill: '#bfdbfe',\n})\n;({\n fill: '#93c5fd',\n})\n;({\n fill: '#60a5fa',\n})\n;({\n fill: '#3b82f6',\n})\n;({\n fill: '#2563eb',\n})\n;({\n fill: '#1d4ed8',\n})\n;({\n fill: '#1e40af',\n})\n;({\n fill: '#1e3a8a',\n})\n;({\n fill: '#eef2ff',\n})\n;({\n fill: '#e0e7ff',\n})\n;({\n fill: '#c7d2fe',\n})\n;({\n fill: '#a5b4fc',\n})\n;({\n fill: '#818cf8',\n})\n;({\n fill: '#6366f1',\n})\n;({\n fill: '#4f46e5',\n})\n;({\n fill: '#4338ca',\n})\n;({\n fill: '#3730a3',\n})\n;({\n fill: '#312e81',\n})\n;({\n fill: '#f5f3ff',\n})\n;({\n fill: '#ede9fe',\n})\n;({\n fill: '#ddd6fe',\n})\n;({\n fill: '#c4b5fd',\n})\n;({\n fill: '#a78bfa',\n})\n;({\n fill: '#8b5cf6',\n})\n;({\n fill: '#7c3aed',\n})\n;({\n fill: '#6d28d9',\n})\n;({\n fill: '#5b21b6',\n})\n;({\n fill: '#4c1d95',\n})\n;({\n fill: '#faf5ff',\n})\n;({\n fill: '#f3e8ff',\n})\n;({\n fill: '#e9d5ff',\n})\n;({\n fill: '#d8b4fe',\n})\n;({\n fill: '#c084fc',\n})\n;({\n fill: '#a855f7',\n})\n;({\n fill: '#9333ea',\n})\n;({\n fill: '#7e22ce',\n})\n;({\n fill: '#6b21a8',\n})\n;({\n fill: '#581c87',\n})\n;({\n fill: '#fdf4ff',\n})\n;({\n fill: '#fae8ff',\n})\n;({\n fill: '#f5d0fe',\n})\n;({\n fill: '#f0abfc',\n})\n;({\n fill: '#e879f9',\n})\n;({\n fill: '#d946ef',\n})\n;({\n fill: '#c026d3',\n})\n;({\n fill: '#a21caf',\n})\n;({\n fill: '#86198f',\n})\n;({\n fill: '#701a75',\n})\n;({\n fill: '#fdf2f8',\n})\n;({\n fill: '#fce7f3',\n})\n;({\n fill: '#fbcfe8',\n})\n;({\n fill: '#f9a8d4',\n})\n;({\n fill: '#f472b6',\n})\n;({\n fill: '#ec4899',\n})\n;({\n fill: '#db2777',\n})\n;({\n fill: '#be185d',\n})\n;({\n fill: '#9d174d',\n})\n;({\n fill: '#831843',\n})\n;({\n fill: '#fff1f2',\n})\n;({\n fill: '#ffe4e6',\n})\n;({\n fill: '#fecdd3',\n})\n;({\n fill: '#fda4af',\n})\n;({\n fill: '#fb7185',\n})\n;({\n fill: '#f43f5e',\n})\n;({\n fill: '#e11d48',\n})\n;({\n fill: '#be123c',\n})\n;({\n fill: '#9f1239',\n})\n;({\n fill: '#881337',\n})\n;({\n fill: '#243c5a',\n})\n;({\n fill: 'var(--color)',\n})\n;({\n fill: '#ef4444',\n})\n;({\n fill: 'rgb(239 68 68 / 0.25)',\n})\n;({\n fill: '#000',\n})\n;({\n fill: 'rgb(0 0 0 / 0.25)',\n})\n;({\n fill: 'rgb(0 0 0 / .555)',\n})\n;({\n fill: 'rgb(0 0 0 / var(--myvar))',\n})\n;({\n fill: 'rgb(239 68 68 / .555)',\n})\n;({\n fill: 'rgb(239 68 68 / var(--myvar))',\n})\n;({\n fill: '#ef4444',\n})\n;({\n fill: 'rgb(239 68 68 / 0.2)',\n})\n;({\n fill: 'rgb(219, 0, 255)',\n})\n;({\n fill: 'rgba(219, 0, 255, 0.25)',\n})\n;({\n fill: 'rgba(219, 0, 255, .555)',\n})\n;({\n fill: 'rgba(219, 0, 255, var(--myvar))',\n})\n;({\n fill: 'rgb(219, 0, 255)',\n})\n;({\n fill: 'rgb(219 0 255 / 0.2)',\n})\n\n\n`;\n\nexports[`twin.macro flex.tsx: flex.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/flex\ntheme\\`flex\\`\n\ntw\\`flex-1\\`\ntw\\`flex-auto\\`\ntw\\`flex-initial\\`\ntw\\`flex-none\\`\n\ntw\\`flex-[2 2 0%]\\`\ntw\\`flex-[var(--flex)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/flex\n;({\n 1: '1 1 0%',\n auto: '1 1 auto',\n initial: '0 1 auto',\n none: 'none',\n})\n;({\n flex: '1 1 0%',\n})\n;({\n flex: '1 1 auto',\n})\n;({\n flex: '0 1 auto',\n})\n;({\n flex: 'none',\n})\n;({\n flex: '2 2 0%',\n})\n;({\n flex: 'var(--flex)',\n})\n\n\n`;\n\nexports[`twin.macro flexBasis.tsx: flexBasis.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/flex-basis\ntheme\\`flexBasis\\`\n\ntw\\`basis-0\\`\ntw\\`basis-1\\`\ntw\\`basis-2\\`\ntw\\`basis-3\\`\ntw\\`basis-4\\`\ntw\\`basis-5\\`\ntw\\`basis-6\\`\ntw\\`basis-7\\`\ntw\\`basis-8\\`\ntw\\`basis-9\\`\ntw\\`basis-10\\`\ntw\\`basis-11\\`\ntw\\`basis-12\\`\ntw\\`basis-14\\`\ntw\\`basis-16\\`\ntw\\`basis-20\\`\ntw\\`basis-24\\`\ntw\\`basis-28\\`\ntw\\`basis-32\\`\ntw\\`basis-36\\`\ntw\\`basis-40\\`\ntw\\`basis-44\\`\ntw\\`basis-48\\`\ntw\\`basis-52\\`\ntw\\`basis-56\\`\ntw\\`basis-60\\`\ntw\\`basis-64\\`\ntw\\`basis-72\\`\ntw\\`basis-80\\`\ntw\\`basis-96\\`\ntw\\`basis-auto\\`\ntw\\`basis-px\\`\ntw\\`basis-0.5\\`\ntw\\`basis-1.5\\`\ntw\\`basis-2.5\\`\ntw\\`basis-3.5\\`\ntw\\`basis-1/2\\`\ntw\\`basis-1/3\\`\ntw\\`basis-2/3\\`\ntw\\`basis-1/4\\`\ntw\\`basis-2/4\\`\ntw\\`basis-3/4\\`\ntw\\`basis-1/5\\`\ntw\\`basis-2/5\\`\ntw\\`basis-3/5\\`\ntw\\`basis-4/5\\`\ntw\\`basis-1/6\\`\ntw\\`basis-2/6\\`\ntw\\`basis-3/6\\`\ntw\\`basis-4/6\\`\ntw\\`basis-5/6\\`\ntw\\`basis-1/12\\`\ntw\\`basis-2/12\\`\ntw\\`basis-3/12\\`\ntw\\`basis-4/12\\`\ntw\\`basis-5/12\\`\ntw\\`basis-6/12\\`\ntw\\`basis-7/12\\`\ntw\\`basis-8/12\\`\ntw\\`basis-9/12\\`\ntw\\`basis-10/12\\`\ntw\\`basis-11/12\\`\ntw\\`basis-full\\`\n\ntw\\`basis-[14.2857143%]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/flex-basis\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n '1/5': '20%',\n '2/5': '40%',\n '3/5': '60%',\n '4/5': '80%',\n '1/6': '16.666667%',\n '2/6': '33.333333%',\n '3/6': '50%',\n '4/6': '66.666667%',\n '5/6': '83.333333%',\n '1/12': '8.333333%',\n '2/12': '16.666667%',\n '3/12': '25%',\n '4/12': '33.333333%',\n '5/12': '41.666667%',\n '6/12': '50%',\n '7/12': '58.333333%',\n '8/12': '66.666667%',\n '9/12': '75%',\n '10/12': '83.333333%',\n '11/12': '91.666667%',\n full: '100%',\n})\n;({\n flexBasis: '0px',\n})\n;({\n flexBasis: '0.25rem',\n})\n;({\n flexBasis: '0.5rem',\n})\n;({\n flexBasis: '0.75rem',\n})\n;({\n flexBasis: '1rem',\n})\n;({\n flexBasis: '1.25rem',\n})\n;({\n flexBasis: '1.5rem',\n})\n;({\n flexBasis: '1.75rem',\n})\n;({\n flexBasis: '2rem',\n})\n;({\n flexBasis: '2.25rem',\n})\n;({\n flexBasis: '2.5rem',\n})\n;({\n flexBasis: '2.75rem',\n})\n;({\n flexBasis: '3rem',\n})\n;({\n flexBasis: '3.5rem',\n})\n;({\n flexBasis: '4rem',\n})\n;({\n flexBasis: '5rem',\n})\n;({\n flexBasis: '6rem',\n})\n;({\n flexBasis: '7rem',\n})\n;({\n flexBasis: '8rem',\n})\n;({\n flexBasis: '9rem',\n})\n;({\n flexBasis: '10rem',\n})\n;({\n flexBasis: '11rem',\n})\n;({\n flexBasis: '12rem',\n})\n;({\n flexBasis: '13rem',\n})\n;({\n flexBasis: '14rem',\n})\n;({\n flexBasis: '15rem',\n})\n;({\n flexBasis: '16rem',\n})\n;({\n flexBasis: '18rem',\n})\n;({\n flexBasis: '20rem',\n})\n;({\n flexBasis: '24rem',\n})\n;({\n flexBasis: 'auto',\n})\n;({\n flexBasis: '1px',\n})\n;({\n flexBasis: '0.125rem',\n})\n;({\n flexBasis: '0.375rem',\n})\n;({\n flexBasis: '0.625rem',\n})\n;({\n flexBasis: '0.875rem',\n})\n;({\n flexBasis: '50%',\n})\n;({\n flexBasis: '33.333333%',\n})\n;({\n flexBasis: '66.666667%',\n})\n;({\n flexBasis: '25%',\n})\n;({\n flexBasis: '50%',\n})\n;({\n flexBasis: '75%',\n})\n;({\n flexBasis: '20%',\n})\n;({\n flexBasis: '40%',\n})\n;({\n flexBasis: '60%',\n})\n;({\n flexBasis: '80%',\n})\n;({\n flexBasis: '16.666667%',\n})\n;({\n flexBasis: '33.333333%',\n})\n;({\n flexBasis: '50%',\n})\n;({\n flexBasis: '66.666667%',\n})\n;({\n flexBasis: '83.333333%',\n})\n;({\n flexBasis: '8.333333%',\n})\n;({\n flexBasis: '16.666667%',\n})\n;({\n flexBasis: '25%',\n})\n;({\n flexBasis: '33.333333%',\n})\n;({\n flexBasis: '41.666667%',\n})\n;({\n flexBasis: '50%',\n})\n;({\n flexBasis: '58.333333%',\n})\n;({\n flexBasis: '66.666667%',\n})\n;({\n flexBasis: '75%',\n})\n;({\n flexBasis: '83.333333%',\n})\n;({\n flexBasis: '91.666667%',\n})\n;({\n flexBasis: '100%',\n})\n;({\n flexBasis: '14.2857143%',\n})\n\n\n`;\n\nexports[`twin.macro flexDirection.tsx: flexDirection.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/flex-direction\ntw\\`flex-row\\`\ntw\\`flex-row-reverse\\`\ntw\\`flex-col\\`\ntw\\`flex-col-reverse\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/flex-direction\n;({\n flexDirection: 'row',\n})\n;({\n flexDirection: 'row-reverse',\n})\n;({\n flexDirection: 'column',\n})\n;({\n flexDirection: 'column-reverse',\n})\n\n\n`;\n\nexports[`twin.macro flexGrow.tsx: flexGrow.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/flex-grow\ntheme\\`flexGrow.\\`\n\ntw\\`grow-0\\`\ntw\\`grow\\`\ntw\\`flex-grow-0\\` // Deprecated\ntw\\`flex-grow\\` // Deprecated\n\ntw\\`grow-[2]\\`\ntw\\`flex-grow-[var(--grow)]\\` // Deprecated\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/flex-grow\n;({\n 0: '0',\n DEFAULT: '1',\n})\n;({\n flexGrow: '0',\n})\n;({\n flexGrow: '1',\n})\n;({\n flexGrow: '0',\n}) // Deprecated\n\n;({\n flexGrow: '1',\n}) // Deprecated\n\n;({\n flexGrow: '2',\n})\n;({\n flexGrow: 'var(--grow)',\n}) // Deprecated\n\n\n`;\n\nexports[`twin.macro flexShrink.tsx: flexShrink.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/flex-shrink\ntheme\\`flexShrink.\\`\n\ntw\\`shrink-0\\`\ntw\\`shrink\\`\ntw\\`flex-shrink-0\\` // Deprecated\ntw\\`flex-shrink\\` // Deprecated\n\ntw\\`flex-shrink-[var(--shrink)]\\` // Deprecated\ntw\\`shrink-[var(--shrink)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/flex-shrink\n;({\n 0: '0',\n DEFAULT: '1',\n})\n;({\n flexShrink: '0',\n})\n;({\n flexShrink: '1',\n})\n;({\n flexShrink: '0',\n}) // Deprecated\n\n;({\n flexShrink: '1',\n}) // Deprecated\n\n;({\n flexShrink: 'var(--shrink)',\n}) // Deprecated\n\n;({\n flexShrink: 'var(--shrink)',\n})\n\n\n`;\n\nexports[`twin.macro flexWrap.tsx: flexWrap.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/flex-wrap\ntw\\`flex-wrap\\`\ntw\\`flex-wrap-reverse\\`\ntw\\`flex-nowrap\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/flex-wrap\n;({\n flexWrap: 'wrap',\n})\n;({\n flexWrap: 'wrap-reverse',\n})\n;({\n flexWrap: 'nowrap',\n})\n\n\n`;\n\nexports[`twin.macro float.tsx: float.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/float\ntw\\`float-right\\`\ntw\\`float-left\\`\ntw\\`float-none\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/float\n;({\n float: 'right',\n})\n;({\n float: 'left',\n})\n;({\n float: 'none',\n})\n\n\n`;\n\nexports[`twin.macro fluidContainer.tsx: fluidContainer.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`fluid-container ml-10\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n marginLeft: '2.5rem',\n marginRight: 'auto',\n width: '100%',\n ':focus': {\n marginLeft: '10rem',\n marginRight: '11rem',\n width: '100%',\n },\n '@media (min-width: 1440px)': {\n display: 'block',\n width: '75%',\n backgroundColor: 'black',\n },\n '@media (min-width: 768px)': {\n ':hover': {\n width: '25%',\n },\n ':focus': {\n marginLeft: 'auto',\n marginRight: 'auto',\n width: '100%',\n },\n },\n '@media only screen and (max-width: 540px)': {\n width: '33%',\n backgroundColor: 'red',\n },\n})\n\n\n`;\n\nexports[`twin.macro fontFamily.tsx: fontFamily.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-family\ntw\\`font-sans\\`\ntw\\`font-serif\\`\ntw\\`font-mono\\`\ntw\\`font-custom\\`\n\ntw\\`font-['Open Sans']\\`\n\ntw\\`font-[generic-name:fantasy]\\`\ntw\\`font-[family-name:'this and that', this]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/font-family\n;({\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n})\n;({\n fontFamily: 'ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\n})\n;({\n fontFamily:\n 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n})\n;({\n fontFamily: 'Inter var, sans-serif',\n fontFeatureSettings: '\"cv11\", \"ss01\"',\n fontVariationSettings: '\"opsz\" 32',\n})\n;({\n fontFamily: \"'Open Sans'\",\n})\n;({\n fontFamily: 'fantasy',\n})\n;({\n fontFamily: \"'this and that', this\",\n})\n\n\n`;\n\nexports[`twin.macro fontSize.tsx: fontSize.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/font-size\ntheme\\`fontSize\\`\n\ntw\\`text-xs\\`\ntw\\`text-sm\\`\ntw\\`text-base\\`\ntw\\`text-lg\\`\ntw\\`text-xl\\`\ntw\\`text-2xl\\`\ntw\\`text-3xl\\`\ntw\\`text-4xl\\`\ntw\\`text-5xl\\`\ntw\\`text-6xl\\`\ntw\\`text-7xl\\`\ntw\\`text-8xl\\`\ntw\\`text-9xl\\`\n\ntw\\`text-[2.23rem]\\`\ntw\\`text-[length:var(--font-size)]\\`\n\ntw\\`text-2xl\\`\ntw\\`text-3xl\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/font-size\n;({\n xs: [\n '0.75rem',\n {\n lineHeight: '1rem',\n },\n ],\n sm: [\n '0.875rem',\n {\n lineHeight: '1.25rem',\n },\n ],\n base: [\n '1rem',\n {\n lineHeight: '1.5rem',\n },\n ],\n lg: [\n '1.125rem',\n {\n lineHeight: '1.75rem',\n },\n ],\n xl: [\n '1.25rem',\n {\n lineHeight: '1.75rem',\n },\n ],\n '2xl': [\n '24px',\n {\n letterSpacing: '-0.01em',\n },\n ],\n '3xl': [\n '32px',\n {\n letterSpacing: '-0.02em',\n lineHeight: '40px',\n },\n ],\n '4xl': [\n '2.25rem',\n {\n lineHeight: '2.5rem',\n },\n ],\n '5xl': [\n '3rem',\n {\n lineHeight: '1',\n },\n ],\n '6xl': [\n '3.75rem',\n {\n lineHeight: '1',\n },\n ],\n '7xl': [\n '4.5rem',\n {\n lineHeight: '1',\n },\n ],\n '8xl': [\n '6rem',\n {\n lineHeight: '1',\n },\n ],\n '9xl': [\n '8rem',\n {\n lineHeight: '1',\n },\n ],\n})\n;({\n fontSize: '0.75rem',\n lineHeight: '1rem',\n})\n;({\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n})\n;({\n fontSize: '1rem',\n lineHeight: '1.5rem',\n})\n;({\n fontSize: '1.125rem',\n lineHeight: '1.75rem',\n})\n;({\n fontSize: '1.25rem',\n lineHeight: '1.75rem',\n})\n;({\n fontSize: '24px',\n letterSpacing: '-0.01em',\n})\n;({\n fontSize: '32px',\n lineHeight: '40px',\n letterSpacing: '-0.02em',\n})\n;({\n fontSize: '2.25rem',\n lineHeight: '2.5rem',\n})\n;({\n fontSize: '3rem',\n lineHeight: '1',\n})\n;({\n fontSize: '3.75rem',\n lineHeight: '1',\n})\n;({\n fontSize: '4.5rem',\n lineHeight: '1',\n})\n;({\n fontSize: '6rem',\n lineHeight: '1',\n})\n;({\n fontSize: '8rem',\n lineHeight: '1',\n})\n;({\n fontSize: '2.23rem',\n})\n;({\n fontSize: 'var(--font-size)',\n})\n;({\n fontSize: '24px',\n letterSpacing: '-0.01em',\n})\n;({\n fontSize: '32px',\n lineHeight: '40px',\n letterSpacing: '-0.02em',\n})\n\n\n`;\n\nexports[`twin.macro fontSmoothing.tsx: fontSmoothing.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-smoothing\ntw\\`antialiased\\`\ntw\\`subpixel-antialiased\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/font-smoothing\n;({\n WebkitFontSmoothing: 'antialiased',\n MozOsxFontSmoothing: 'grayscale',\n})\n;({\n WebkitFontSmoothing: 'auto',\n MozOsxFontSmoothing: 'auto',\n})\n\n\n`;\n\nexports[`twin.macro fontStyle.tsx: fontStyle.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-style\ntw\\`italic\\`\ntw\\`not-italic\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/font-style\n;({\n fontStyle: 'italic',\n})\n;({\n fontStyle: 'normal',\n})\n\n\n`;\n\nexports[`twin.macro fontVariantNumeric.tsx: fontVariantNumeric.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-variant-numeric\ntw\\`normal-nums\\`\ntw\\`ordinal\\`\ntw\\`slashed-zero\\`\ntw\\`lining-nums\\`\ntw\\`oldstyle-nums\\`\ntw\\`proportional-nums\\`\ntw\\`tabular-nums\\`\ntw\\`diagonal-fractions\\`\ntw\\`stacked-fractions\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/font-variant-numeric\n;({\n fontVariantNumeric: 'normal',\n})\n;({\n '--tw-ordinal': 'ordinal',\n fontVariantNumeric:\n 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',\n})\n;({\n '--tw-slashed-zero': 'slashed-zero',\n fontVariantNumeric:\n 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',\n})\n;({\n '--tw-numeric-figure': 'lining-nums',\n fontVariantNumeric:\n 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',\n})\n;({\n '--tw-numeric-figure': 'oldstyle-nums',\n fontVariantNumeric:\n 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',\n})\n;({\n '--tw-numeric-spacing': 'proportional-nums',\n fontVariantNumeric:\n 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',\n})\n;({\n '--tw-numeric-spacing': 'tabular-nums',\n fontVariantNumeric:\n 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',\n})\n;({\n '--tw-numeric-fraction': 'diagonal-fractions',\n fontVariantNumeric:\n 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',\n})\n;({\n '--tw-numeric-fraction': 'stacked-fractions',\n fontVariantNumeric:\n 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)',\n})\n\n\n`;\n\nexports[`twin.macro fontWeight.tsx: fontWeight.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/font-weight\ntw\\`font-thin\\`\ntw\\`font-extralight\\`\ntw\\`font-light\\`\ntw\\`font-normal\\`\ntw\\`font-medium\\`\ntw\\`font-semibold\\`\ntw\\`font-bold\\`\ntw\\`font-extrabold\\`\ntw\\`font-black\\`\n\ntw\\`font-[300]\\`\ntw\\`font-[number:medium]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/font-weight\n;({\n fontWeight: '100',\n})\n;({\n fontWeight: '200',\n})\n;({\n fontWeight: '300',\n})\n;({\n fontWeight: '400',\n})\n;({\n fontWeight: '500',\n})\n;({\n fontWeight: '600',\n})\n;({\n fontWeight: '700',\n})\n;({\n fontWeight: '800',\n})\n;({\n fontWeight: '900',\n})\n;({\n fontWeight: '300',\n})\n;({\n fontWeight: 'medium',\n})\n\n\n`;\n\nexports[`twin.macro gap.tsx: gap.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/gap\ntheme\\`gap\\`\n\ntw\\`gap-0\\`\ntw\\`gap-0.5\\`\ntw\\`gap-1\\`\ntw\\`gap-1.5\\`\ntw\\`gap-2\\`\ntw\\`gap-2.5\\`\ntw\\`gap-3\\`\ntw\\`gap-3.5\\`\ntw\\`gap-4\\`\ntw\\`gap-5\\`\ntw\\`gap-6\\`\ntw\\`gap-7\\`\ntw\\`gap-8\\`\ntw\\`gap-9\\`\ntw\\`gap-10\\`\ntw\\`gap-12\\`\ntw\\`gap-14\\`\ntw\\`gap-16\\`\ntw\\`gap-20\\`\ntw\\`gap-24\\`\ntw\\`gap-28\\`\ntw\\`gap-32\\`\ntw\\`gap-36\\`\ntw\\`gap-40\\`\ntw\\`gap-44\\`\ntw\\`gap-48\\`\ntw\\`gap-52\\`\ntw\\`gap-56\\`\ntw\\`gap-60\\`\ntw\\`gap-64\\`\ntw\\`gap-72\\`\ntw\\`gap-80\\`\ntw\\`gap-96\\`\ntw\\`gap-px\\`\n\ntw\\`gap-[2.75rem]\\`\n\n// https://tailwindcss.com/docs/gap\ntw\\`gap-x-0\\`\ntw\\`gap-x-0.5\\`\ntw\\`gap-x-1\\`\ntw\\`gap-x-1.5\\`\ntw\\`gap-x-2\\`\ntw\\`gap-x-2.5\\`\ntw\\`gap-x-3\\`\ntw\\`gap-x-3.5\\`\ntw\\`gap-x-4\\`\ntw\\`gap-x-5\\`\ntw\\`gap-x-6\\`\ntw\\`gap-x-8\\`\ntw\\`gap-x-10\\`\ntw\\`gap-x-12\\`\ntw\\`gap-x-16\\`\ntw\\`gap-x-20\\`\ntw\\`gap-x-24\\`\ntw\\`gap-x-32\\`\ntw\\`gap-x-40\\`\ntw\\`gap-x-48\\`\ntw\\`gap-x-56\\`\ntw\\`gap-x-64\\`\ntw\\`gap-x-px\\`\n\ntw\\`gap-x-[2.75rem]\\`\n\n// https://tailwindcss.com/docs/gap\ntw\\`gap-y-0\\`\ntw\\`gap-y-0.5\\`\ntw\\`gap-y-1\\`\ntw\\`gap-y-1.5\\`\ntw\\`gap-y-2\\`\ntw\\`gap-y-2.5\\`\ntw\\`gap-y-3\\`\ntw\\`gap-y-3.5\\`\ntw\\`gap-y-4\\`\ntw\\`gap-y-5\\`\ntw\\`gap-y-6\\`\ntw\\`gap-y-7\\`\ntw\\`gap-y-8\\`\ntw\\`gap-y-9\\`\ntw\\`gap-y-10\\`\ntw\\`gap-y-11\\`\ntw\\`gap-y-12\\`\ntw\\`gap-y-16\\`\ntw\\`gap-y-20\\`\ntw\\`gap-y-24\\`\ntw\\`gap-y-28\\`\ntw\\`gap-y-32\\`\ntw\\`gap-y-36\\`\ntw\\`gap-y-40\\`\ntw\\`gap-y-44\\`\ntw\\`gap-y-48\\`\ntw\\`gap-y-52\\`\ntw\\`gap-y-56\\`\ntw\\`gap-y-60\\`\ntw\\`gap-y-64\\`\ntw\\`gap-y-72\\`\ntw\\`gap-y-80\\`\ntw\\`gap-y-96\\`\ntw\\`gap-y-px\\`\n\ntw\\`gap-y-[2.75rem]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/gap\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n})\n;({\n gap: '0px',\n})\n;({\n gap: '0.125rem',\n})\n;({\n gap: '0.25rem',\n})\n;({\n gap: '0.375rem',\n})\n;({\n gap: '0.5rem',\n})\n;({\n gap: '0.625rem',\n})\n;({\n gap: '0.75rem',\n})\n;({\n gap: '0.875rem',\n})\n;({\n gap: '1rem',\n})\n;({\n gap: '1.25rem',\n})\n;({\n gap: '1.5rem',\n})\n;({\n gap: '1.75rem',\n})\n;({\n gap: '2rem',\n})\n;({\n gap: '2.25rem',\n})\n;({\n gap: '2.5rem',\n})\n;({\n gap: '3rem',\n})\n;({\n gap: '3.5rem',\n})\n;({\n gap: '4rem',\n})\n;({\n gap: '5rem',\n})\n;({\n gap: '6rem',\n})\n;({\n gap: '7rem',\n})\n;({\n gap: '8rem',\n})\n;({\n gap: '9rem',\n})\n;({\n gap: '10rem',\n})\n;({\n gap: '11rem',\n})\n;({\n gap: '12rem',\n})\n;({\n gap: '13rem',\n})\n;({\n gap: '14rem',\n})\n;({\n gap: '15rem',\n})\n;({\n gap: '16rem',\n})\n;({\n gap: '18rem',\n})\n;({\n gap: '20rem',\n})\n;({\n gap: '24rem',\n})\n;({\n gap: '1px',\n})\n;({\n gap: '2.75rem',\n}) // https://tailwindcss.com/docs/gap\n\n;({\n columnGap: '0px',\n})\n;({\n columnGap: '0.125rem',\n})\n;({\n columnGap: '0.25rem',\n})\n;({\n columnGap: '0.375rem',\n})\n;({\n columnGap: '0.5rem',\n})\n;({\n columnGap: '0.625rem',\n})\n;({\n columnGap: '0.75rem',\n})\n;({\n columnGap: '0.875rem',\n})\n;({\n columnGap: '1rem',\n})\n;({\n columnGap: '1.25rem',\n})\n;({\n columnGap: '1.5rem',\n})\n;({\n columnGap: '2rem',\n})\n;({\n columnGap: '2.5rem',\n})\n;({\n columnGap: '3rem',\n})\n;({\n columnGap: '4rem',\n})\n;({\n columnGap: '5rem',\n})\n;({\n columnGap: '6rem',\n})\n;({\n columnGap: '8rem',\n})\n;({\n columnGap: '10rem',\n})\n;({\n columnGap: '12rem',\n})\n;({\n columnGap: '14rem',\n})\n;({\n columnGap: '16rem',\n})\n;({\n columnGap: '1px',\n})\n;({\n columnGap: '2.75rem',\n}) // https://tailwindcss.com/docs/gap\n\n;({\n rowGap: '0px',\n})\n;({\n rowGap: '0.125rem',\n})\n;({\n rowGap: '0.25rem',\n})\n;({\n rowGap: '0.375rem',\n})\n;({\n rowGap: '0.5rem',\n})\n;({\n rowGap: '0.625rem',\n})\n;({\n rowGap: '0.75rem',\n})\n;({\n rowGap: '0.875rem',\n})\n;({\n rowGap: '1rem',\n})\n;({\n rowGap: '1.25rem',\n})\n;({\n rowGap: '1.5rem',\n})\n;({\n rowGap: '1.75rem',\n})\n;({\n rowGap: '2rem',\n})\n;({\n rowGap: '2.25rem',\n})\n;({\n rowGap: '2.5rem',\n})\n;({\n rowGap: '2.75rem',\n})\n;({\n rowGap: '3rem',\n})\n;({\n rowGap: '4rem',\n})\n;({\n rowGap: '5rem',\n})\n;({\n rowGap: '6rem',\n})\n;({\n rowGap: '7rem',\n})\n;({\n rowGap: '8rem',\n})\n;({\n rowGap: '9rem',\n})\n;({\n rowGap: '10rem',\n})\n;({\n rowGap: '11rem',\n})\n;({\n rowGap: '12rem',\n})\n;({\n rowGap: '13rem',\n})\n;({\n rowGap: '14rem',\n})\n;({\n rowGap: '15rem',\n})\n;({\n rowGap: '16rem',\n})\n;({\n rowGap: '18rem',\n})\n;({\n rowGap: '20rem',\n})\n;({\n rowGap: '24rem',\n})\n;({\n rowGap: '1px',\n})\n;({\n rowGap: '2.75rem',\n})\n\n\n`;\n\nexports[`twin.macro globalStyles.tsx: globalStyles.tsx 1`] = `\n\n// @ts-nocheck\nimport { GlobalStyles } from '../macro'\nimport { css, Global } from '@emotion/react'\n\nconst MyGlobals = () => (\n
    \n \n \n
    \n)\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport { Global as _globalImport } from '@emotion/react'\n\nconst _GlobalStyles = () => (\n <_globalImport\n styles={css\\`\n *,\n ::before,\n ::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: blueish;\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty, /*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty, /*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty, /*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty, /*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);\n --tw-ring-offset-width: 10px;\n --tw-ring-offset-color: rainbow;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty, /*!*/ /*!*/);\n --tw-brightness: var(--tw-empty, /*!*/ /*!*/);\n --tw-contrast: var(--tw-empty, /*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty, /*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/);\n --tw-invert: var(--tw-empty, /*!*/ /*!*/);\n --tw-saturate: var(--tw-empty, /*!*/ /*!*/);\n --tw-sepia: var(--tw-empty, /*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/);\n }\n ::before,\n ::after {\n --tw-content: '';\n }\n html {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-family: testSans, testSans2;\n font-feature-settings: normal;\n font-variation-settings: normal;\n }\n body {\n margin: 0;\n line-height: inherit;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n text-decoration: underline dotted;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n text-decoration: inherit;\n }\n b,\n strong {\n font-weight: bolder;\n }\n code,\n kbd,\n samp,\n pre {\n font-family: testMono, testMono2;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n }\n button,\n select {\n text-transform: none;\n }\n button,\n [type='button'],\n [type='reset'],\n [type='submit'] {\n -webkit-appearance: button;\n background-color: transparent;\n background-image: none;\n }\n :-moz-focusring {\n outline: auto;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n progress {\n vertical-align: baseline;\n }\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n height: auto;\n }\n [type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n }\n summary {\n display: list-item;\n }\n blockquote,\n dl,\n dd,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n hr,\n figure,\n p,\n pre {\n margin: 0;\n }\n fieldset {\n margin: 0;\n padding: 0;\n }\n legend {\n padding: 0;\n }\n ol,\n ul,\n menu {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n textarea {\n resize: vertical;\n }\n input::placeholder,\n textarea::placeholder {\n opacity: 1;\n color: grayish;\n }\n button,\n [role='button'] {\n cursor: pointer;\n }\n :disabled {\n cursor: default;\n }\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block;\n vertical-align: middle;\n }\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n [hidden] {\n display: none;\n }\n ::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty, /*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty, /*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty, /*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty, /*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty, /*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty, /*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty, /*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty, /*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);\n --tw-ring-offset-width: 10px;\n --tw-ring-offset-color: rainbow;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty, /*!*/ /*!*/);\n --tw-brightness: var(--tw-empty, /*!*/ /*!*/);\n --tw-contrast: var(--tw-empty, /*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty, /*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty, /*!*/ /*!*/);\n --tw-invert: var(--tw-empty, /*!*/ /*!*/);\n --tw-saturate: var(--tw-empty, /*!*/ /*!*/);\n --tw-sepia: var(--tw-empty, /*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty, /*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty, /*!*/ /*!*/);\n }\n \\`}\n />\n)\n\nimport { css, Global } from '@emotion/react'\n\nconst MyGlobals = () => (\n
    \n \n <_GlobalStyles />\n
    \n)\n\n\n`;\n\nexports[`twin.macro gradientColorStops.tsx: gradientColorStops.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/gradient-color-stops\ntheme\\`gradientColorStops\\`\n\ntw\\`from-inherit\\`\ntw\\`from-current\\`\ntw\\`from-transparent\\`\ntw\\`from-black\\`\ntw\\`from-white\\`\ntw\\`from-slate-50\\`\ntw\\`from-slate-100\\`\ntw\\`from-slate-200\\`\ntw\\`from-slate-300\\`\ntw\\`from-slate-400\\`\ntw\\`from-slate-500\\`\ntw\\`from-slate-600\\`\ntw\\`from-slate-700\\`\ntw\\`from-slate-800\\`\ntw\\`from-slate-900\\`\ntw\\`from-gray-50\\`\ntw\\`from-gray-100\\`\ntw\\`from-gray-200\\`\ntw\\`from-gray-300\\`\ntw\\`from-gray-400\\`\ntw\\`from-gray-500\\`\ntw\\`from-gray-600\\`\ntw\\`from-gray-700\\`\ntw\\`from-gray-800\\`\ntw\\`from-gray-900\\`\ntw\\`from-zinc-50\\`\ntw\\`from-zinc-100\\`\ntw\\`from-zinc-200\\`\ntw\\`from-zinc-300\\`\ntw\\`from-zinc-400\\`\ntw\\`from-zinc-500\\`\ntw\\`from-zinc-600\\`\ntw\\`from-zinc-700\\`\ntw\\`from-zinc-800\\`\ntw\\`from-zinc-900\\`\ntw\\`from-neutral-50\\`\ntw\\`from-neutral-100\\`\ntw\\`from-neutral-200\\`\ntw\\`from-neutral-300\\`\ntw\\`from-neutral-400\\`\ntw\\`from-neutral-500\\`\ntw\\`from-neutral-600\\`\ntw\\`from-neutral-700\\`\ntw\\`from-neutral-800\\`\ntw\\`from-neutral-900\\`\ntw\\`from-stone-50\\`\ntw\\`from-stone-100\\`\ntw\\`from-stone-200\\`\ntw\\`from-stone-300\\`\ntw\\`from-stone-400\\`\ntw\\`from-stone-500\\`\ntw\\`from-stone-600\\`\ntw\\`from-stone-700\\`\ntw\\`from-stone-800\\`\ntw\\`from-stone-900\\`\ntw\\`from-red-50\\`\ntw\\`from-red-100\\`\ntw\\`from-red-200\\`\ntw\\`from-red-300\\`\ntw\\`from-red-400\\`\ntw\\`from-red-500\\`\ntw\\`from-red-600\\`\ntw\\`from-red-700\\`\ntw\\`from-red-800\\`\ntw\\`from-red-900\\`\ntw\\`from-orange-50\\`\ntw\\`from-orange-100\\`\ntw\\`from-orange-200\\`\ntw\\`from-orange-300\\`\ntw\\`from-orange-400\\`\ntw\\`from-orange-500\\`\ntw\\`from-orange-600\\`\ntw\\`from-orange-700\\`\ntw\\`from-orange-800\\`\ntw\\`from-orange-900\\`\ntw\\`from-amber-50\\`\ntw\\`from-amber-100\\`\ntw\\`from-amber-200\\`\ntw\\`from-amber-300\\`\ntw\\`from-amber-400\\`\ntw\\`from-amber-500\\`\ntw\\`from-amber-600\\`\ntw\\`from-amber-700\\`\ntw\\`from-amber-800\\`\ntw\\`from-amber-900\\`\ntw\\`from-yellow-50\\`\ntw\\`from-yellow-100\\`\ntw\\`from-yellow-200\\`\ntw\\`from-yellow-300\\`\ntw\\`from-yellow-400\\`\ntw\\`from-yellow-500\\`\ntw\\`from-yellow-600\\`\ntw\\`from-yellow-700\\`\ntw\\`from-yellow-800\\`\ntw\\`from-yellow-900\\`\ntw\\`from-lime-50\\`\ntw\\`from-lime-100\\`\ntw\\`from-lime-200\\`\ntw\\`from-lime-300\\`\ntw\\`from-lime-400\\`\ntw\\`from-lime-500\\`\ntw\\`from-lime-600\\`\ntw\\`from-lime-700\\`\ntw\\`from-lime-800\\`\ntw\\`from-lime-900\\`\ntw\\`from-green-50\\`\ntw\\`from-green-100\\`\ntw\\`from-green-200\\`\ntw\\`from-green-300\\`\ntw\\`from-green-400\\`\ntw\\`from-green-500\\`\ntw\\`from-green-600\\`\ntw\\`from-green-700\\`\ntw\\`from-green-800\\`\ntw\\`from-green-900\\`\ntw\\`from-emerald-50\\`\ntw\\`from-emerald-100\\`\ntw\\`from-emerald-200\\`\ntw\\`from-emerald-300\\`\ntw\\`from-emerald-400\\`\ntw\\`from-emerald-500\\`\ntw\\`from-emerald-600\\`\ntw\\`from-emerald-700\\`\ntw\\`from-emerald-800\\`\ntw\\`from-emerald-900\\`\ntw\\`from-teal-50\\`\ntw\\`from-teal-100\\`\ntw\\`from-teal-200\\`\ntw\\`from-teal-300\\`\ntw\\`from-teal-400\\`\ntw\\`from-teal-500\\`\ntw\\`from-teal-600\\`\ntw\\`from-teal-700\\`\ntw\\`from-teal-800\\`\ntw\\`from-teal-900\\`\ntw\\`from-cyan-50\\`\ntw\\`from-cyan-100\\`\ntw\\`from-cyan-200\\`\ntw\\`from-cyan-300\\`\ntw\\`from-cyan-400\\`\ntw\\`from-cyan-500\\`\ntw\\`from-cyan-600\\`\ntw\\`from-cyan-700\\`\ntw\\`from-cyan-800\\`\ntw\\`from-cyan-900\\`\ntw\\`from-sky-50\\`\ntw\\`from-sky-100\\`\ntw\\`from-sky-200\\`\ntw\\`from-sky-300\\`\ntw\\`from-sky-400\\`\ntw\\`from-sky-500\\`\ntw\\`from-sky-600\\`\ntw\\`from-sky-700\\`\ntw\\`from-sky-800\\`\ntw\\`from-sky-900\\`\ntw\\`from-blue-50\\`\ntw\\`from-blue-100\\`\ntw\\`from-blue-200\\`\ntw\\`from-blue-300\\`\ntw\\`from-blue-400\\`\ntw\\`from-blue-500\\`\ntw\\`from-blue-600\\`\ntw\\`from-blue-700\\`\ntw\\`from-blue-800\\`\ntw\\`from-blue-900\\`\ntw\\`from-indigo-50\\`\ntw\\`from-indigo-100\\`\ntw\\`from-indigo-200\\`\ntw\\`from-indigo-300\\`\ntw\\`from-indigo-400\\`\ntw\\`from-indigo-500\\`\ntw\\`from-indigo-600\\`\ntw\\`from-indigo-700\\`\ntw\\`from-indigo-800\\`\ntw\\`from-indigo-900\\`\ntw\\`from-violet-50\\`\ntw\\`from-violet-100\\`\ntw\\`from-violet-200\\`\ntw\\`from-violet-300\\`\ntw\\`from-violet-400\\`\ntw\\`from-violet-500\\`\ntw\\`from-violet-600\\`\ntw\\`from-violet-700\\`\ntw\\`from-violet-800\\`\ntw\\`from-violet-900\\`\ntw\\`from-purple-50\\`\ntw\\`from-purple-100\\`\ntw\\`from-purple-200\\`\ntw\\`from-purple-300\\`\ntw\\`from-purple-400\\`\ntw\\`from-purple-500\\`\ntw\\`from-purple-600\\`\ntw\\`from-purple-700\\`\ntw\\`from-purple-800\\`\ntw\\`from-purple-900\\`\ntw\\`from-fuchsia-50\\`\ntw\\`from-fuchsia-100\\`\ntw\\`from-fuchsia-200\\`\ntw\\`from-fuchsia-300\\`\ntw\\`from-fuchsia-400\\`\ntw\\`from-fuchsia-500\\`\ntw\\`from-fuchsia-600\\`\ntw\\`from-fuchsia-700\\`\ntw\\`from-fuchsia-800\\`\ntw\\`from-fuchsia-900\\`\ntw\\`from-pink-50\\`\ntw\\`from-pink-100\\`\ntw\\`from-pink-200\\`\ntw\\`from-pink-300\\`\ntw\\`from-pink-400\\`\ntw\\`from-pink-500\\`\ntw\\`from-pink-600\\`\ntw\\`from-pink-700\\`\ntw\\`from-pink-800\\`\ntw\\`from-pink-900\\`\ntw\\`from-rose-50\\`\ntw\\`from-rose-100\\`\ntw\\`from-rose-200\\`\ntw\\`from-rose-300\\`\ntw\\`from-rose-400\\`\ntw\\`from-rose-500\\`\ntw\\`from-rose-600\\`\ntw\\`from-rose-700\\`\ntw\\`from-rose-800\\`\ntw\\`from-rose-900\\`\n\ntw\\`via-inherit\\`\ntw\\`via-current\\`\ntw\\`via-transparent\\`\ntw\\`via-black\\`\ntw\\`via-white\\`\ntw\\`via-slate-50\\`\ntw\\`via-slate-100\\`\ntw\\`via-slate-200\\`\ntw\\`via-slate-300\\`\ntw\\`via-slate-400\\`\ntw\\`via-slate-500\\`\ntw\\`via-slate-600\\`\ntw\\`via-slate-700\\`\ntw\\`via-slate-800\\`\ntw\\`via-slate-900\\`\ntw\\`via-gray-50\\`\ntw\\`via-gray-100\\`\ntw\\`via-gray-200\\`\ntw\\`via-gray-300\\`\ntw\\`via-gray-400\\`\ntw\\`via-gray-500\\`\ntw\\`via-gray-600\\`\ntw\\`via-gray-700\\`\ntw\\`via-gray-800\\`\ntw\\`via-gray-900\\`\ntw\\`via-zinc-50\\`\ntw\\`via-zinc-100\\`\ntw\\`via-zinc-200\\`\ntw\\`via-zinc-300\\`\ntw\\`via-zinc-400\\`\ntw\\`via-zinc-500\\`\ntw\\`via-zinc-600\\`\ntw\\`via-zinc-700\\`\ntw\\`via-zinc-800\\`\ntw\\`via-zinc-900\\`\ntw\\`via-neutral-50\\`\ntw\\`via-neutral-100\\`\ntw\\`via-neutral-200\\`\ntw\\`via-neutral-300\\`\ntw\\`via-neutral-400\\`\ntw\\`via-neutral-500\\`\ntw\\`via-neutral-600\\`\ntw\\`via-neutral-700\\`\ntw\\`via-neutral-800\\`\ntw\\`via-neutral-900\\`\ntw\\`via-stone-50\\`\ntw\\`via-stone-100\\`\ntw\\`via-stone-200\\`\ntw\\`via-stone-300\\`\ntw\\`via-stone-400\\`\ntw\\`via-stone-500\\`\ntw\\`via-stone-600\\`\ntw\\`via-stone-700\\`\ntw\\`via-stone-800\\`\ntw\\`via-stone-900\\`\ntw\\`via-red-50\\`\ntw\\`via-red-100\\`\ntw\\`via-red-200\\`\ntw\\`via-red-300\\`\ntw\\`via-red-400\\`\ntw\\`via-red-500\\`\ntw\\`via-red-600\\`\ntw\\`via-red-700\\`\ntw\\`via-red-800\\`\ntw\\`via-red-900\\`\ntw\\`via-orange-50\\`\ntw\\`via-orange-100\\`\ntw\\`via-orange-200\\`\ntw\\`via-orange-300\\`\ntw\\`via-orange-400\\`\ntw\\`via-orange-500\\`\ntw\\`via-orange-600\\`\ntw\\`via-orange-700\\`\ntw\\`via-orange-800\\`\ntw\\`via-orange-900\\`\ntw\\`via-amber-50\\`\ntw\\`via-amber-100\\`\ntw\\`via-amber-200\\`\ntw\\`via-amber-300\\`\ntw\\`via-amber-400\\`\ntw\\`via-amber-500\\`\ntw\\`via-amber-600\\`\ntw\\`via-amber-700\\`\ntw\\`via-amber-800\\`\ntw\\`via-amber-900\\`\ntw\\`via-yellow-50\\`\ntw\\`via-yellow-100\\`\ntw\\`via-yellow-200\\`\ntw\\`via-yellow-300\\`\ntw\\`via-yellow-400\\`\ntw\\`via-yellow-500\\`\ntw\\`via-yellow-600\\`\ntw\\`via-yellow-700\\`\ntw\\`via-yellow-800\\`\ntw\\`via-yellow-900\\`\ntw\\`via-lime-50\\`\ntw\\`via-lime-100\\`\ntw\\`via-lime-200\\`\ntw\\`via-lime-300\\`\ntw\\`via-lime-400\\`\ntw\\`via-lime-500\\`\ntw\\`via-lime-600\\`\ntw\\`via-lime-700\\`\ntw\\`via-lime-800\\`\ntw\\`via-lime-900\\`\ntw\\`via-green-50\\`\ntw\\`via-green-100\\`\ntw\\`via-green-200\\`\ntw\\`via-green-300\\`\ntw\\`via-green-400\\`\ntw\\`via-green-500\\`\ntw\\`via-green-600\\`\ntw\\`via-green-700\\`\ntw\\`via-green-800\\`\ntw\\`via-green-900\\`\ntw\\`via-emerald-50\\`\ntw\\`via-emerald-100\\`\ntw\\`via-emerald-200\\`\ntw\\`via-emerald-300\\`\ntw\\`via-emerald-400\\`\ntw\\`via-emerald-500\\`\ntw\\`via-emerald-600\\`\ntw\\`via-emerald-700\\`\ntw\\`via-emerald-800\\`\ntw\\`via-emerald-900\\`\ntw\\`via-teal-50\\`\ntw\\`via-teal-100\\`\ntw\\`via-teal-200\\`\ntw\\`via-teal-300\\`\ntw\\`via-teal-400\\`\ntw\\`via-teal-500\\`\ntw\\`via-teal-600\\`\ntw\\`via-teal-700\\`\ntw\\`via-teal-800\\`\ntw\\`via-teal-900\\`\ntw\\`via-cyan-50\\`\ntw\\`via-cyan-100\\`\ntw\\`via-cyan-200\\`\ntw\\`via-cyan-300\\`\ntw\\`via-cyan-400\\`\ntw\\`via-cyan-500\\`\ntw\\`via-cyan-600\\`\ntw\\`via-cyan-700\\`\ntw\\`via-cyan-800\\`\ntw\\`via-cyan-900\\`\ntw\\`via-sky-50\\`\ntw\\`via-sky-100\\`\ntw\\`via-sky-200\\`\ntw\\`via-sky-300\\`\ntw\\`via-sky-400\\`\ntw\\`via-sky-500\\`\ntw\\`via-sky-600\\`\ntw\\`via-sky-700\\`\ntw\\`via-sky-800\\`\ntw\\`via-sky-900\\`\ntw\\`via-blue-50\\`\ntw\\`via-blue-100\\`\ntw\\`via-blue-200\\`\ntw\\`via-blue-300\\`\ntw\\`via-blue-400\\`\ntw\\`via-blue-500\\`\ntw\\`via-blue-600\\`\ntw\\`via-blue-700\\`\ntw\\`via-blue-800\\`\ntw\\`via-blue-900\\`\ntw\\`via-indigo-50\\`\ntw\\`via-indigo-100\\`\ntw\\`via-indigo-200\\`\ntw\\`via-indigo-300\\`\ntw\\`via-indigo-400\\`\ntw\\`via-indigo-500\\`\ntw\\`via-indigo-600\\`\ntw\\`via-indigo-700\\`\ntw\\`via-indigo-800\\`\ntw\\`via-indigo-900\\`\ntw\\`via-violet-50\\`\ntw\\`via-violet-100\\`\ntw\\`via-violet-200\\`\ntw\\`via-violet-300\\`\ntw\\`via-violet-400\\`\ntw\\`via-violet-500\\`\ntw\\`via-violet-600\\`\ntw\\`via-violet-700\\`\ntw\\`via-violet-800\\`\ntw\\`via-violet-900\\`\ntw\\`via-purple-50\\`\ntw\\`via-purple-100\\`\ntw\\`via-purple-200\\`\ntw\\`via-purple-300\\`\ntw\\`via-purple-400\\`\ntw\\`via-purple-500\\`\ntw\\`via-purple-600\\`\ntw\\`via-purple-700\\`\ntw\\`via-purple-800\\`\ntw\\`via-purple-900\\`\ntw\\`via-fuchsia-50\\`\ntw\\`via-fuchsia-100\\`\ntw\\`via-fuchsia-200\\`\ntw\\`via-fuchsia-300\\`\ntw\\`via-fuchsia-400\\`\ntw\\`via-fuchsia-500\\`\ntw\\`via-fuchsia-600\\`\ntw\\`via-fuchsia-700\\`\ntw\\`via-fuchsia-800\\`\ntw\\`via-fuchsia-900\\`\ntw\\`via-pink-50\\`\ntw\\`via-pink-100\\`\ntw\\`via-pink-200\\`\ntw\\`via-pink-300\\`\ntw\\`via-pink-400\\`\ntw\\`via-pink-500\\`\ntw\\`via-pink-600\\`\ntw\\`via-pink-700\\`\ntw\\`via-pink-800\\`\ntw\\`via-pink-900\\`\ntw\\`via-rose-50\\`\ntw\\`via-rose-100\\`\ntw\\`via-rose-200\\`\ntw\\`via-rose-300\\`\ntw\\`via-rose-400\\`\ntw\\`via-rose-500\\`\ntw\\`via-rose-600\\`\ntw\\`via-rose-700\\`\ntw\\`via-rose-800\\`\ntw\\`via-rose-900\\`\n\ntw\\`to-inherit\\`\ntw\\`to-current\\`\ntw\\`to-transparent\\`\ntw\\`to-black\\`\ntw\\`to-white\\`\ntw\\`to-slate-50\\`\ntw\\`to-slate-100\\`\ntw\\`to-slate-200\\`\ntw\\`to-slate-300\\`\ntw\\`to-slate-400\\`\ntw\\`to-slate-500\\`\ntw\\`to-slate-600\\`\ntw\\`to-slate-700\\`\ntw\\`to-slate-800\\`\ntw\\`to-slate-900\\`\ntw\\`to-gray-50\\`\ntw\\`to-gray-100\\`\ntw\\`to-gray-200\\`\ntw\\`to-gray-300\\`\ntw\\`to-gray-400\\`\ntw\\`to-gray-500\\`\ntw\\`to-gray-600\\`\ntw\\`to-gray-700\\`\ntw\\`to-gray-800\\`\ntw\\`to-gray-900\\`\ntw\\`to-zinc-50\\`\ntw\\`to-zinc-100\\`\ntw\\`to-zinc-200\\`\ntw\\`to-zinc-300\\`\ntw\\`to-zinc-400\\`\ntw\\`to-zinc-500\\`\ntw\\`to-zinc-600\\`\ntw\\`to-zinc-700\\`\ntw\\`to-zinc-800\\`\ntw\\`to-zinc-900\\`\ntw\\`to-neutral-50\\`\ntw\\`to-neutral-100\\`\ntw\\`to-neutral-200\\`\ntw\\`to-neutral-300\\`\ntw\\`to-neutral-400\\`\ntw\\`to-neutral-500\\`\ntw\\`to-neutral-600\\`\ntw\\`to-neutral-700\\`\ntw\\`to-neutral-800\\`\ntw\\`to-neutral-900\\`\ntw\\`to-stone-50\\`\ntw\\`to-stone-100\\`\ntw\\`to-stone-200\\`\ntw\\`to-stone-300\\`\ntw\\`to-stone-400\\`\ntw\\`to-stone-500\\`\ntw\\`to-stone-600\\`\ntw\\`to-stone-700\\`\ntw\\`to-stone-800\\`\ntw\\`to-stone-900\\`\ntw\\`to-red-50\\`\ntw\\`to-red-100\\`\ntw\\`to-red-200\\`\ntw\\`to-red-300\\`\ntw\\`to-red-400\\`\ntw\\`to-red-500\\`\ntw\\`to-red-600\\`\ntw\\`to-red-700\\`\ntw\\`to-red-800\\`\ntw\\`to-red-900\\`\ntw\\`to-orange-50\\`\ntw\\`to-orange-100\\`\ntw\\`to-orange-200\\`\ntw\\`to-orange-300\\`\ntw\\`to-orange-400\\`\ntw\\`to-orange-500\\`\ntw\\`to-orange-600\\`\ntw\\`to-orange-700\\`\ntw\\`to-orange-800\\`\ntw\\`to-orange-900\\`\ntw\\`to-amber-50\\`\ntw\\`to-amber-100\\`\ntw\\`to-amber-200\\`\ntw\\`to-amber-300\\`\ntw\\`to-amber-400\\`\ntw\\`to-amber-500\\`\ntw\\`to-amber-600\\`\ntw\\`to-amber-700\\`\ntw\\`to-amber-800\\`\ntw\\`to-amber-900\\`\ntw\\`to-yellow-50\\`\ntw\\`to-yellow-100\\`\ntw\\`to-yellow-200\\`\ntw\\`to-yellow-300\\`\ntw\\`to-yellow-400\\`\ntw\\`to-yellow-500\\`\ntw\\`to-yellow-600\\`\ntw\\`to-yellow-700\\`\ntw\\`to-yellow-800\\`\ntw\\`to-yellow-900\\`\ntw\\`to-lime-50\\`\ntw\\`to-lime-100\\`\ntw\\`to-lime-200\\`\ntw\\`to-lime-300\\`\ntw\\`to-lime-400\\`\ntw\\`to-lime-500\\`\ntw\\`to-lime-600\\`\ntw\\`to-lime-700\\`\ntw\\`to-lime-800\\`\ntw\\`to-lime-900\\`\ntw\\`to-green-50\\`\ntw\\`to-green-100\\`\ntw\\`to-green-200\\`\ntw\\`to-green-300\\`\ntw\\`to-green-400\\`\ntw\\`to-green-500\\`\ntw\\`to-green-600\\`\ntw\\`to-green-700\\`\ntw\\`to-green-800\\`\ntw\\`to-green-900\\`\ntw\\`to-emerald-50\\`\ntw\\`to-emerald-100\\`\ntw\\`to-emerald-200\\`\ntw\\`to-emerald-300\\`\ntw\\`to-emerald-400\\`\ntw\\`to-emerald-500\\`\ntw\\`to-emerald-600\\`\ntw\\`to-emerald-700\\`\ntw\\`to-emerald-800\\`\ntw\\`to-emerald-900\\`\ntw\\`to-teal-50\\`\ntw\\`to-teal-100\\`\ntw\\`to-teal-200\\`\ntw\\`to-teal-300\\`\ntw\\`to-teal-400\\`\ntw\\`to-teal-500\\`\ntw\\`to-teal-600\\`\ntw\\`to-teal-700\\`\ntw\\`to-teal-800\\`\ntw\\`to-teal-900\\`\ntw\\`to-cyan-50\\`\ntw\\`to-cyan-100\\`\ntw\\`to-cyan-200\\`\ntw\\`to-cyan-300\\`\ntw\\`to-cyan-400\\`\ntw\\`to-cyan-500\\`\ntw\\`to-cyan-600\\`\ntw\\`to-cyan-700\\`\ntw\\`to-cyan-800\\`\ntw\\`to-cyan-900\\`\ntw\\`to-sky-50\\`\ntw\\`to-sky-100\\`\ntw\\`to-sky-200\\`\ntw\\`to-sky-300\\`\ntw\\`to-sky-400\\`\ntw\\`to-sky-500\\`\ntw\\`to-sky-600\\`\ntw\\`to-sky-700\\`\ntw\\`to-sky-800\\`\ntw\\`to-sky-900\\`\ntw\\`to-blue-50\\`\ntw\\`to-blue-100\\`\ntw\\`to-blue-200\\`\ntw\\`to-blue-300\\`\ntw\\`to-blue-400\\`\ntw\\`to-blue-500\\`\ntw\\`to-blue-600\\`\ntw\\`to-blue-700\\`\ntw\\`to-blue-800\\`\ntw\\`to-blue-900\\`\ntw\\`to-indigo-50\\`\ntw\\`to-indigo-100\\`\ntw\\`to-indigo-200\\`\ntw\\`to-indigo-300\\`\ntw\\`to-indigo-400\\`\ntw\\`to-indigo-500\\`\ntw\\`to-indigo-600\\`\ntw\\`to-indigo-700\\`\ntw\\`to-indigo-800\\`\ntw\\`to-indigo-900\\`\ntw\\`to-violet-50\\`\ntw\\`to-violet-100\\`\ntw\\`to-violet-200\\`\ntw\\`to-violet-300\\`\ntw\\`to-violet-400\\`\ntw\\`to-violet-500\\`\ntw\\`to-violet-600\\`\ntw\\`to-violet-700\\`\ntw\\`to-violet-800\\`\ntw\\`to-violet-900\\`\ntw\\`to-purple-50\\`\ntw\\`to-purple-100\\`\ntw\\`to-purple-200\\`\ntw\\`to-purple-300\\`\ntw\\`to-purple-400\\`\ntw\\`to-purple-500\\`\ntw\\`to-purple-600\\`\ntw\\`to-purple-700\\`\ntw\\`to-purple-800\\`\ntw\\`to-purple-900\\`\ntw\\`to-fuchsia-50\\`\ntw\\`to-fuchsia-100\\`\ntw\\`to-fuchsia-200\\`\ntw\\`to-fuchsia-300\\`\ntw\\`to-fuchsia-400\\`\ntw\\`to-fuchsia-500\\`\ntw\\`to-fuchsia-600\\`\ntw\\`to-fuchsia-700\\`\ntw\\`to-fuchsia-800\\`\ntw\\`to-fuchsia-900\\`\ntw\\`to-pink-50\\`\ntw\\`to-pink-100\\`\ntw\\`to-pink-200\\`\ntw\\`to-pink-300\\`\ntw\\`to-pink-400\\`\ntw\\`to-pink-500\\`\ntw\\`to-pink-600\\`\ntw\\`to-pink-700\\`\ntw\\`to-pink-800\\`\ntw\\`to-pink-900\\`\ntw\\`to-rose-50\\`\ntw\\`to-rose-100\\`\ntw\\`to-rose-200\\`\ntw\\`to-rose-300\\`\ntw\\`to-rose-400\\`\ntw\\`to-rose-500\\`\ntw\\`to-rose-600\\`\ntw\\`to-rose-700\\`\ntw\\`to-rose-800\\`\ntw\\`to-rose-900\\`\n\ntw\\`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50\\`\ntw\\`bg-gradient-to-r from-indigo-500\\`\ntw\\`bg-gradient-to-r from-cyan-500 to-blue-500\\`\ntw\\`bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500\\`\ntw\\`bg-gradient-to-r from-green-400 to-blue-500 hover:from-pink-500 hover:to-yellow-500\\`\ntw\\`bg-gradient-to-r from-purple-400 md:from-yellow-500\\`\n\ntw\\`from-[#da5b66] via-[#da5b66] to-[#da5b66]\\`\ntw\\`from-[var(--color)] via-[var(--color)] to-[var(--color)]\\`\n\ntw\\`from-red-500\\`\ntw\\`from-red-500/25\\`\ntw\\`from-red-500/fromConfig\\`\ntw\\`from-red-500/fromConfig/25\\`\ntw\\`from-red-500/fromConfig/[.555]\\`\ntw\\`from-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`from-red-500/[.555]\\`\ntw\\`from-red-500/[var(--myvar)]\\`\ntw\\`from-[theme('colors.red.500')]\\`\n\ntw\\`from-electric\\`\ntw\\`from-electric/25\\`\ntw\\`from-electric/[.555]\\`\ntw\\`from-electric/[var(--myvar)]\\`\ntw\\`from-[theme('colors.electric')]\\`\n\ntw\\`via-red-500\\`\ntw\\`via-red-500/25\\`\ntw\\`via-red-500/fromConfig\\`\ntw\\`via-red-500/[.555]\\`\ntw\\`via-red-500/[var(--myvar)]\\`\ntw\\`via-[theme('colors.red.500')]\\`\n\ntw\\`via-electric\\`\ntw\\`via-electric/25\\`\ntw\\`via-electric/[.555]\\`\ntw\\`via-electric/[var(--myvar)]\\`\ntw\\`via-[theme('colors.electric')]\\`\n\ntw\\`to-red-500/25\\`\ntw\\`to-red-500/fromConfig\\`\ntw\\`to-red-500/[.555]\\`\ntw\\`to-red-500/[var(--myvar)]\\`\ntw\\`to-[theme('colors.red.500')]\\`\n\ntw\\`to-electric\\`\ntw\\`to-electric/25\\`\ntw\\`to-electric/[.555]\\`\ntw\\`to-electric/[var(--myvar)]\\`\ntw\\`to-[theme('colors.electric')]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/gradient-color-stops\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n '--tw-gradient-from': 'inherit var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 255 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': 'currentColor var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 255 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': 'transparent var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#000 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 255 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f8fafc var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(248 250 252 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f1f5f9 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(241 245 249 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e2e8f0 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(226 232 240 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#cbd5e1 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(203 213 225 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#94a3b8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(148 163 184 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#64748b var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(100 116 139 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#475569 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(71 85 105 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#334155 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(51 65 85 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#1e293b var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(30 41 59 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0f172a var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(15 23 42 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f9fafb var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(249 250 251 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f3f4f6 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(243 244 246 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e5e7eb var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(229 231 235 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d1d5db var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(209 213 219 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#9ca3af var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(156 163 175 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#6b7280 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(107 114 128 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#4b5563 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(75 85 99 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#374151 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(55 65 81 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#1f2937 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(31 41 55 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#111827 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(17 24 39 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fafafa var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 250 250 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f4f4f5 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(244 244 245 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e4e4e7 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(228 228 231 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d4d4d8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(212 212 216 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a1a1aa var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(161 161 170 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#71717a var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(113 113 122 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#52525b var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(82 82 91 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#3f3f46 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(63 63 70 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#27272a var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(39 39 42 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#18181b var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(24 24 27 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fafafa var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 250 250 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f5f5f5 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 245 245 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e5e5e5 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(229 229 229 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d4d4d4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(212 212 212 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a3a3a3 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(163 163 163 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#737373 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(115 115 115 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#525252 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(82 82 82 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#404040 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(64 64 64 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#262626 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(38 38 38 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#171717 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(23 23 23 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fafaf9 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 250 249 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f5f5f4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 245 244 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e7e5e4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(231 229 228 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d6d3d1 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(214 211 209 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a8a29e var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(168 162 158 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#78716c var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(120 113 108 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#57534e var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(87 83 78 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#44403c var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(68 64 60 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#292524 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(41 37 36 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#1c1917 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(28 25 23 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fef2f2 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 242 242 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fee2e2 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 226 226 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fecaca var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 202 202 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fca5a5 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(252 165 165 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f87171 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(248 113 113 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ef4444 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#dc2626 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(220 38 38 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#b91c1c var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(185 28 28 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#991b1b var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(153 27 27 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#7f1d1d var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(127 29 29 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fff7ed var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 247 237 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ffedd5 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 237 213 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fed7aa var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 215 170 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fdba74 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 186 116 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fb923c var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(251 146 60 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f97316 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(249 115 22 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ea580c var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(234 88 12 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#c2410c var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(194 65 12 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#9a3412 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(154 52 18 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#7c2d12 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(124 45 18 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fffbeb var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 251 235 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fef3c7 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 243 199 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fde68a var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 230 138 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fcd34d var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(252 211 77 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fbbf24 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(251 191 36 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f59e0b var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 158 11 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d97706 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(217 119 6 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#b45309 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(180 83 9 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#92400e var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(146 64 14 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#78350f var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(120 53 15 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fefce8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 252 232 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fef9c3 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 249 195 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fef08a var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 240 138 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fde047 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 224 71 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#facc15 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 204 21 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#eab308 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(234 179 8 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ca8a04 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(202 138 4 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a16207 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(161 98 7 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#854d0e var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(133 77 14 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#713f12 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(113 63 18 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f7fee7 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(247 254 231 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ecfccb var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(236 252 203 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d9f99d var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(217 249 157 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#bef264 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(190 242 100 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a3e635 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(163 230 53 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#84cc16 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(132 204 22 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#65a30d var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(101 163 13 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#4d7c0f var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(77 124 15 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#3f6212 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(63 98 18 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#365314 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(54 83 20 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f0fdf4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(240 253 244 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#dcfce7 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(220 252 231 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#bbf7d0 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(187 247 208 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#86efac var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(134 239 172 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#4ade80 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(74 222 128 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#22c55e var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(34 197 94 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#16a34a var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(22 163 74 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#15803d var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(21 128 61 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#166534 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(22 101 52 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#14532d var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(20 83 45 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ecfdf5 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(236 253 245 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d1fae5 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(209 250 229 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a7f3d0 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(167 243 208 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#6ee7b7 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(110 231 183 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#34d399 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(52 211 153 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#10b981 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(16 185 129 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#059669 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(5 150 105 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#047857 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(4 120 87 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#065f46 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(6 95 70 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#064e3b var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(6 78 59 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f0fdfa var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(240 253 250 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ccfbf1 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(204 251 241 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#99f6e4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(153 246 228 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#5eead4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(94 234 212 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#2dd4bf var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(45 212 191 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#14b8a6 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(20 184 166 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0d9488 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(13 148 136 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0f766e var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(15 118 110 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#115e59 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(17 94 89 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#134e4a var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(19 78 74 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ecfeff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(236 254 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#cffafe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(207 250 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a5f3fc var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(165 243 252 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#67e8f9 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(103 232 249 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#22d3ee var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(34 211 238 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#06b6d4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(6 182 212 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0891b2 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(8 145 178 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0e7490 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(14 116 144 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#155e75 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(21 94 117 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#164e63 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(22 78 99 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f0f9ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(240 249 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e0f2fe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(224 242 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#bae6fd var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(186 230 253 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#7dd3fc var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(125 211 252 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#38bdf8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(56 189 248 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0ea5e9 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(14 165 233 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0284c7 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(2 132 199 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0369a1 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(3 105 161 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#075985 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(7 89 133 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#0c4a6e var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(12 74 110 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#eff6ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 246 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#dbeafe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(219 234 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#bfdbfe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(191 219 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#93c5fd var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(147 197 253 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#60a5fa var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(96 165 250 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#3b82f6 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(59 130 246 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#2563eb var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(37 99 235 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#1d4ed8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(29 78 216 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#1e40af var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(30 64 175 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#1e3a8a var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(30 58 138 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#eef2ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(238 242 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e0e7ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(224 231 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#c7d2fe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(199 210 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a5b4fc var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(165 180 252 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#818cf8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(129 140 248 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#6366f1 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(99 102 241 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#4f46e5 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(79 70 229 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#4338ca var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(67 56 202 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#3730a3 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(55 48 163 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#312e81 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(49 46 129 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f5f3ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 243 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ede9fe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(237 233 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ddd6fe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(221 214 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#c4b5fd var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(196 181 253 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a78bfa var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(167 139 250 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#8b5cf6 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(139 92 246 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#7c3aed var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(124 58 237 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#6d28d9 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(109 40 217 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#5b21b6 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(91 33 182 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#4c1d95 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(76 29 149 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#faf5ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 245 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f3e8ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(243 232 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e9d5ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(233 213 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d8b4fe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(216 180 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#c084fc var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(192 132 252 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a855f7 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(168 85 247 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#9333ea var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(147 51 234 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#7e22ce var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(126 34 206 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#6b21a8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(107 33 168 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#581c87 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(88 28 135 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fdf4ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 244 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fae8ff var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 232 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f5d0fe var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 208 254 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f0abfc var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(240 171 252 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e879f9 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(232 121 249 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#d946ef var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(217 70 239 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#c026d3 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(192 38 211 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#a21caf var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(162 28 175 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#86198f var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(134 25 143 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#701a75 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(112 26 117 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fdf2f8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 242 248 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fce7f3 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(252 231 243 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fbcfe8 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(251 207 232 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f9a8d4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(249 168 212 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f472b6 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(244 114 182 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ec4899 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(236 72 153 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#db2777 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(219 39 119 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#be185d var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(190 24 93 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#9d174d var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(157 23 77 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#831843 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(131 24 67 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fff1f2 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 241 242 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ffe4e6 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 228 230 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fecdd3 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 205 211 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fda4af var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 164 175 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#fb7185 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(251 113 133 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#f43f5e var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(244 63 94 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#e11d48 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(225 29 72 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#be123c var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(190 18 60 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#9f1239 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(159 18 57 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#881337 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(136 19 55 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 255 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), inherit var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 255 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), currentColor var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 255 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(248 250 252 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(241 245 249 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f1f5f9 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(226 232 240 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e2e8f0 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(203 213 225 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #cbd5e1 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(148 163 184 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #94a3b8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(100 116 139 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #64748b var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(71 85 105 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #475569 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(51 65 85 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #334155 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(30 41 59 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(15 23 42 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(249 250 251 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(243 244 246 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f3f4f6 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(229 231 235 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e5e7eb var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(209 213 219 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d1d5db var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(156 163 175 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #9ca3af var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(107 114 128 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #6b7280 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(75 85 99 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #4b5563 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(55 65 81 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #374151 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(31 41 55 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(17 24 39 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 250 250 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fafafa var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(244 244 245 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f4f4f5 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(228 228 231 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e4e4e7 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(212 212 216 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d4d4d8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(161 161 170 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a1a1aa var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(113 113 122 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #71717a var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(82 82 91 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #52525b var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(63 63 70 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #3f3f46 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(39 39 42 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #27272a var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(24 24 27 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 250 250 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fafafa var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 245 245 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f5f5f5 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(229 229 229 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e5e5e5 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(212 212 212 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d4d4d4 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(163 163 163 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a3a3a3 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(115 115 115 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #737373 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(82 82 82 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #525252 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(64 64 64 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #404040 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(38 38 38 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #262626 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(23 23 23 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #171717 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 250 249 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fafaf9 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 245 244 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f5f5f4 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(231 229 228 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e7e5e4 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(214 211 209 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d6d3d1 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(168 162 158 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a8a29e var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(120 113 108 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #78716c var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(87 83 78 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #57534e var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(68 64 60 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #44403c var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(41 37 36 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #292524 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(28 25 23 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #1c1917 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 242 242 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fef2f2 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 226 226 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fee2e2 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 202 202 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fecaca var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(252 165 165 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fca5a5 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(248 113 113 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f87171 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(220 38 38 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(185 28 28 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #b91c1c var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(153 27 27 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #991b1b var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(127 29 29 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #7f1d1d var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 247 237 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fff7ed var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 237 213 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ffedd5 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 215 170 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fed7aa var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 186 116 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(251 146 60 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fb923c var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(249 115 22 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(234 88 12 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ea580c var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(194 65 12 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #c2410c var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(154 52 18 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #9a3412 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(124 45 18 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #7c2d12 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 251 235 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fffbeb var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 243 199 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fef3c7 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 230 138 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fde68a var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(252 211 77 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fcd34d var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(251 191 36 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 158 11 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f59e0b var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(217 119 6 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d97706 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(180 83 9 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #b45309 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(146 64 14 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #92400e var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(120 53 15 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #78350f var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 252 232 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fefce8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 249 195 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fef9c3 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 240 138 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fef08a var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 224 71 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fde047 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 204 21 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #facc15 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(234 179 8 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(202 138 4 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ca8a04 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(161 98 7 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a16207 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(133 77 14 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #854d0e var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(113 63 18 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #713f12 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(247 254 231 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f7fee7 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(236 252 203 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ecfccb var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(217 249 157 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d9f99d var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(190 242 100 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #bef264 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(163 230 53 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a3e635 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(132 204 22 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #84cc16 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(101 163 13 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #65a30d var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(77 124 15 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #4d7c0f var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(63 98 18 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #3f6212 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(54 83 20 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #365314 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(240 253 244 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f0fdf4 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(220 252 231 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #dcfce7 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(187 247 208 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #bbf7d0 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(134 239 172 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #86efac var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(74 222 128 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #4ade80 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(34 197 94 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #22c55e var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(22 163 74 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #16a34a var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(21 128 61 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #15803d var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(22 101 52 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #166534 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(20 83 45 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #14532d var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(236 253 245 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ecfdf5 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(209 250 229 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d1fae5 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(167 243 208 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a7f3d0 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(110 231 183 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #6ee7b7 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(52 211 153 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(16 185 129 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(5 150 105 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #059669 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(4 120 87 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #047857 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(6 95 70 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #065f46 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(6 78 59 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #064e3b var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(240 253 250 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f0fdfa var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(204 251 241 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ccfbf1 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(153 246 228 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #99f6e4 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(94 234 212 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #5eead4 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(45 212 191 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #2dd4bf var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(20 184 166 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #14b8a6 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(13 148 136 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0d9488 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(15 118 110 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0f766e var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(17 94 89 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #115e59 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(19 78 74 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #134e4a var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(236 254 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ecfeff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(207 250 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #cffafe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(165 243 252 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a5f3fc var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(103 232 249 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #67e8f9 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(34 211 238 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #22d3ee var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(6 182 212 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(8 145 178 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0891b2 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(14 116 144 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0e7490 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(21 94 117 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #155e75 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(22 78 99 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #164e63 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(240 249 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f0f9ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(224 242 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e0f2fe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(186 230 253 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #bae6fd var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(125 211 252 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #7dd3fc var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(56 189 248 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #38bdf8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(14 165 233 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(2 132 199 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0284c7 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(3 105 161 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0369a1 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(7 89 133 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #075985 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(12 74 110 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #0c4a6e var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 246 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(219 234 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #dbeafe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(191 219 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #bfdbfe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(147 197 253 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #93c5fd var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(96 165 250 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(59 130 246 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(37 99 235 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(29 78 216 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #1d4ed8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(30 64 175 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #1e40af var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(30 58 138 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(238 242 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #eef2ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(224 231 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e0e7ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(199 210 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #c7d2fe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(165 180 252 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a5b4fc var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(129 140 248 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #818cf8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(99 102 241 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(79 70 229 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(67 56 202 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #4338ca var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(55 48 163 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #3730a3 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(49 46 129 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #312e81 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 243 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f5f3ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(237 233 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ede9fe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(221 214 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ddd6fe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(196 181 253 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #c4b5fd var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(167 139 250 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a78bfa var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(139 92 246 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(124 58 237 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(109 40 217 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #6d28d9 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(91 33 182 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #5b21b6 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(76 29 149 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #4c1d95 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 245 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #faf5ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(243 232 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f3e8ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(233 213 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e9d5ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(216 180 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d8b4fe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(192 132 252 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(168 85 247 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(147 51 234 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(126 34 206 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(107 33 168 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #6b21a8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(88 28 135 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 244 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fdf4ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(250 232 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fae8ff var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(245 208 254 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f5d0fe var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(240 171 252 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f0abfc var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(232 121 249 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e879f9 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(217 70 239 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(192 38 211 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #c026d3 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(162 28 175 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a21caf var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(134 25 143 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #86198f var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(112 26 117 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #701a75 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 242 248 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fdf2f8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(252 231 243 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fce7f3 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(251 207 232 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fbcfe8 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(249 168 212 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f9a8d4 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(244 114 182 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f472b6 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(236 72 153 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(219 39 119 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #db2777 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(190 24 93 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #be185d var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(157 23 77 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #9d174d var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(131 24 67 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #831843 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 241 242 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fff1f2 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(255 228 230 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ffe4e6 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(254 205 211 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fecdd3 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(253 164 175 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fda4af var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(251 113 133 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #fb7185 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(244 63 94 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(225 29 72 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #e11d48 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(190 18 60 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #be123c var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(159 18 57 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #9f1239 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(136 19 55 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #881337 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-to': 'inherit var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': 'currentColor var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': 'transparent var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#000 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f8fafc var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f1f5f9 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e2e8f0 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#cbd5e1 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#94a3b8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#64748b var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#475569 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#334155 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#1e293b var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0f172a var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f9fafb var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f3f4f6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e5e7eb var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d1d5db var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#9ca3af var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#6b7280 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#4b5563 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#374151 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#1f2937 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#111827 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fafafa var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f4f4f5 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e4e4e7 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d4d4d8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a1a1aa var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#71717a var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#52525b var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#3f3f46 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#27272a var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#18181b var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fafafa var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f5f5f5 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e5e5e5 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d4d4d4 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a3a3a3 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#737373 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#525252 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#404040 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#262626 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#171717 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fafaf9 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f5f5f4 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e7e5e4 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d6d3d1 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a8a29e var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#78716c var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#57534e var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#44403c var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#292524 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#1c1917 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fef2f2 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fee2e2 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fecaca var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fca5a5 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f87171 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ef4444 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#dc2626 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#b91c1c var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#991b1b var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#7f1d1d var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fff7ed var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ffedd5 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fed7aa var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fdba74 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fb923c var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f97316 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ea580c var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#c2410c var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#9a3412 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#7c2d12 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fffbeb var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fef3c7 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fde68a var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fcd34d var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fbbf24 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f59e0b var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d97706 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#b45309 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#92400e var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#78350f var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fefce8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fef9c3 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fef08a var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fde047 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#facc15 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#eab308 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ca8a04 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a16207 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#854d0e var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#713f12 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f7fee7 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ecfccb var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d9f99d var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#bef264 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a3e635 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#84cc16 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#65a30d var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#4d7c0f var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#3f6212 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#365314 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f0fdf4 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#dcfce7 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#bbf7d0 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#86efac var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#4ade80 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#22c55e var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#16a34a var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#15803d var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#166534 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#14532d var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ecfdf5 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d1fae5 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a7f3d0 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#6ee7b7 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#34d399 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#10b981 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#059669 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#047857 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#065f46 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#064e3b var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f0fdfa var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ccfbf1 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#99f6e4 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#5eead4 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#2dd4bf var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#14b8a6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0d9488 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0f766e var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#115e59 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#134e4a var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ecfeff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#cffafe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a5f3fc var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#67e8f9 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#22d3ee var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#06b6d4 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0891b2 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0e7490 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#155e75 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#164e63 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f0f9ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e0f2fe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#bae6fd var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#7dd3fc var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#38bdf8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0ea5e9 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0284c7 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0369a1 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#075985 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#0c4a6e var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#eff6ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#dbeafe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#bfdbfe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#93c5fd var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#60a5fa var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#3b82f6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#2563eb var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#1d4ed8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#1e40af var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#1e3a8a var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#eef2ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e0e7ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#c7d2fe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a5b4fc var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#818cf8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#6366f1 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#4f46e5 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#4338ca var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#3730a3 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#312e81 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f5f3ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ede9fe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ddd6fe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#c4b5fd var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a78bfa var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#8b5cf6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#7c3aed var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#6d28d9 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#5b21b6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#4c1d95 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#faf5ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f3e8ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e9d5ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d8b4fe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#c084fc var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a855f7 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#9333ea var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#7e22ce var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#6b21a8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#581c87 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fdf4ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fae8ff var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f5d0fe var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f0abfc var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e879f9 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#d946ef var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#c026d3 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#a21caf var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#86198f var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#701a75 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fdf2f8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fce7f3 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fbcfe8 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f9a8d4 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f472b6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ec4899 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#db2777 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#be185d var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#9d174d var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#831843 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fff1f2 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ffe4e6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fecdd3 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fda4af var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#fb7185 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#f43f5e var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#e11d48 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#be123c var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#9f1239 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#881337 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n backgroundImage: 'linear-gradient(to top, var(--tw-gradient-stops))',\n '--tw-gradient-from': 'rgb(219, 0, 255) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(219, 0, 255) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n '--tw-text-opacity': '0.5',\n color: 'rgb(168 85 247 / var(--tw-text-opacity))',\n})\n;({\n backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',\n '--tw-gradient-from': '#6366f1 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(99 102 241 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',\n '--tw-gradient-from': '#06b6d4 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': '#3b82f6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',\n '--tw-gradient-from': '#6366f1 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': '#ec4899 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',\n '--tw-gradient-from': '#4ade80 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': '#3b82f6 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n ':hover': {\n '--tw-gradient-from': '#ec4899 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': '#eab308 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n },\n})\n;({\n backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',\n '--tw-gradient-from': '#c084fc var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(192 132 252 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n '@media (min-width: 768px)': {\n '--tw-gradient-from': '#eab308 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(234 179 8 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n },\n})\n;({\n '--tw-gradient-from': '#da5b66 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': '#da5b66 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #da5b66 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-from': 'var(--color) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'var(--color) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), var(--color) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-from': '#ef4444 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from':\n 'rgb(239 68 68 / 0.25) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#000 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': 'rgb(0 0 0 / 0.25) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': 'rgb(0 0 0 / .555) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from':\n 'rgb(0 0 0 / var(--myvar)) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from':\n 'rgb(239 68 68 / .555) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from':\n 'rgb(239 68 68 / var(--myvar)) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': '#ef4444 var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': 'rgb(219, 0, 255) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgba(219, 0, 255, 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from':\n 'rgba(219, 0, 255, 0.25) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgba(219, 0, 255, 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from':\n 'rgba(219, 0, 255, .555) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgba(219, 0, 255, 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from':\n 'rgba(219, 0, 255, var(--myvar)) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgba(219, 0, 255, 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-from': 'rgb(219, 0, 255) var(--tw-gradient-from-position)',\n '--tw-gradient-from-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(219 0 255 / 0) var(--tw-gradient-from-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), rgb(239 68 68 / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(0 0 0 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), rgb(239 68 68 / .555) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), rgb(239 68 68 / var(--myvar)) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(239 68 68 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgba(219, 0, 255, 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), rgb(219, 0, 255) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgba(219, 0, 255, 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), rgba(219, 0, 255, 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgba(219, 0, 255, 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), rgba(219, 0, 255, .555) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgba(219, 0, 255, 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), rgba(219, 0, 255, var(--myvar)) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-via-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-to': 'rgb(219 0 255 / 0) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), rgb(219, 0, 255) var(--tw-gradient-via-position), var(--tw-gradient-to)',\n})\n;({\n '--tw-gradient-to': 'rgb(239 68 68 / 0.25) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#000 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': 'rgb(239 68 68 / .555) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to':\n 'rgb(239 68 68 / var(--myvar)) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': '#ef4444 var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': 'rgb(219, 0, 255) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': 'rgba(219, 0, 255, 0.25) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': 'rgba(219, 0, 255, .555) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to':\n 'rgba(219, 0, 255, var(--myvar)) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n;({\n '--tw-gradient-to': 'rgb(219, 0, 255) var(--tw-gradient-to-position)',\n '--tw-gradient-to-position': 'var(--tw-empty,/*!*/ /*!*/)',\n})\n\n\n`;\n\nexports[`twin.macro grayscale.tsx: grayscale.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grayscale\ntheme\\`grayscale.\\`\n\ntw\\`grayscale-0\\`\ntw\\`grayscale\\`\n\ntw\\`grayscale-[50%]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/grayscale\n;({\n 0: '0',\n DEFAULT: '100%',\n})\n;({\n '--tw-grayscale': 'grayscale(0)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-grayscale': 'grayscale(100%)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-grayscale': 'grayscale(50%)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro gridAutoColumns.tsx: gridAutoColumns.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-auto-columns\ntheme\\`gridAutoColumns\\`\n\ntw\\`auto-cols-auto\\`\ntw\\`auto-cols-min\\`\ntw\\`auto-cols-max\\`\ntw\\`auto-cols-fr\\`\n\ntw\\`auto-cols-[minmax(0, 2fr)]\\`\ntw\\`grid-cols-[200px,repeat(auto-fill,minmax(15%,100px)),300px]\\`\ntw\\`lg:grid-cols-[200px,repeat(auto-fill,minmax(15%,100px)),300px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/grid-auto-columns\n;({\n auto: 'auto',\n min: 'min-content',\n max: 'max-content',\n fr: 'minmax(0, 1fr)',\n})\n;({\n gridAutoColumns: 'auto',\n})\n;({\n gridAutoColumns: 'min-content',\n})\n;({\n gridAutoColumns: 'max-content',\n})\n;({\n gridAutoColumns: 'minmax(0, 1fr)',\n})\n;({\n gridAutoColumns: 'minmax(0, 2fr)',\n})\n;({\n gridTemplateColumns: '200px repeat(auto-fill,minmax(15%,100px)) 300px',\n})\n;({\n '@media (min-width: 1024px)': {\n gridTemplateColumns: '200px repeat(auto-fill,minmax(15%,100px)) 300px',\n },\n})\n\n\n`;\n\nexports[`twin.macro gridAutoFlow.tsx: gridAutoFlow.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/grid-auto-flow\ntw\\`grid-flow-row\\`\ntw\\`grid-flow-col\\`\ntw\\`grid-flow-row-dense\\`\ntw\\`grid-flow-col-dense\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/grid-auto-flow\n;({\n gridAutoFlow: 'row',\n})\n;({\n gridAutoFlow: 'column',\n})\n;({\n gridAutoFlow: 'row dense',\n})\n;({\n gridAutoFlow: 'column dense',\n})\n\n\n`;\n\nexports[`twin.macro gridAutoRows.tsx: gridAutoRows.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-auto-rows\ntheme\\`gridAutoRows\\`\n\ntw\\`auto-rows-auto\\`\ntw\\`auto-rows-min\\`\ntw\\`auto-rows-max\\`\ntw\\`auto-rows-fr\\`\n\ntw\\`grid-rows-[200px, repeat(auto-fill, minmax(15%, 100px)), 300px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/grid-auto-rows\n;({\n auto: 'auto',\n min: 'min-content',\n max: 'max-content',\n fr: 'minmax(0, 1fr)',\n})\n;({\n gridAutoRows: 'auto',\n})\n;({\n gridAutoRows: 'min-content',\n})\n;({\n gridAutoRows: 'max-content',\n})\n;({\n gridAutoRows: 'minmax(0, 1fr)',\n})\n;({\n gridTemplateRows: '200px repeat(auto-fill, minmax(15%, 100px)) 300px',\n})\n\n\n`;\n\nexports[`twin.macro gridColumn.tsx: gridColumn.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-column\ntheme\\`gridColumn\\`\n\ntw\\`col-auto\\`\ntw\\`col-span-1\\`\ntw\\`col-span-2\\`\ntw\\`col-span-3\\`\ntw\\`col-span-4\\`\ntw\\`col-span-5\\`\ntw\\`col-span-6\\`\ntw\\`col-span-7\\`\ntw\\`col-span-8\\`\ntw\\`col-span-9\\`\ntw\\`col-span-10\\`\ntw\\`col-span-11\\`\ntw\\`col-span-12\\`\ntw\\`col-span-full\\`\ntw\\`col-start-1\\`\ntw\\`col-start-2\\`\ntw\\`col-start-3\\`\ntw\\`col-start-4\\`\ntw\\`col-start-5\\`\ntw\\`col-start-6\\`\ntw\\`col-start-7\\`\ntw\\`col-start-8\\`\ntw\\`col-start-9\\`\ntw\\`col-start-10\\`\ntw\\`col-start-11\\`\ntw\\`col-start-12\\`\ntw\\`col-start-13\\`\ntw\\`col-start-auto\\`\ntw\\`col-end-1\\`\ntw\\`col-end-2\\`\ntw\\`col-end-3\\`\ntw\\`col-end-4\\`\ntw\\`col-end-5\\`\ntw\\`col-end-6\\`\ntw\\`col-end-7\\`\ntw\\`col-end-8\\`\ntw\\`col-end-9\\`\ntw\\`col-end-10\\`\ntw\\`col-end-11\\`\ntw\\`col-end-12\\`\ntw\\`col-end-13\\`\ntw\\`col-end-auto\\`\n\ntw\\`col-[7]\\`\ntw\\`col-end-[7]\\`\ntw\\`col-start-[7]\\`\n// tw\\`col-span-[span 16 / span 16]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/grid-column\n;({\n auto: 'auto',\n 'span-1': 'span 1 / span 1',\n 'span-2': 'span 2 / span 2',\n 'span-3': 'span 3 / span 3',\n 'span-4': 'span 4 / span 4',\n 'span-5': 'span 5 / span 5',\n 'span-6': 'span 6 / span 6',\n 'span-7': 'span 7 / span 7',\n 'span-8': 'span 8 / span 8',\n 'span-9': 'span 9 / span 9',\n 'span-10': 'span 10 / span 10',\n 'span-11': 'span 11 / span 11',\n 'span-12': 'span 12 / span 12',\n 'span-full': '1 / -1',\n})\n;({\n gridColumn: 'auto',\n})\n;({\n gridColumn: 'span 1 / span 1',\n})\n;({\n gridColumn: 'span 2 / span 2',\n})\n;({\n gridColumn: 'span 3 / span 3',\n})\n;({\n gridColumn: 'span 4 / span 4',\n})\n;({\n gridColumn: 'span 5 / span 5',\n})\n;({\n gridColumn: 'span 6 / span 6',\n})\n;({\n gridColumn: 'span 7 / span 7',\n})\n;({\n gridColumn: 'span 8 / span 8',\n})\n;({\n gridColumn: 'span 9 / span 9',\n})\n;({\n gridColumn: 'span 10 / span 10',\n})\n;({\n gridColumn: 'span 11 / span 11',\n})\n;({\n gridColumn: 'span 12 / span 12',\n})\n;({\n gridColumn: '1 / -1',\n})\n;({\n gridColumnStart: '1',\n})\n;({\n gridColumnStart: '2',\n})\n;({\n gridColumnStart: '3',\n})\n;({\n gridColumnStart: '4',\n})\n;({\n gridColumnStart: '5',\n})\n;({\n gridColumnStart: '6',\n})\n;({\n gridColumnStart: '7',\n})\n;({\n gridColumnStart: '8',\n})\n;({\n gridColumnStart: '9',\n})\n;({\n gridColumnStart: '10',\n})\n;({\n gridColumnStart: '11',\n})\n;({\n gridColumnStart: '12',\n})\n;({\n gridColumnStart: '13',\n})\n;({\n gridColumnStart: 'auto',\n})\n;({\n gridColumnEnd: '1',\n})\n;({\n gridColumnEnd: '2',\n})\n;({\n gridColumnEnd: '3',\n})\n;({\n gridColumnEnd: '4',\n})\n;({\n gridColumnEnd: '5',\n})\n;({\n gridColumnEnd: '6',\n})\n;({\n gridColumnEnd: '7',\n})\n;({\n gridColumnEnd: '8',\n})\n;({\n gridColumnEnd: '9',\n})\n;({\n gridColumnEnd: '10',\n})\n;({\n gridColumnEnd: '11',\n})\n;({\n gridColumnEnd: '12',\n})\n;({\n gridColumnEnd: '13',\n})\n;({\n gridColumnEnd: 'auto',\n})\n;({\n gridColumn: '7',\n})\n;({\n gridColumnEnd: '7',\n})\n;({\n gridColumnStart: '7',\n}) // tw\\`col-span-[span 16 / span 16]\\`\n\n\n`;\n\nexports[`twin.macro gridRow.tsx: gridRow.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-row\ntheme\\`gridRow\\`\n\ntw\\`row-auto\\`\ntw\\`row-span-1\\`\ntw\\`row-span-2\\`\ntw\\`row-span-3\\`\ntw\\`row-span-4\\`\ntw\\`row-span-5\\`\ntw\\`row-span-6\\`\ntw\\`row-span-full\\`\ntw\\`row-start-1\\`\ntw\\`row-start-2\\`\ntw\\`row-start-3\\`\ntw\\`row-start-4\\`\ntw\\`row-start-5\\`\ntw\\`row-start-6\\`\ntw\\`row-start-7\\`\ntw\\`row-start-auto\\`\ntw\\`row-end-1\\`\ntw\\`row-end-2\\`\ntw\\`row-end-3\\`\ntw\\`row-end-4\\`\ntw\\`row-end-5\\`\ntw\\`row-end-6\\`\ntw\\`row-end-7\\`\ntw\\`row-end-auto\\`\n\ntw\\`row-[span 16 / span 16]\\`\ntw\\`row-[7]\\`\ntw\\`row-end-[7]\\`\ntw\\`row-start-[7]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/grid-row\n;({\n auto: 'auto',\n 'span-1': 'span 1 / span 1',\n 'span-2': 'span 2 / span 2',\n 'span-3': 'span 3 / span 3',\n 'span-4': 'span 4 / span 4',\n 'span-5': 'span 5 / span 5',\n 'span-6': 'span 6 / span 6',\n 'span-full': '1 / -1',\n})\n;({\n gridRow: 'auto',\n})\n;({\n gridRow: 'span 1 / span 1',\n})\n;({\n gridRow: 'span 2 / span 2',\n})\n;({\n gridRow: 'span 3 / span 3',\n})\n;({\n gridRow: 'span 4 / span 4',\n})\n;({\n gridRow: 'span 5 / span 5',\n})\n;({\n gridRow: 'span 6 / span 6',\n})\n;({\n gridRow: '1 / -1',\n})\n;({\n gridRowStart: '1',\n})\n;({\n gridRowStart: '2',\n})\n;({\n gridRowStart: '3',\n})\n;({\n gridRowStart: '4',\n})\n;({\n gridRowStart: '5',\n})\n;({\n gridRowStart: '6',\n})\n;({\n gridRowStart: '7',\n})\n;({\n gridRowStart: 'auto',\n})\n;({\n gridRowEnd: '1',\n})\n;({\n gridRowEnd: '2',\n})\n;({\n gridRowEnd: '3',\n})\n;({\n gridRowEnd: '4',\n})\n;({\n gridRowEnd: '5',\n})\n;({\n gridRowEnd: '6',\n})\n;({\n gridRowEnd: '7',\n})\n;({\n gridRowEnd: 'auto',\n})\n;({\n gridRow: 'span 16 / span 16',\n})\n;({\n gridRow: '7',\n})\n;({\n gridRowEnd: '7',\n})\n;({\n gridRowStart: '7',\n})\n\n\n`;\n\nexports[`twin.macro gridTemplateColumns.tsx: gridTemplateColumns.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-template-columns\ntheme\\`gridTemplateColumns\\`\n\ntw\\`grid-cols-1\\`\ntw\\`grid-cols-2\\`\ntw\\`grid-cols-3\\`\ntw\\`grid-cols-4\\`\ntw\\`grid-cols-5\\`\ntw\\`grid-cols-6\\`\ntw\\`grid-cols-7\\`\ntw\\`grid-cols-8\\`\ntw\\`grid-cols-9\\`\ntw\\`grid-cols-10\\`\ntw\\`grid-cols-11\\`\ntw\\`grid-cols-12\\`\ntw\\`grid-cols-none\\`\n\ntw\\`grid-cols-[200px minmax(900px, 1fr) 100px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/grid-template-columns\n;({\n 1: 'repeat(1, minmax(0, 1fr))',\n 2: 'repeat(2, minmax(0, 1fr))',\n 3: 'repeat(3, minmax(0, 1fr))',\n 4: 'repeat(4, minmax(0, 1fr))',\n 5: 'repeat(5, minmax(0, 1fr))',\n 6: 'repeat(6, minmax(0, 1fr))',\n 7: 'repeat(7, minmax(0, 1fr))',\n 8: 'repeat(8, minmax(0, 1fr))',\n 9: 'repeat(9, minmax(0, 1fr))',\n 10: 'repeat(10, minmax(0, 1fr))',\n 11: 'repeat(11, minmax(0, 1fr))',\n 12: 'repeat(12, minmax(0, 1fr))',\n none: 'none',\n})\n;({\n gridTemplateColumns: 'repeat(1, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(3, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(4, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(5, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(6, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(7, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(8, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(9, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(10, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(11, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'repeat(12, minmax(0, 1fr))',\n})\n;({\n gridTemplateColumns: 'none',\n})\n;({\n gridTemplateColumns: '200px minmax(900px, 1fr) 100px',\n})\n\n\n`;\n\nexports[`twin.macro gridTemplateRows.tsx: gridTemplateRows.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/grid-template-rows\ntheme\\`gridTemplateRows\\`\n\ntw\\`grid-rows-1\\`\ntw\\`grid-rows-2\\`\ntw\\`grid-rows-3\\`\ntw\\`grid-rows-4\\`\ntw\\`grid-rows-5\\`\ntw\\`grid-rows-6\\`\ntw\\`grid-rows-none\\`\n\ntw\\`grid-rows-[200px minmax(900px, 1fr) 100px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/grid-template-rows\n;({\n 1: 'repeat(1, minmax(0, 1fr))',\n 2: 'repeat(2, minmax(0, 1fr))',\n 3: 'repeat(3, minmax(0, 1fr))',\n 4: 'repeat(4, minmax(0, 1fr))',\n 5: 'repeat(5, minmax(0, 1fr))',\n 6: 'repeat(6, minmax(0, 1fr))',\n none: 'none',\n})\n;({\n gridTemplateRows: 'repeat(1, minmax(0, 1fr))',\n})\n;({\n gridTemplateRows: 'repeat(2, minmax(0, 1fr))',\n})\n;({\n gridTemplateRows: 'repeat(3, minmax(0, 1fr))',\n})\n;({\n gridTemplateRows: 'repeat(4, minmax(0, 1fr))',\n})\n;({\n gridTemplateRows: 'repeat(5, minmax(0, 1fr))',\n})\n;({\n gridTemplateRows: 'repeat(6, minmax(0, 1fr))',\n})\n;({\n gridTemplateRows: 'none',\n})\n;({\n gridTemplateRows: '200px minmax(900px, 1fr) 100px',\n})\n\n\n`;\n\nexports[`twin.macro group.tsx: group.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Positional\ntw\\`group-first:block\\`\ntw\\`group-last:block\\`\ntw\\`group-only:block\\`\ntw\\`group-odd:block\\`\ntw\\`group-even:block\\`\ntw\\`group-first-of-type:block\\`\ntw\\`group-last-of-type:block\\`\ntw\\`group-only-of-type:block\\`\n\n// State\ntw\\`group-visited:block\\`\ntw\\`group-target:block\\`\ntw\\`group-open:block\\`\n\n// Forms\ntw\\`group-default:block\\`\ntw\\`group-checked:block\\`\ntw\\`group-indeterminate:block\\`\ntw\\`group-placeholder-shown:block\\`\ntw\\`group-autofill:block\\`\ntw\\`group-optional:block\\`\ntw\\`group-required:block\\`\ntw\\`group-valid:block\\`\ntw\\`group-invalid:block\\`\ntw\\`group-in-range:block\\`\ntw\\`group-out-of-range:block\\`\ntw\\`group-read-only:block\\`\n\n// Content\ntw\\`group-empty:block\\`\n\n// Interactive\ntw\\`group-focus-within:block\\`\ntw\\`group-hover:block\\`\ntw\\`group-focus:block\\`\ntw\\`group-focus-visible:block\\`\ntw\\`group-active:block\\`\ntw\\`group-enabled:block\\`\ntw\\`group-disabled:block\\`\n\n// Twin custom\ntw\\`group-all:block\\`\ntw\\`group-all-child:block\\`\ntw\\`group-sibling:block\\`\ntw\\`group-hocus:block\\`\ntw\\`group-link:block\\`\ntw\\`group-read-write:block\\`\ntw\\`group-svg:block\\`\ntw\\`group-even-of-type:block\\`\ntw\\`group-odd-of-type:block\\`\n\n// Not versions of the above\n\n// Positional\ntw\\`group-not-first:block\\`\ntw\\`group-not-last:block\\`\ntw\\`group-not-only:block\\`\ntw\\`group-not-odd:block\\`\ntw\\`group-not-even:block\\`\ntw\\`group-not-first-of-type:block\\`\ntw\\`group-not-last-of-type:block\\`\ntw\\`group-not-only-of-type:block\\`\n\n// State\ntw\\`group-not-target:block\\`\ntw\\`group-not-open:block\\`\n\n// Forms\ntw\\`group-not-default:block\\`\ntw\\`group-not-checked:block\\`\ntw\\`group-not-indeterminate:block\\`\ntw\\`group-not-placeholder-shown:block\\`\ntw\\`group-not-autofill:block\\`\ntw\\`group-not-optional:block\\`\ntw\\`group-not-required:block\\`\ntw\\`group-not-valid:block\\`\ntw\\`group-not-invalid:block\\`\ntw\\`group-not-in-range:block\\`\ntw\\`group-not-out-of-range:block\\`\ntw\\`group-not-read-only:block\\`\n\n// Content\ntw\\`group-not-empty:block\\`\n\n// Interactive\ntw\\`group-not-focus-within:block\\`\ntw\\`group-not-hover:block\\`\ntw\\`group-not-focus:block\\`\ntw\\`group-not-focus-visible:block\\`\ntw\\`group-not-active:block\\`\ntw\\`group-not-enabled:block\\`\ntw\\`group-not-disabled:block\\`\n\n// Twin custom\ntw\\`group-not-all:block\\`\ntw\\`group-not-all-child:block\\`\ntw\\`group-not-sibling:block\\`\ntw\\`group-not-hocus:block\\`\ntw\\`group-not-link:block\\`\ntw\\`group-not-read-write:block\\`\ntw\\`group-not-svg:block\\`\ntw\\`group-not-even-of-type:block\\`\ntw\\`group-not-odd-of-type:block\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// Positional\n;({\n '.group:first-child &': {\n display: 'block',\n },\n})\n;({\n '.group:last-child &': {\n display: 'block',\n },\n})\n;({\n '.group:only-child &': {\n display: 'block',\n },\n})\n;({\n '.group:nth-child(odd) &': {\n display: 'block',\n },\n})\n;({\n '.group:nth-child(even) &': {\n display: 'block',\n },\n})\n;({\n '.group:first-of-type &': {\n display: 'block',\n },\n})\n;({\n '.group:last-of-type &': {\n display: 'block',\n },\n})\n;({\n '.group:only-of-type &': {\n display: 'block',\n },\n}) // State\n\n;({\n '.group:visited &': {\n display: 'block',\n },\n})\n;({\n '.group:target &': {\n display: 'block',\n },\n})\n;({\n '.group[open] &': {\n display: 'block',\n },\n}) // Forms\n\n;({\n '.group:default &': {\n display: 'block',\n },\n})\n;({\n '.group:checked &': {\n display: 'block',\n },\n})\n;({\n '.group:indeterminate &': {\n display: 'block',\n },\n})\n;({\n '.group:placeholder-shown &': {\n display: 'block',\n },\n})\n;({\n '.group:autofill &': {\n display: 'block',\n },\n})\n;({\n '.group:optional &': {\n display: 'block',\n },\n})\n;({\n '.group:required &': {\n display: 'block',\n },\n})\n;({\n '.group:valid &': {\n display: 'block',\n },\n})\n;({\n '.group:invalid &': {\n display: 'block',\n },\n})\n;({\n '.group:in-range &': {\n display: 'block',\n },\n})\n;({\n '.group:out-of-range &': {\n display: 'block',\n },\n})\n;({\n '.group:read-only &': {\n display: 'block',\n },\n}) // Content\n\n;({\n '.group:empty &': {\n display: 'block',\n },\n}) // Interactive\n\n;({\n '.group:focus-within &': {\n display: 'block',\n },\n})\n;({\n '.group:hover &': {\n display: 'block',\n },\n})\n;({\n '.group:focus &': {\n display: 'block',\n },\n})\n;({\n '.group:focus-visible &': {\n display: 'block',\n },\n})\n;({\n '.group:active &': {\n display: 'block',\n },\n})\n;({\n '.group:enabled &': {\n display: 'block',\n },\n})\n;({\n '.group:disabled &': {\n display: 'block',\n },\n}) // Twin custom\n\n;({\n '.group * &': {\n display: 'block',\n },\n})\n;({\n '.group > * &': {\n display: 'block',\n },\n})\n;({\n '.group ~ * &': {\n display: 'block',\n },\n})\n;({\n '.group:hover &': {\n display: 'block',\n },\n '.group:focus &': {\n display: 'block',\n },\n})\n;({\n '.group:link &': {\n display: 'block',\n },\n})\n;({\n '.group:read-write &': {\n display: 'block',\n },\n})\n;({\n '.group svg &': {\n display: 'block',\n },\n})\n;({\n '.group:nth-of-type(even) &': {\n display: 'block',\n },\n})\n;({\n '.group:nth-of-type(odd) &': {\n display: 'block',\n },\n}) // Not versions of the above\n// Positional\n\n;({\n '.group:not(:first-child) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:last-child) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:only-child) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:nth-child(odd)) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:nth-child(even)) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:first-of-type) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:last-of-type) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:only-of-type) &': {\n display: 'block',\n },\n}) // State\n\n;({\n '.group:not(:target) &': {\n display: 'block',\n },\n})\n;({\n '.group:not([open]) &': {\n display: 'block',\n },\n}) // Forms\n\n;({\n '.group:not(:default) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:checked) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:indeterminate) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:placeholder-shown) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:autofill) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:optional) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:required) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:valid) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:invalid) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:in-range) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:out-of-range) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:read-only) &': {\n display: 'block',\n },\n}) // Content\n\n;({\n '.group:not(:empty) &': {\n display: 'block',\n },\n}) // Interactive\n\n;({\n '.group:not(:focus-within) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:hover) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:focus) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:focus-visible) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:active) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:enabled) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:disabled) &': {\n display: 'block',\n },\n}) // Twin custom\n\n;({\n '.group:not(*) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(> *) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(~ *) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:hover) &': {\n display: 'block',\n },\n '.group:not(:focus) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:link) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:read-write) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(svg) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:nth-of-type(even)) &': {\n display: 'block',\n },\n})\n;({\n '.group:not(:nth-of-type(odd)) &': {\n display: 'block',\n },\n})\n\n\n`;\n\nexports[`twin.macro height.tsx: height.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/height\ntheme\\`height\\`\n\ntw\\`h-0\\`\ntw\\`h-px\\`\ntw\\`h-0.5\\`\ntw\\`h-1\\`\ntw\\`h-1.5\\`\ntw\\`h-2\\`\ntw\\`h-2.5\\`\ntw\\`h-3\\`\ntw\\`h-3.5\\`\ntw\\`h-4\\`\ntw\\`h-5\\`\ntw\\`h-6\\`\ntw\\`h-7\\`\ntw\\`h-8\\`\ntw\\`h-9\\`\ntw\\`h-10\\`\ntw\\`h-11\\`\ntw\\`h-12\\`\ntw\\`h-14\\`\ntw\\`h-16\\`\ntw\\`h-20\\`\ntw\\`h-24\\`\ntw\\`h-28\\`\ntw\\`h-32\\`\ntw\\`h-36\\`\ntw\\`h-40\\`\ntw\\`h-44\\`\ntw\\`h-48\\`\ntw\\`h-52\\`\ntw\\`h-56\\`\ntw\\`h-60\\`\ntw\\`h-64\\`\ntw\\`h-72\\`\ntw\\`h-80\\`\ntw\\`h-96\\`\ntw\\`h-auto\\`\ntw\\`h-1/2\\`\ntw\\`h-1/3\\`\ntw\\`h-2/3\\`\ntw\\`h-1/4\\`\ntw\\`h-2/4\\`\ntw\\`h-3/4\\`\ntw\\`h-1/5\\`\ntw\\`h-2/5\\`\ntw\\`h-3/5\\`\ntw\\`h-4/5\\`\ntw\\`h-1/6\\`\ntw\\`h-2/6\\`\ntw\\`h-3/6\\`\ntw\\`h-4/6\\`\ntw\\`h-5/6\\`\ntw\\`h-full\\`\ntw\\`h-screen\\`\ntw\\`h-min\\`\ntw\\`h-max\\`\ntw\\`h-fit\\`\n\ntw\\`h-[32rem]\\`\ntw\\`h-[3.23rem]\\`\ntw\\`h-[calc(100%+1rem)]\\`\ntw\\`h-[var(--height)]\\`\n\ntw\\`h-[calc(100%-theme('spacing.16'))]\\`\ntw\\`h-[calc(100%-theme(\"spacing.16\"))]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/height\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n '1/5': '20%',\n '2/5': '40%',\n '3/5': '60%',\n '4/5': '80%',\n '1/6': '16.666667%',\n '2/6': '33.333333%',\n '3/6': '50%',\n '4/6': '66.666667%',\n '5/6': '83.333333%',\n full: '100%',\n screen: '100vh',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n})\n;({\n height: '0px',\n})\n;({\n height: '1px',\n})\n;({\n height: '0.125rem',\n})\n;({\n height: '0.25rem',\n})\n;({\n height: '0.375rem',\n})\n;({\n height: '0.5rem',\n})\n;({\n height: '0.625rem',\n})\n;({\n height: '0.75rem',\n})\n;({\n height: '0.875rem',\n})\n;({\n height: '1rem',\n})\n;({\n height: '1.25rem',\n})\n;({\n height: '1.5rem',\n})\n;({\n height: '1.75rem',\n})\n;({\n height: '2rem',\n})\n;({\n height: '2.25rem',\n})\n;({\n height: '2.5rem',\n})\n;({\n height: '2.75rem',\n})\n;({\n height: '3rem',\n})\n;({\n height: '3.5rem',\n})\n;({\n height: '4rem',\n})\n;({\n height: '5rem',\n})\n;({\n height: '6rem',\n})\n;({\n height: '7rem',\n})\n;({\n height: '8rem',\n})\n;({\n height: '9rem',\n})\n;({\n height: '10rem',\n})\n;({\n height: '11rem',\n})\n;({\n height: '12rem',\n})\n;({\n height: '13rem',\n})\n;({\n height: '14rem',\n})\n;({\n height: '15rem',\n})\n;({\n height: '16rem',\n})\n;({\n height: '18rem',\n})\n;({\n height: '20rem',\n})\n;({\n height: '24rem',\n})\n;({\n height: 'auto',\n})\n;({\n height: '50%',\n})\n;({\n height: '33.333333%',\n})\n;({\n height: '66.666667%',\n})\n;({\n height: '25%',\n})\n;({\n height: '50%',\n})\n;({\n height: '75%',\n})\n;({\n height: '20%',\n})\n;({\n height: '40%',\n})\n;({\n height: '60%',\n})\n;({\n height: '80%',\n})\n;({\n height: '16.666667%',\n})\n;({\n height: '33.333333%',\n})\n;({\n height: '50%',\n})\n;({\n height: '66.666667%',\n})\n;({\n height: '83.333333%',\n})\n;({\n height: '100%',\n})\n;({\n height: '100vh',\n})\n;({\n height: 'min-content',\n})\n;({\n height: 'max-content',\n})\n;({\n height: 'fit-content',\n})\n;({\n height: '32rem',\n})\n;({\n height: '3.23rem',\n})\n;({\n height: 'calc(100% + 1rem)',\n})\n;({\n height: 'var(--height)',\n})\n;({\n height: 'calc(100% - 4rem)',\n})\n;({\n height: 'calc(100% - 4rem)',\n})\n\n\n`;\n\nexports[`twin.macro hueRotate.tsx: hueRotate.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/hue-rotate\ntheme\\`hueRotate\\`\n\ntw\\`hue-rotate-0\\`\ntw\\`hue-rotate-15\\`\ntw\\`hue-rotate-30\\`\ntw\\`hue-rotate-60\\`\ntw\\`hue-rotate-90\\`\ntw\\`hue-rotate-180\\`\ntw\\`-hue-rotate-0\\`\ntw\\`-hue-rotate-15\\`\ntw\\`-hue-rotate-30\\`\ntw\\`-hue-rotate-60\\`\ntw\\`-hue-rotate-90\\`\ntw\\`-hue-rotate-180\\`\n\ntw\\`hue-rotate-[270deg]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/hue-rotate\n;({\n 0: '0deg',\n 15: '15deg',\n 30: '30deg',\n 60: '60deg',\n 90: '90deg',\n 180: '180deg',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(0deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(15deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(30deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(60deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(90deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(180deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(-0deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(-15deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(-30deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(-60deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(-90deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(-180deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-hue-rotate': 'hue-rotate(270deg)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro hyphens.tsx: hyphens.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/hyphens\ntw\\`hyphens-none\\`\ntw\\`hyphens-manual\\`\ntw\\`hyphens-auto\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/hyphens\n;({\n hyphens: 'none',\n})\n;({\n hyphens: 'manual',\n})\n;({\n hyphens: 'auto',\n})\n\n\n`;\n\nexports[`twin.macro includeClassNames.tsx: includeClassNames.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\nconst SkipEmptyClassName =
    \nconst OnlyUppercaseConverted =
    \nconst AllConverted =
    \nconst SkippedCurlies =
    \nconst SkippedConditionals =
    \nconst SkippedGroup =
    \n\n// css + className\nconst CssPropFirst = (\n \n)\nconst CssPropLast = (\n \n)\n\n// tw + className\nconst TwPropFirst =
    \nconst TwPropLast =
    \n\n// tw + css + className\nconst TwThenCssThenClassName = (\n \n)\nconst TwThenClassNameThenCss = (\n \n)\nconst ClassNameThenTwThenCss = (\n \n)\nconst ClassNameThenCssThenTw = (\n \n)\nconst CssThenClassNameThenTw = (\n \n)\nconst CssThenTwThenClassName = (\n \n)\n\n// styled + everything\nconst Button = tw.div\\`\\`\n\nconst StyledTwThenCssThenClassName = (\n \n)\nconst StyledTwThenClassNameThenCss = (\n \n)\nconst StyledClassNameThenTwThenCss = (\n \n)\nconst StyledClassNameThenCssThenTw = (\n \n)\nconst StyledCssThenClassNameThenTw = (\n \n)\nconst StyledCssThenTwThenClassName = (\n \n)\n// All four css props\nconst TwThenClassNameThenCsThenCss = (\n \n)\nconst TwThenClassNameThenCssThenCs = (\n \n)\nconst TwThenCssThenClassNameThenCs = (\n \n)\nconst CssThenTwThenClassNameThenCs = (\n \n)\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport _styled from '@emotion/styled'\nconst SkipEmptyClassName =
    \nconst OnlyUppercaseConverted = (\n \n)\nconst AllConverted = (\n \n)\nconst SkippedCurlies =
    \nconst SkippedConditionals =
    \nconst SkippedGroup =
    // css + className\n\nconst CssPropFirst = (\n \n)\nconst CssPropLast = (\n \n) // tw + className\n\nconst TwPropFirst = (\n \n)\nconst TwPropLast = (\n \n) // tw + css + className\n\nconst TwThenCssThenClassName = (\n \n)\nconst TwThenClassNameThenCss = (\n \n)\nconst ClassNameThenTwThenCss = (\n \n)\nconst ClassNameThenCssThenTw = (\n \n)\nconst CssThenClassNameThenTw = (\n \n)\nconst CssThenTwThenClassName = (\n \n) // styled + everything\n\nconst Button = _styled.div({})\n\nconst StyledTwThenCssThenClassName = (\n \n)\nconst StyledTwThenClassNameThenCss = (\n \n)\nconst StyledClassNameThenTwThenCss = (\n \n)\nconst StyledClassNameThenCssThenTw = (\n \n)\nconst StyledCssThenClassNameThenTw = (\n \n)\nconst StyledCssThenTwThenClassName = (\n \n) // All four css props\n\nconst TwThenClassNameThenCsThenCss = (\n \n)\nconst TwThenClassNameThenCssThenCs = (\n \n)\nconst TwThenCssThenClassNameThenCs = (\n \n)\nconst CssThenTwThenClassNameThenCs = (\n \n)\n\n\n`;\n\nexports[`twin.macro invert.tsx: invert.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/invert\ntheme\\`invert.\\`\n\ntw\\`invert-0\\`\ntw\\`invert\\`\n\ntw\\`invert-[.25]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/invert\n;({\n 0: '0',\n DEFAULT: '100%',\n})\n;({\n '--tw-invert': 'invert(0)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-invert': 'invert(100%)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-invert': 'invert(.25)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro isolation.tsx: isolation.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/isolation\ntw\\`isolate\\`\ntw\\`isolation-auto\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/isolation\n;({\n isolation: 'isolate',\n})\n;({\n isolation: 'auto',\n})\n\n\n`;\n\nexports[`twin.macro justifyContent.tsx: justifyContent.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/justify-content\ntw\\`justify-start\\`\ntw\\`justify-end\\`\ntw\\`justify-center\\`\ntw\\`justify-between\\`\ntw\\`justify-around\\`\ntw\\`justify-evenly\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/justify-content\n;({\n justifyContent: 'flex-start',\n})\n;({\n justifyContent: 'flex-end',\n})\n;({\n justifyContent: 'center',\n})\n;({\n justifyContent: 'space-between',\n})\n;({\n justifyContent: 'space-around',\n})\n;({\n justifyContent: 'space-evenly',\n})\n\n\n`;\n\nexports[`twin.macro justifyItems.tsx: justifyItems.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/justify-items\ntw\\`justify-items-start\\`\ntw\\`justify-items-end\\`\ntw\\`justify-items-center\\`\ntw\\`justify-items-stretch\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/justify-items\n;({\n justifyItems: 'start',\n})\n;({\n justifyItems: 'end',\n})\n;({\n justifyItems: 'center',\n})\n;({\n justifyItems: 'stretch',\n})\n\n\n`;\n\nexports[`twin.macro justifySelf.tsx: justifySelf.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/justify-self\ntw\\`justify-self-auto\\`\ntw\\`justify-self-start\\`\ntw\\`justify-self-end\\`\ntw\\`justify-self-center\\`\ntw\\`justify-self-stretch\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/justify-self\n;({\n justifySelf: 'auto',\n})\n;({\n justifySelf: 'start',\n})\n;({\n justifySelf: 'end',\n})\n;({\n justifySelf: 'center',\n})\n;({\n justifySelf: 'stretch',\n})\n\n\n`;\n\nexports[`twin.macro letterSpacing.tsx: letterSpacing.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/letter-spacing\ntheme\\`letterSpacing\\`\n\ntw\\`tracking-tighter\\`\ntw\\`tracking-tight\\`\ntw\\`tracking-normal\\`\ntw\\`tracking-wide\\`\ntw\\`tracking-wider\\`\ntw\\`tracking-widest\\`\n\ntw\\`-tracking-tighter\\`\ntw\\`-tracking-tight\\`\ntw\\`-tracking-normal\\`\ntw\\`-tracking-wide\\`\ntw\\`-tracking-wider\\`\ntw\\`-tracking-widest\\`\n\ntw\\`-tracking-[var(--tracking)]\\`\ntw\\`tracking-[var(--tracking)]\\`\ntw\\`-tracking-[2em]\\`\ntw\\`tracking-[.25em]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/letter-spacing\n;({\n tighter: '-0.05em',\n tight: '-0.025em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n})\n;({\n letterSpacing: '-0.05em',\n})\n;({\n letterSpacing: '-0.025em',\n})\n;({\n letterSpacing: '0em',\n})\n;({\n letterSpacing: '0.025em',\n})\n;({\n letterSpacing: '0.05em',\n})\n;({\n letterSpacing: '0.1em',\n})\n;({\n letterSpacing: '0.05em',\n})\n;({\n letterSpacing: '0.025em',\n})\n;({\n letterSpacing: '-0em',\n})\n;({\n letterSpacing: '-0.025em',\n})\n;({\n letterSpacing: '-0.05em',\n})\n;({\n letterSpacing: '-0.1em',\n})\n;({\n letterSpacing: 'calc(var(--tracking) * -1)',\n})\n;({\n letterSpacing: 'var(--tracking)',\n})\n;({\n letterSpacing: '-2em',\n})\n;({\n letterSpacing: '.25em',\n})\n\n\n`;\n\nexports[`twin.macro lineClamp.tsx: lineClamp.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`line-clamp-1\\`\ntw\\`line-clamp-2\\`\ntw\\`line-clamp-3\\`\ntw\\`line-clamp-4\\`\ntw\\`line-clamp-5\\`\ntw\\`line-clamp-6\\`\ntw\\`line-clamp-none\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n overflow: 'hidden',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: '1',\n})\n;({\n overflow: 'hidden',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: '2',\n})\n;({\n overflow: 'hidden',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: '3',\n})\n;({\n overflow: 'hidden',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: '4',\n})\n;({\n overflow: 'hidden',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: '5',\n})\n;({\n overflow: 'hidden',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: '6',\n})\n;({\n overflow: 'visible',\n display: 'block',\n WebkitBoxOrient: 'horizontal',\n WebkitLineClamp: 'none',\n})\n\n\n`;\n\nexports[`twin.macro lineHeight.tsx: lineHeight.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/line-height\ntheme\\`lineHeight\\`\n\ntw\\`leading-3\\`\ntw\\`leading-4\\`\ntw\\`leading-5\\`\ntw\\`leading-6\\`\ntw\\`leading-7\\`\ntw\\`leading-8\\`\ntw\\`leading-9\\`\ntw\\`leading-10\\`\ntw\\`leading-none\\`\ntw\\`leading-tight\\`\ntw\\`leading-snug\\`\ntw\\`leading-normal\\`\ntw\\`leading-relaxed\\`\ntw\\`leading-loose\\`\n\ntw\\`leading-[3rem]\\`\ntw\\`leading-[var(--leading)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/line-height\n;({\n 3: '.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n none: '1',\n tight: '1.25',\n snug: '1.375',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n})\n;({\n lineHeight: '.75rem',\n})\n;({\n lineHeight: '1rem',\n})\n;({\n lineHeight: '1.25rem',\n})\n;({\n lineHeight: '1.5rem',\n})\n;({\n lineHeight: '1.75rem',\n})\n;({\n lineHeight: '2rem',\n})\n;({\n lineHeight: '2.25rem',\n})\n;({\n lineHeight: '2.5rem',\n})\n;({\n lineHeight: '1',\n})\n;({\n lineHeight: '1.25',\n})\n;({\n lineHeight: '1.375',\n})\n;({\n lineHeight: '1.5',\n})\n;({\n lineHeight: '1.625',\n})\n;({\n lineHeight: '2',\n})\n;({\n lineHeight: '3rem',\n})\n;({\n lineHeight: 'var(--leading)',\n})\n\n\n`;\n\nexports[`twin.macro listStyleImage.tsx: listStyleImage.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/list-style-image\ntw\\`list-image-none\\`\ntw\\`list-image-[url(checkmark.png)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/list-style-image\n;({\n listStyleImage: 'none',\n})\n;({\n listStyleImage: 'url(checkmark.png)',\n})\n\n\n`;\n\nexports[`twin.macro listStylePosition.tsx: listStylePosition.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/list-style-position\ntw\\`list-inside\\`\ntw\\`list-outside\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/list-style-position\n;({\n listStylePosition: 'inside',\n})\n;({\n listStylePosition: 'outside',\n})\n\n\n`;\n\nexports[`twin.macro listStyleType.tsx: listStyleType.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/list-style-type\ntheme\\`listStyleType\\`\n\ntw\\`list-none\\`\ntw\\`list-disc\\`\ntw\\`list-decimal\\`\n\ntw\\`list-[upper-roman]\\`\ntw\\`list-['1F44D']\\`\ntw\\`list-[var(--value)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/list-style-type\n;({\n none: 'none',\n disc: 'disc',\n decimal: 'decimal',\n})\n;({\n listStyleType: 'none',\n})\n;({\n listStyleType: 'disc',\n})\n;({\n listStyleType: 'decimal',\n})\n;({\n listStyleType: 'upper-roman',\n})\n;({\n listStyleType: \"'1F44D'\",\n})\n;({\n listStyleType: 'var(--value)',\n})\n\n\n`;\n\nexports[`twin.macro margin.tsx: margin.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/margin\ntheme\\`margin\\`\n\ntw\\`m-0\\`\ntw\\`m-px\\`\ntw\\`m-0.5\\`\ntw\\`m-1\\`\ntw\\`m-1.5\\`\ntw\\`m-2\\`\ntw\\`m-2.5\\`\ntw\\`m-3\\`\ntw\\`m-3.5\\`\ntw\\`m-4\\`\ntw\\`m-5\\`\ntw\\`m-6\\`\ntw\\`m-7\\`\ntw\\`m-8\\`\ntw\\`m-9\\`\ntw\\`m-10\\`\ntw\\`m-11\\`\ntw\\`m-12\\`\ntw\\`m-14\\`\ntw\\`m-16\\`\ntw\\`m-20\\`\ntw\\`m-24\\`\ntw\\`m-28\\`\ntw\\`m-32\\`\ntw\\`m-36\\`\ntw\\`m-40\\`\ntw\\`m-44\\`\ntw\\`m-48\\`\ntw\\`m-52\\`\ntw\\`m-56\\`\ntw\\`m-60\\`\ntw\\`m-64\\`\ntw\\`m-72\\`\ntw\\`m-80\\`\ntw\\`m-96\\`\ntw\\`m-auto\\`\ntw\\`-m-0\\`\ntw\\`-m-px\\`\ntw\\`-m-0.5\\`\ntw\\`-m-1\\`\ntw\\`-m-1.5\\`\ntw\\`-m-2\\`\ntw\\`-m-2.5\\`\ntw\\`-m-3\\`\ntw\\`-m-3.5\\`\ntw\\`-m-4\\`\ntw\\`-m-5\\`\ntw\\`-m-6\\`\ntw\\`-m-7\\`\ntw\\`-m-8\\`\ntw\\`-m-9\\`\ntw\\`-m-10\\`\ntw\\`-m-11\\`\ntw\\`-m-12\\`\ntw\\`-m-14\\`\ntw\\`-m-16\\`\ntw\\`-m-20\\`\ntw\\`-m-24\\`\ntw\\`-m-28\\`\ntw\\`-m-32\\`\ntw\\`-m-36\\`\ntw\\`-m-40\\`\ntw\\`-m-44\\`\ntw\\`-m-48\\`\ntw\\`-m-52\\`\ntw\\`-m-56\\`\ntw\\`-m-60\\`\ntw\\`-m-64\\`\ntw\\`-m-72\\`\ntw\\`-m-80\\`\ntw\\`-m-96\\`\ntw\\`my-0\\`\ntw\\`my-px\\`\ntw\\`my-0.5\\`\ntw\\`my-1\\`\ntw\\`my-1.5\\`\ntw\\`my-2\\`\ntw\\`my-2.5\\`\ntw\\`my-3\\`\ntw\\`my-3.5\\`\ntw\\`my-4\\`\ntw\\`my-5\\`\ntw\\`my-6\\`\ntw\\`my-7\\`\ntw\\`my-8\\`\ntw\\`my-9\\`\ntw\\`my-10\\`\ntw\\`my-11\\`\ntw\\`my-12\\`\ntw\\`my-14\\`\ntw\\`my-16\\`\ntw\\`my-20\\`\ntw\\`my-24\\`\ntw\\`my-28\\`\ntw\\`my-32\\`\ntw\\`my-36\\`\ntw\\`my-40\\`\ntw\\`my-44\\`\ntw\\`my-48\\`\ntw\\`my-52\\`\ntw\\`my-56\\`\ntw\\`my-60\\`\ntw\\`my-64\\`\ntw\\`my-72\\`\ntw\\`my-80\\`\ntw\\`my-96\\`\ntw\\`my-auto\\`\ntw\\`-my-0\\`\ntw\\`-my-px\\`\ntw\\`-my-0.5\\`\ntw\\`-my-1\\`\ntw\\`-my-1.5\\`\ntw\\`-my-2\\`\ntw\\`-my-2.5\\`\ntw\\`-my-3\\`\ntw\\`-my-3.5\\`\ntw\\`-my-4\\`\ntw\\`-my-5\\`\ntw\\`-my-6\\`\ntw\\`-my-7\\`\ntw\\`-my-8\\`\ntw\\`-my-9\\`\ntw\\`-my-10\\`\ntw\\`-my-11\\`\ntw\\`-my-12\\`\ntw\\`-my-14\\`\ntw\\`-my-16\\`\ntw\\`-my-20\\`\ntw\\`-my-24\\`\ntw\\`-my-28\\`\ntw\\`-my-32\\`\ntw\\`-my-36\\`\ntw\\`-my-40\\`\ntw\\`-my-44\\`\ntw\\`-my-48\\`\ntw\\`-my-52\\`\ntw\\`-my-56\\`\ntw\\`-my-60\\`\ntw\\`-my-64\\`\ntw\\`-my-72\\`\ntw\\`-my-80\\`\ntw\\`-my-96\\`\ntw\\`mx-0\\`\ntw\\`mx-px\\`\ntw\\`mx-0.5\\`\ntw\\`mx-1\\`\ntw\\`mx-1.5\\`\ntw\\`mx-2\\`\ntw\\`mx-2.5\\`\ntw\\`mx-3\\`\ntw\\`mx-3.5\\`\ntw\\`mx-4\\`\ntw\\`mx-5\\`\ntw\\`mx-6\\`\ntw\\`mx-7\\`\ntw\\`mx-8\\`\ntw\\`mx-9\\`\ntw\\`mx-10\\`\ntw\\`mx-12\\`\ntw\\`mx-14\\`\ntw\\`mx-16\\`\ntw\\`mx-20\\`\ntw\\`mx-24\\`\ntw\\`mx-28\\`\ntw\\`mx-32\\`\ntw\\`mx-36\\`\ntw\\`mx-40\\`\ntw\\`mx-44\\`\ntw\\`mx-48\\`\ntw\\`mx-52\\`\ntw\\`mx-56\\`\ntw\\`mx-60\\`\ntw\\`mx-64\\`\ntw\\`mx-72\\`\ntw\\`mx-80\\`\ntw\\`mx-auto\\`\ntw\\`-mx-0\\`\ntw\\`-mx-px\\`\ntw\\`-mx-0.5\\`\ntw\\`-mx-1\\`\ntw\\`-mx-1.5\\`\ntw\\`-mx-2\\`\ntw\\`-mx-2.5\\`\ntw\\`-mx-3\\`\ntw\\`-mx-3.5\\`\ntw\\`-mx-4\\`\ntw\\`-mx-5\\`\ntw\\`-mx-6\\`\ntw\\`-mx-7\\`\ntw\\`-mx-8\\`\ntw\\`-mx-9\\`\ntw\\`-mx-10\\`\ntw\\`-mx-11\\`\ntw\\`-mx-12\\`\ntw\\`-mx-14\\`\ntw\\`-mx-16\\`\ntw\\`-mx-20\\`\ntw\\`-mx-24\\`\ntw\\`-mx-28\\`\ntw\\`-mx-32\\`\ntw\\`-mx-36\\`\ntw\\`-mx-40\\`\ntw\\`-mx-44\\`\ntw\\`-mx-48\\`\ntw\\`-mx-52\\`\ntw\\`-mx-56\\`\ntw\\`-mx-60\\`\ntw\\`-mx-64\\`\ntw\\`-mx-72\\`\ntw\\`-mx-80\\`\ntw\\`-mx-96\\`\ntw\\`mt-0\\`\ntw\\`mt-px\\`\ntw\\`mt-0.5\\`\ntw\\`mt-1\\`\ntw\\`mt-1.5\\`\ntw\\`mt-2\\`\ntw\\`mt-2.5\\`\ntw\\`mt-3\\`\ntw\\`mt-3.5\\`\ntw\\`mt-4\\`\ntw\\`mt-5\\`\ntw\\`mt-6\\`\ntw\\`mt-7\\`\ntw\\`mt-8\\`\ntw\\`mt-9\\`\ntw\\`mt-10\\`\ntw\\`mt-11\\`\ntw\\`mt-12\\`\ntw\\`mt-14\\`\ntw\\`mt-16\\`\ntw\\`mt-20\\`\ntw\\`mt-24\\`\ntw\\`mt-28\\`\ntw\\`mt-32\\`\ntw\\`mt-36\\`\ntw\\`mt-40\\`\ntw\\`mt-44\\`\ntw\\`mt-48\\`\ntw\\`mt-52\\`\ntw\\`mt-56\\`\ntw\\`mt-60\\`\ntw\\`mt-64\\`\ntw\\`mt-72\\`\ntw\\`mt-80\\`\ntw\\`mt-96\\`\ntw\\`mt-auto\\`\ntw\\`-mt-0\\`\ntw\\`-mt-px\\`\ntw\\`-mt-0.5\\`\ntw\\`-mt-1\\`\ntw\\`-mt-1.5\\`\ntw\\`-mt-2\\`\ntw\\`-mt-2.5\\`\ntw\\`-mt-3\\`\ntw\\`-mt-3.5\\`\ntw\\`-mt-4\\`\ntw\\`-mt-5\\`\ntw\\`-mt-6\\`\ntw\\`-mt-7\\`\ntw\\`-mt-8\\`\ntw\\`-mt-9\\`\ntw\\`-mt-10\\`\ntw\\`-mt-11\\`\ntw\\`-mt-12\\`\ntw\\`-mt-14\\`\ntw\\`-mt-16\\`\ntw\\`-mt-20\\`\ntw\\`-mt-24\\`\ntw\\`-mt-28\\`\ntw\\`-mt-32\\`\ntw\\`-mt-36\\`\ntw\\`-mt-40\\`\ntw\\`-mt-44\\`\ntw\\`-mt-48\\`\ntw\\`-mt-52\\`\ntw\\`-mt-56\\`\ntw\\`-mt-60\\`\ntw\\`-mt-64\\`\ntw\\`-mt-72\\`\ntw\\`-mt-80\\`\ntw\\`-mt-96\\`\ntw\\`mr-0\\`\ntw\\`mr-px\\`\ntw\\`mr-0.5\\`\ntw\\`mr-1\\`\ntw\\`mr-1.5\\`\ntw\\`mr-2\\`\ntw\\`mr-2.5\\`\ntw\\`mr-3\\`\ntw\\`mr-3.5\\`\ntw\\`mr-4\\`\ntw\\`mr-5\\`\ntw\\`mr-6\\`\ntw\\`mr-7\\`\ntw\\`mr-8\\`\ntw\\`mr-9\\`\ntw\\`mr-10\\`\ntw\\`mr-11\\`\ntw\\`mr-12\\`\ntw\\`mr-14\\`\ntw\\`mr-16\\`\ntw\\`mr-20\\`\ntw\\`mr-24\\`\ntw\\`mr-28\\`\ntw\\`mr-32\\`\ntw\\`mr-36\\`\ntw\\`mr-40\\`\ntw\\`mr-44\\`\ntw\\`mr-48\\`\ntw\\`mr-52\\`\ntw\\`mr-56\\`\ntw\\`mr-60\\`\ntw\\`mr-64\\`\ntw\\`mr-72\\`\ntw\\`mr-80\\`\ntw\\`mr-96\\`\ntw\\`mr-auto\\`\ntw\\`-mr-0\\`\ntw\\`-mr-px\\`\ntw\\`-mr-0.5\\`\ntw\\`-mr-1\\`\ntw\\`-mr-1.5\\`\ntw\\`-mr-2\\`\ntw\\`-mr-2.5\\`\ntw\\`-mr-3\\`\ntw\\`-mr-3.5\\`\ntw\\`-mr-4\\`\ntw\\`-mr-5\\`\ntw\\`-mr-6\\`\ntw\\`-mr-7\\`\ntw\\`-mr-8\\`\ntw\\`-mr-9\\`\ntw\\`-mr-10\\`\ntw\\`-mr-11\\`\ntw\\`-mr-12\\`\ntw\\`-mr-14\\`\ntw\\`-mr-16\\`\ntw\\`-mr-20\\`\ntw\\`-mr-24\\`\ntw\\`-mr-28\\`\ntw\\`-mr-32\\`\ntw\\`-mr-36\\`\ntw\\`-mr-40\\`\ntw\\`-mr-44\\`\ntw\\`-mr-48\\`\ntw\\`-mr-52\\`\ntw\\`-mr-56\\`\ntw\\`-mr-60\\`\ntw\\`-mr-64\\`\ntw\\`-mr-72\\`\ntw\\`-mr-80\\`\ntw\\`-mr-96\\`\ntw\\`mb-0\\`\ntw\\`mb-px\\`\ntw\\`mb-0.5\\`\ntw\\`mb-1\\`\ntw\\`mb-1.5\\`\ntw\\`mb-2\\`\ntw\\`mb-2.5\\`\ntw\\`mb-3\\`\ntw\\`mb-3.5\\`\ntw\\`mb-4\\`\ntw\\`mb-5\\`\ntw\\`mb-6\\`\ntw\\`mb-7\\`\ntw\\`mb-8\\`\ntw\\`mb-9\\`\ntw\\`mb-10\\`\ntw\\`mb-11\\`\ntw\\`mb-12\\`\ntw\\`mb-14\\`\ntw\\`mb-16\\`\ntw\\`mb-20\\`\ntw\\`mb-24\\`\ntw\\`mb-28\\`\ntw\\`mb-32\\`\ntw\\`mb-36\\`\ntw\\`mb-40\\`\ntw\\`mb-44\\`\ntw\\`mb-48\\`\ntw\\`mb-52\\`\ntw\\`mb-56\\`\ntw\\`mb-60\\`\ntw\\`mb-64\\`\ntw\\`mb-72\\`\ntw\\`mb-80\\`\ntw\\`mb-96\\`\ntw\\`mb-auto\\`\ntw\\`-mb-0\\`\ntw\\`-mb-px\\`\ntw\\`-mb-0.5\\`\ntw\\`-mb-1\\`\ntw\\`-mb-1.5\\`\ntw\\`-mb-2\\`\ntw\\`-mb-2.5\\`\ntw\\`-mb-3\\`\ntw\\`-mb-3.5\\`\ntw\\`-mb-4\\`\ntw\\`-mb-5\\`\ntw\\`-mb-6\\`\ntw\\`-mb-7\\`\ntw\\`-mb-8\\`\ntw\\`-mb-9\\`\ntw\\`-mb-10\\`\ntw\\`-mb-11\\`\ntw\\`-mb-12\\`\ntw\\`-mb-14\\`\ntw\\`-mb-16\\`\ntw\\`-mb-20\\`\ntw\\`-mb-24\\`\ntw\\`-mb-28\\`\ntw\\`-mb-32\\`\ntw\\`-mb-36\\`\ntw\\`-mb-40\\`\ntw\\`-mb-44\\`\ntw\\`-mb-48\\`\ntw\\`-mb-52\\`\ntw\\`-mb-56\\`\ntw\\`-mb-60\\`\ntw\\`-mb-64\\`\ntw\\`-mb-72\\`\ntw\\`-mb-80\\`\ntw\\`-mb-96\\`\ntw\\`ml-0\\`\ntw\\`ml-px\\`\ntw\\`ml-0.5\\`\ntw\\`ml-1\\`\ntw\\`ml-1.5\\`\ntw\\`ml-2\\`\ntw\\`ml-2.5\\`\ntw\\`ml-3\\`\ntw\\`ml-3.5\\`\ntw\\`ml-4\\`\ntw\\`ml-5\\`\ntw\\`ml-6\\`\ntw\\`ml-7\\`\ntw\\`ml-8\\`\ntw\\`ml-9\\`\ntw\\`ml-10\\`\ntw\\`ml-11\\`\ntw\\`ml-12\\`\ntw\\`ml-14\\`\ntw\\`ml-16\\`\ntw\\`ml-20\\`\ntw\\`ml-24\\`\ntw\\`ml-28\\`\ntw\\`ml-32\\`\ntw\\`ml-36\\`\ntw\\`ml-40\\`\ntw\\`ml-44\\`\ntw\\`ml-48\\`\ntw\\`ml-52\\`\ntw\\`ml-56\\`\ntw\\`ml-60\\`\ntw\\`ml-64\\`\ntw\\`ml-72\\`\ntw\\`ml-80\\`\ntw\\`ml-96\\`\ntw\\`ml-auto\\`\ntw\\`-ml-0\\`\ntw\\`-ml-px\\`\ntw\\`-ml-0.5\\`\ntw\\`-ml-1\\`\ntw\\`-ml-1.5\\`\ntw\\`-ml-2\\`\ntw\\`-ml-2.5\\`\ntw\\`-ml-3\\`\ntw\\`-ml-3.5\\`\ntw\\`-ml-4\\`\ntw\\`-ml-5\\`\ntw\\`-ml-6\\`\ntw\\`-ml-7\\`\ntw\\`-ml-8\\`\ntw\\`-ml-9\\`\ntw\\`-ml-10\\`\ntw\\`-ml-11\\`\ntw\\`-ml-12\\`\ntw\\`-ml-14\\`\ntw\\`-ml-16\\`\ntw\\`-ml-20\\`\ntw\\`-ml-24\\`\ntw\\`-ml-28\\`\ntw\\`-ml-32\\`\ntw\\`-ml-36\\`\ntw\\`-ml-40\\`\ntw\\`-ml-44\\`\ntw\\`-ml-48\\`\ntw\\`-ml-52\\`\ntw\\`-ml-56\\`\ntw\\`-ml-60\\`\ntw\\`-ml-64\\`\ntw\\`-ml-72\\`\ntw\\`-ml-80\\`\ntw\\`-ml-96\\`\n\ntw\\`m-[5px]\\`\ntw\\`mt-[5px]\\`\ntw\\`ml-[5px]\\`\ntw\\`mr-[5px]\\`\ntw\\`mb-[5px]\\`\ntw\\`-m-[5px]\\`\ntw\\`-mt-[5px]\\`\ntw\\`-ml-[5px]\\`\ntw\\`-mr-[5px]\\`\ntw\\`-mb-[5px]\\`\n\ntw\\`mt-[clamp(30px,100px)]\\`\n\ntw\\`!-mt-4\\`\n\ntw\\`mt-6 mx-1 ms-4 me-8\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/margin\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n})\n;({\n margin: '0px',\n})\n;({\n margin: '1px',\n})\n;({\n margin: '0.125rem',\n})\n;({\n margin: '0.25rem',\n})\n;({\n margin: '0.375rem',\n})\n;({\n margin: '0.5rem',\n})\n;({\n margin: '0.625rem',\n})\n;({\n margin: '0.75rem',\n})\n;({\n margin: '0.875rem',\n})\n;({\n margin: '1rem',\n})\n;({\n margin: '1.25rem',\n})\n;({\n margin: '1.5rem',\n})\n;({\n margin: '1.75rem',\n})\n;({\n margin: '2rem',\n})\n;({\n margin: '2.25rem',\n})\n;({\n margin: '2.5rem',\n})\n;({\n margin: '2.75rem',\n})\n;({\n margin: '3rem',\n})\n;({\n margin: '3.5rem',\n})\n;({\n margin: '4rem',\n})\n;({\n margin: '5rem',\n})\n;({\n margin: '6rem',\n})\n;({\n margin: '7rem',\n})\n;({\n margin: '8rem',\n})\n;({\n margin: '9rem',\n})\n;({\n margin: '10rem',\n})\n;({\n margin: '11rem',\n})\n;({\n margin: '12rem',\n})\n;({\n margin: '13rem',\n})\n;({\n margin: '14rem',\n})\n;({\n margin: '15rem',\n})\n;({\n margin: '16rem',\n})\n;({\n margin: '18rem',\n})\n;({\n margin: '20rem',\n})\n;({\n margin: '24rem',\n})\n;({\n margin: 'auto',\n})\n;({\n margin: '-0px',\n})\n;({\n margin: '-1px',\n})\n;({\n margin: '-0.125rem',\n})\n;({\n margin: '-0.25rem',\n})\n;({\n margin: '-0.375rem',\n})\n;({\n margin: '-0.5rem',\n})\n;({\n margin: '-0.625rem',\n})\n;({\n margin: '-0.75rem',\n})\n;({\n margin: '-0.875rem',\n})\n;({\n margin: '-1rem',\n})\n;({\n margin: '-1.25rem',\n})\n;({\n margin: '-1.5rem',\n})\n;({\n margin: '-1.75rem',\n})\n;({\n margin: '-2rem',\n})\n;({\n margin: '-2.25rem',\n})\n;({\n margin: '-2.5rem',\n})\n;({\n margin: '-2.75rem',\n})\n;({\n margin: '-3rem',\n})\n;({\n margin: '-3.5rem',\n})\n;({\n margin: '-4rem',\n})\n;({\n margin: '-5rem',\n})\n;({\n margin: '-6rem',\n})\n;({\n margin: '-7rem',\n})\n;({\n margin: '-8rem',\n})\n;({\n margin: '-9rem',\n})\n;({\n margin: '-10rem',\n})\n;({\n margin: '-11rem',\n})\n;({\n margin: '-12rem',\n})\n;({\n margin: '-13rem',\n})\n;({\n margin: '-14rem',\n})\n;({\n margin: '-15rem',\n})\n;({\n margin: '-16rem',\n})\n;({\n margin: '-18rem',\n})\n;({\n margin: '-20rem',\n})\n;({\n margin: '-24rem',\n})\n;({\n marginTop: '0px',\n marginBottom: '0px',\n})\n;({\n marginTop: '1px',\n marginBottom: '1px',\n})\n;({\n marginTop: '0.125rem',\n marginBottom: '0.125rem',\n})\n;({\n marginTop: '0.25rem',\n marginBottom: '0.25rem',\n})\n;({\n marginTop: '0.375rem',\n marginBottom: '0.375rem',\n})\n;({\n marginTop: '0.5rem',\n marginBottom: '0.5rem',\n})\n;({\n marginTop: '0.625rem',\n marginBottom: '0.625rem',\n})\n;({\n marginTop: '0.75rem',\n marginBottom: '0.75rem',\n})\n;({\n marginTop: '0.875rem',\n marginBottom: '0.875rem',\n})\n;({\n marginTop: '1rem',\n marginBottom: '1rem',\n})\n;({\n marginTop: '1.25rem',\n marginBottom: '1.25rem',\n})\n;({\n marginTop: '1.5rem',\n marginBottom: '1.5rem',\n})\n;({\n marginTop: '1.75rem',\n marginBottom: '1.75rem',\n})\n;({\n marginTop: '2rem',\n marginBottom: '2rem',\n})\n;({\n marginTop: '2.25rem',\n marginBottom: '2.25rem',\n})\n;({\n marginTop: '2.5rem',\n marginBottom: '2.5rem',\n})\n;({\n marginTop: '2.75rem',\n marginBottom: '2.75rem',\n})\n;({\n marginTop: '3rem',\n marginBottom: '3rem',\n})\n;({\n marginTop: '3.5rem',\n marginBottom: '3.5rem',\n})\n;({\n marginTop: '4rem',\n marginBottom: '4rem',\n})\n;({\n marginTop: '5rem',\n marginBottom: '5rem',\n})\n;({\n marginTop: '6rem',\n marginBottom: '6rem',\n})\n;({\n marginTop: '7rem',\n marginBottom: '7rem',\n})\n;({\n marginTop: '8rem',\n marginBottom: '8rem',\n})\n;({\n marginTop: '9rem',\n marginBottom: '9rem',\n})\n;({\n marginTop: '10rem',\n marginBottom: '10rem',\n})\n;({\n marginTop: '11rem',\n marginBottom: '11rem',\n})\n;({\n marginTop: '12rem',\n marginBottom: '12rem',\n})\n;({\n marginTop: '13rem',\n marginBottom: '13rem',\n})\n;({\n marginTop: '14rem',\n marginBottom: '14rem',\n})\n;({\n marginTop: '15rem',\n marginBottom: '15rem',\n})\n;({\n marginTop: '16rem',\n marginBottom: '16rem',\n})\n;({\n marginTop: '18rem',\n marginBottom: '18rem',\n})\n;({\n marginTop: '20rem',\n marginBottom: '20rem',\n})\n;({\n marginTop: '24rem',\n marginBottom: '24rem',\n})\n;({\n marginTop: 'auto',\n marginBottom: 'auto',\n})\n;({\n marginTop: '-0px',\n marginBottom: '-0px',\n})\n;({\n marginTop: '-1px',\n marginBottom: '-1px',\n})\n;({\n marginTop: '-0.125rem',\n marginBottom: '-0.125rem',\n})\n;({\n marginTop: '-0.25rem',\n marginBottom: '-0.25rem',\n})\n;({\n marginTop: '-0.375rem',\n marginBottom: '-0.375rem',\n})\n;({\n marginTop: '-0.5rem',\n marginBottom: '-0.5rem',\n})\n;({\n marginTop: '-0.625rem',\n marginBottom: '-0.625rem',\n})\n;({\n marginTop: '-0.75rem',\n marginBottom: '-0.75rem',\n})\n;({\n marginTop: '-0.875rem',\n marginBottom: '-0.875rem',\n})\n;({\n marginTop: '-1rem',\n marginBottom: '-1rem',\n})\n;({\n marginTop: '-1.25rem',\n marginBottom: '-1.25rem',\n})\n;({\n marginTop: '-1.5rem',\n marginBottom: '-1.5rem',\n})\n;({\n marginTop: '-1.75rem',\n marginBottom: '-1.75rem',\n})\n;({\n marginTop: '-2rem',\n marginBottom: '-2rem',\n})\n;({\n marginTop: '-2.25rem',\n marginBottom: '-2.25rem',\n})\n;({\n marginTop: '-2.5rem',\n marginBottom: '-2.5rem',\n})\n;({\n marginTop: '-2.75rem',\n marginBottom: '-2.75rem',\n})\n;({\n marginTop: '-3rem',\n marginBottom: '-3rem',\n})\n;({\n marginTop: '-3.5rem',\n marginBottom: '-3.5rem',\n})\n;({\n marginTop: '-4rem',\n marginBottom: '-4rem',\n})\n;({\n marginTop: '-5rem',\n marginBottom: '-5rem',\n})\n;({\n marginTop: '-6rem',\n marginBottom: '-6rem',\n})\n;({\n marginTop: '-7rem',\n marginBottom: '-7rem',\n})\n;({\n marginTop: '-8rem',\n marginBottom: '-8rem',\n})\n;({\n marginTop: '-9rem',\n marginBottom: '-9rem',\n})\n;({\n marginTop: '-10rem',\n marginBottom: '-10rem',\n})\n;({\n marginTop: '-11rem',\n marginBottom: '-11rem',\n})\n;({\n marginTop: '-12rem',\n marginBottom: '-12rem',\n})\n;({\n marginTop: '-13rem',\n marginBottom: '-13rem',\n})\n;({\n marginTop: '-14rem',\n marginBottom: '-14rem',\n})\n;({\n marginTop: '-15rem',\n marginBottom: '-15rem',\n})\n;({\n marginTop: '-16rem',\n marginBottom: '-16rem',\n})\n;({\n marginTop: '-18rem',\n marginBottom: '-18rem',\n})\n;({\n marginTop: '-20rem',\n marginBottom: '-20rem',\n})\n;({\n marginTop: '-24rem',\n marginBottom: '-24rem',\n})\n;({\n marginLeft: '0px',\n marginRight: '0px',\n})\n;({\n marginLeft: '1px',\n marginRight: '1px',\n})\n;({\n marginLeft: '0.125rem',\n marginRight: '0.125rem',\n})\n;({\n marginLeft: '0.25rem',\n marginRight: '0.25rem',\n})\n;({\n marginLeft: '0.375rem',\n marginRight: '0.375rem',\n})\n;({\n marginLeft: '0.5rem',\n marginRight: '0.5rem',\n})\n;({\n marginLeft: '0.625rem',\n marginRight: '0.625rem',\n})\n;({\n marginLeft: '0.75rem',\n marginRight: '0.75rem',\n})\n;({\n marginLeft: '0.875rem',\n marginRight: '0.875rem',\n})\n;({\n marginLeft: '1rem',\n marginRight: '1rem',\n})\n;({\n marginLeft: '1.25rem',\n marginRight: '1.25rem',\n})\n;({\n marginLeft: '1.5rem',\n marginRight: '1.5rem',\n})\n;({\n marginLeft: '1.75rem',\n marginRight: '1.75rem',\n})\n;({\n marginLeft: '2rem',\n marginRight: '2rem',\n})\n;({\n marginLeft: '2.25rem',\n marginRight: '2.25rem',\n})\n;({\n marginLeft: '2.5rem',\n marginRight: '2.5rem',\n})\n;({\n marginLeft: '3rem',\n marginRight: '3rem',\n})\n;({\n marginLeft: '3.5rem',\n marginRight: '3.5rem',\n})\n;({\n marginLeft: '4rem',\n marginRight: '4rem',\n})\n;({\n marginLeft: '5rem',\n marginRight: '5rem',\n})\n;({\n marginLeft: '6rem',\n marginRight: '6rem',\n})\n;({\n marginLeft: '7rem',\n marginRight: '7rem',\n})\n;({\n marginLeft: '8rem',\n marginRight: '8rem',\n})\n;({\n marginLeft: '9rem',\n marginRight: '9rem',\n})\n;({\n marginLeft: '10rem',\n marginRight: '10rem',\n})\n;({\n marginLeft: '11rem',\n marginRight: '11rem',\n})\n;({\n marginLeft: '12rem',\n marginRight: '12rem',\n})\n;({\n marginLeft: '13rem',\n marginRight: '13rem',\n})\n;({\n marginLeft: '14rem',\n marginRight: '14rem',\n})\n;({\n marginLeft: '15rem',\n marginRight: '15rem',\n})\n;({\n marginLeft: '16rem',\n marginRight: '16rem',\n})\n;({\n marginLeft: '18rem',\n marginRight: '18rem',\n})\n;({\n marginLeft: '20rem',\n marginRight: '20rem',\n})\n;({\n marginLeft: 'auto',\n marginRight: 'auto',\n})\n;({\n marginLeft: '-0px',\n marginRight: '-0px',\n})\n;({\n marginLeft: '-1px',\n marginRight: '-1px',\n})\n;({\n marginLeft: '-0.125rem',\n marginRight: '-0.125rem',\n})\n;({\n marginLeft: '-0.25rem',\n marginRight: '-0.25rem',\n})\n;({\n marginLeft: '-0.375rem',\n marginRight: '-0.375rem',\n})\n;({\n marginLeft: '-0.5rem',\n marginRight: '-0.5rem',\n})\n;({\n marginLeft: '-0.625rem',\n marginRight: '-0.625rem',\n})\n;({\n marginLeft: '-0.75rem',\n marginRight: '-0.75rem',\n})\n;({\n marginLeft: '-0.875rem',\n marginRight: '-0.875rem',\n})\n;({\n marginLeft: '-1rem',\n marginRight: '-1rem',\n})\n;({\n marginLeft: '-1.25rem',\n marginRight: '-1.25rem',\n})\n;({\n marginLeft: '-1.5rem',\n marginRight: '-1.5rem',\n})\n;({\n marginLeft: '-1.75rem',\n marginRight: '-1.75rem',\n})\n;({\n marginLeft: '-2rem',\n marginRight: '-2rem',\n})\n;({\n marginLeft: '-2.25rem',\n marginRight: '-2.25rem',\n})\n;({\n marginLeft: '-2.5rem',\n marginRight: '-2.5rem',\n})\n;({\n marginLeft: '-2.75rem',\n marginRight: '-2.75rem',\n})\n;({\n marginLeft: '-3rem',\n marginRight: '-3rem',\n})\n;({\n marginLeft: '-3.5rem',\n marginRight: '-3.5rem',\n})\n;({\n marginLeft: '-4rem',\n marginRight: '-4rem',\n})\n;({\n marginLeft: '-5rem',\n marginRight: '-5rem',\n})\n;({\n marginLeft: '-6rem',\n marginRight: '-6rem',\n})\n;({\n marginLeft: '-7rem',\n marginRight: '-7rem',\n})\n;({\n marginLeft: '-8rem',\n marginRight: '-8rem',\n})\n;({\n marginLeft: '-9rem',\n marginRight: '-9rem',\n})\n;({\n marginLeft: '-10rem',\n marginRight: '-10rem',\n})\n;({\n marginLeft: '-11rem',\n marginRight: '-11rem',\n})\n;({\n marginLeft: '-12rem',\n marginRight: '-12rem',\n})\n;({\n marginLeft: '-13rem',\n marginRight: '-13rem',\n})\n;({\n marginLeft: '-14rem',\n marginRight: '-14rem',\n})\n;({\n marginLeft: '-15rem',\n marginRight: '-15rem',\n})\n;({\n marginLeft: '-16rem',\n marginRight: '-16rem',\n})\n;({\n marginLeft: '-18rem',\n marginRight: '-18rem',\n})\n;({\n marginLeft: '-20rem',\n marginRight: '-20rem',\n})\n;({\n marginLeft: '-24rem',\n marginRight: '-24rem',\n})\n;({\n marginTop: '0px',\n})\n;({\n marginTop: '1px',\n})\n;({\n marginTop: '0.125rem',\n})\n;({\n marginTop: '0.25rem',\n})\n;({\n marginTop: '0.375rem',\n})\n;({\n marginTop: '0.5rem',\n})\n;({\n marginTop: '0.625rem',\n})\n;({\n marginTop: '0.75rem',\n})\n;({\n marginTop: '0.875rem',\n})\n;({\n marginTop: '1rem',\n})\n;({\n marginTop: '1.25rem',\n})\n;({\n marginTop: '1.5rem',\n})\n;({\n marginTop: '1.75rem',\n})\n;({\n marginTop: '2rem',\n})\n;({\n marginTop: '2.25rem',\n})\n;({\n marginTop: '2.5rem',\n})\n;({\n marginTop: '2.75rem',\n})\n;({\n marginTop: '3rem',\n})\n;({\n marginTop: '3.5rem',\n})\n;({\n marginTop: '4rem',\n})\n;({\n marginTop: '5rem',\n})\n;({\n marginTop: '6rem',\n})\n;({\n marginTop: '7rem',\n})\n;({\n marginTop: '8rem',\n})\n;({\n marginTop: '9rem',\n})\n;({\n marginTop: '10rem',\n})\n;({\n marginTop: '11rem',\n})\n;({\n marginTop: '12rem',\n})\n;({\n marginTop: '13rem',\n})\n;({\n marginTop: '14rem',\n})\n;({\n marginTop: '15rem',\n})\n;({\n marginTop: '16rem',\n})\n;({\n marginTop: '18rem',\n})\n;({\n marginTop: '20rem',\n})\n;({\n marginTop: '24rem',\n})\n;({\n marginTop: 'auto',\n})\n;({\n marginTop: '-0px',\n})\n;({\n marginTop: '-1px',\n})\n;({\n marginTop: '-0.125rem',\n})\n;({\n marginTop: '-0.25rem',\n})\n;({\n marginTop: '-0.375rem',\n})\n;({\n marginTop: '-0.5rem',\n})\n;({\n marginTop: '-0.625rem',\n})\n;({\n marginTop: '-0.75rem',\n})\n;({\n marginTop: '-0.875rem',\n})\n;({\n marginTop: '-1rem',\n})\n;({\n marginTop: '-1.25rem',\n})\n;({\n marginTop: '-1.5rem',\n})\n;({\n marginTop: '-1.75rem',\n})\n;({\n marginTop: '-2rem',\n})\n;({\n marginTop: '-2.25rem',\n})\n;({\n marginTop: '-2.5rem',\n})\n;({\n marginTop: '-2.75rem',\n})\n;({\n marginTop: '-3rem',\n})\n;({\n marginTop: '-3.5rem',\n})\n;({\n marginTop: '-4rem',\n})\n;({\n marginTop: '-5rem',\n})\n;({\n marginTop: '-6rem',\n})\n;({\n marginTop: '-7rem',\n})\n;({\n marginTop: '-8rem',\n})\n;({\n marginTop: '-9rem',\n})\n;({\n marginTop: '-10rem',\n})\n;({\n marginTop: '-11rem',\n})\n;({\n marginTop: '-12rem',\n})\n;({\n marginTop: '-13rem',\n})\n;({\n marginTop: '-14rem',\n})\n;({\n marginTop: '-15rem',\n})\n;({\n marginTop: '-16rem',\n})\n;({\n marginTop: '-18rem',\n})\n;({\n marginTop: '-20rem',\n})\n;({\n marginTop: '-24rem',\n})\n;({\n marginRight: '0px',\n})\n;({\n marginRight: '1px',\n})\n;({\n marginRight: '0.125rem',\n})\n;({\n marginRight: '0.25rem',\n})\n;({\n marginRight: '0.375rem',\n})\n;({\n marginRight: '0.5rem',\n})\n;({\n marginRight: '0.625rem',\n})\n;({\n marginRight: '0.75rem',\n})\n;({\n marginRight: '0.875rem',\n})\n;({\n marginRight: '1rem',\n})\n;({\n marginRight: '1.25rem',\n})\n;({\n marginRight: '1.5rem',\n})\n;({\n marginRight: '1.75rem',\n})\n;({\n marginRight: '2rem',\n})\n;({\n marginRight: '2.25rem',\n})\n;({\n marginRight: '2.5rem',\n})\n;({\n marginRight: '2.75rem',\n})\n;({\n marginRight: '3rem',\n})\n;({\n marginRight: '3.5rem',\n})\n;({\n marginRight: '4rem',\n})\n;({\n marginRight: '5rem',\n})\n;({\n marginRight: '6rem',\n})\n;({\n marginRight: '7rem',\n})\n;({\n marginRight: '8rem',\n})\n;({\n marginRight: '9rem',\n})\n;({\n marginRight: '10rem',\n})\n;({\n marginRight: '11rem',\n})\n;({\n marginRight: '12rem',\n})\n;({\n marginRight: '13rem',\n})\n;({\n marginRight: '14rem',\n})\n;({\n marginRight: '15rem',\n})\n;({\n marginRight: '16rem',\n})\n;({\n marginRight: '18rem',\n})\n;({\n marginRight: '20rem',\n})\n;({\n marginRight: '24rem',\n})\n;({\n marginRight: 'auto',\n})\n;({\n marginRight: '-0px',\n})\n;({\n marginRight: '-1px',\n})\n;({\n marginRight: '-0.125rem',\n})\n;({\n marginRight: '-0.25rem',\n})\n;({\n marginRight: '-0.375rem',\n})\n;({\n marginRight: '-0.5rem',\n})\n;({\n marginRight: '-0.625rem',\n})\n;({\n marginRight: '-0.75rem',\n})\n;({\n marginRight: '-0.875rem',\n})\n;({\n marginRight: '-1rem',\n})\n;({\n marginRight: '-1.25rem',\n})\n;({\n marginRight: '-1.5rem',\n})\n;({\n marginRight: '-1.75rem',\n})\n;({\n marginRight: '-2rem',\n})\n;({\n marginRight: '-2.25rem',\n})\n;({\n marginRight: '-2.5rem',\n})\n;({\n marginRight: '-2.75rem',\n})\n;({\n marginRight: '-3rem',\n})\n;({\n marginRight: '-3.5rem',\n})\n;({\n marginRight: '-4rem',\n})\n;({\n marginRight: '-5rem',\n})\n;({\n marginRight: '-6rem',\n})\n;({\n marginRight: '-7rem',\n})\n;({\n marginRight: '-8rem',\n})\n;({\n marginRight: '-9rem',\n})\n;({\n marginRight: '-10rem',\n})\n;({\n marginRight: '-11rem',\n})\n;({\n marginRight: '-12rem',\n})\n;({\n marginRight: '-13rem',\n})\n;({\n marginRight: '-14rem',\n})\n;({\n marginRight: '-15rem',\n})\n;({\n marginRight: '-16rem',\n})\n;({\n marginRight: '-18rem',\n})\n;({\n marginRight: '-20rem',\n})\n;({\n marginRight: '-24rem',\n})\n;({\n marginBottom: '0px',\n})\n;({\n marginBottom: '1px',\n})\n;({\n marginBottom: '0.125rem',\n})\n;({\n marginBottom: '0.25rem',\n})\n;({\n marginBottom: '0.375rem',\n})\n;({\n marginBottom: '0.5rem',\n})\n;({\n marginBottom: '0.625rem',\n})\n;({\n marginBottom: '0.75rem',\n})\n;({\n marginBottom: '0.875rem',\n})\n;({\n marginBottom: '1rem',\n})\n;({\n marginBottom: '1.25rem',\n})\n;({\n marginBottom: '1.5rem',\n})\n;({\n marginBottom: '1.75rem',\n})\n;({\n marginBottom: '2rem',\n})\n;({\n marginBottom: '2.25rem',\n})\n;({\n marginBottom: '2.5rem',\n})\n;({\n marginBottom: '2.75rem',\n})\n;({\n marginBottom: '3rem',\n})\n;({\n marginBottom: '3.5rem',\n})\n;({\n marginBottom: '4rem',\n})\n;({\n marginBottom: '5rem',\n})\n;({\n marginBottom: '6rem',\n})\n;({\n marginBottom: '7rem',\n})\n;({\n marginBottom: '8rem',\n})\n;({\n marginBottom: '9rem',\n})\n;({\n marginBottom: '10rem',\n})\n;({\n marginBottom: '11rem',\n})\n;({\n marginBottom: '12rem',\n})\n;({\n marginBottom: '13rem',\n})\n;({\n marginBottom: '14rem',\n})\n;({\n marginBottom: '15rem',\n})\n;({\n marginBottom: '16rem',\n})\n;({\n marginBottom: '18rem',\n})\n;({\n marginBottom: '20rem',\n})\n;({\n marginBottom: '24rem',\n})\n;({\n marginBottom: 'auto',\n})\n;({\n marginBottom: '-0px',\n})\n;({\n marginBottom: '-1px',\n})\n;({\n marginBottom: '-0.125rem',\n})\n;({\n marginBottom: '-0.25rem',\n})\n;({\n marginBottom: '-0.375rem',\n})\n;({\n marginBottom: '-0.5rem',\n})\n;({\n marginBottom: '-0.625rem',\n})\n;({\n marginBottom: '-0.75rem',\n})\n;({\n marginBottom: '-0.875rem',\n})\n;({\n marginBottom: '-1rem',\n})\n;({\n marginBottom: '-1.25rem',\n})\n;({\n marginBottom: '-1.5rem',\n})\n;({\n marginBottom: '-1.75rem',\n})\n;({\n marginBottom: '-2rem',\n})\n;({\n marginBottom: '-2.25rem',\n})\n;({\n marginBottom: '-2.5rem',\n})\n;({\n marginBottom: '-2.75rem',\n})\n;({\n marginBottom: '-3rem',\n})\n;({\n marginBottom: '-3.5rem',\n})\n;({\n marginBottom: '-4rem',\n})\n;({\n marginBottom: '-5rem',\n})\n;({\n marginBottom: '-6rem',\n})\n;({\n marginBottom: '-7rem',\n})\n;({\n marginBottom: '-8rem',\n})\n;({\n marginBottom: '-9rem',\n})\n;({\n marginBottom: '-10rem',\n})\n;({\n marginBottom: '-11rem',\n})\n;({\n marginBottom: '-12rem',\n})\n;({\n marginBottom: '-13rem',\n})\n;({\n marginBottom: '-14rem',\n})\n;({\n marginBottom: '-15rem',\n})\n;({\n marginBottom: '-16rem',\n})\n;({\n marginBottom: '-18rem',\n})\n;({\n marginBottom: '-20rem',\n})\n;({\n marginBottom: '-24rem',\n})\n;({\n marginLeft: '0px',\n})\n;({\n marginLeft: '1px',\n})\n;({\n marginLeft: '0.125rem',\n})\n;({\n marginLeft: '0.25rem',\n})\n;({\n marginLeft: '0.375rem',\n})\n;({\n marginLeft: '0.5rem',\n})\n;({\n marginLeft: '0.625rem',\n})\n;({\n marginLeft: '0.75rem',\n})\n;({\n marginLeft: '0.875rem',\n})\n;({\n marginLeft: '1rem',\n})\n;({\n marginLeft: '1.25rem',\n})\n;({\n marginLeft: '1.5rem',\n})\n;({\n marginLeft: '1.75rem',\n})\n;({\n marginLeft: '2rem',\n})\n;({\n marginLeft: '2.25rem',\n})\n;({\n marginLeft: '2.5rem',\n})\n;({\n marginLeft: '2.75rem',\n})\n;({\n marginLeft: '3rem',\n})\n;({\n marginLeft: '3.5rem',\n})\n;({\n marginLeft: '4rem',\n})\n;({\n marginLeft: '5rem',\n})\n;({\n marginLeft: '6rem',\n})\n;({\n marginLeft: '7rem',\n})\n;({\n marginLeft: '8rem',\n})\n;({\n marginLeft: '9rem',\n})\n;({\n marginLeft: '10rem',\n})\n;({\n marginLeft: '11rem',\n})\n;({\n marginLeft: '12rem',\n})\n;({\n marginLeft: '13rem',\n})\n;({\n marginLeft: '14rem',\n})\n;({\n marginLeft: '15rem',\n})\n;({\n marginLeft: '16rem',\n})\n;({\n marginLeft: '18rem',\n})\n;({\n marginLeft: '20rem',\n})\n;({\n marginLeft: '24rem',\n})\n;({\n marginLeft: 'auto',\n})\n;({\n marginLeft: '-0px',\n})\n;({\n marginLeft: '-1px',\n})\n;({\n marginLeft: '-0.125rem',\n})\n;({\n marginLeft: '-0.25rem',\n})\n;({\n marginLeft: '-0.375rem',\n})\n;({\n marginLeft: '-0.5rem',\n})\n;({\n marginLeft: '-0.625rem',\n})\n;({\n marginLeft: '-0.75rem',\n})\n;({\n marginLeft: '-0.875rem',\n})\n;({\n marginLeft: '-1rem',\n})\n;({\n marginLeft: '-1.25rem',\n})\n;({\n marginLeft: '-1.5rem',\n})\n;({\n marginLeft: '-1.75rem',\n})\n;({\n marginLeft: '-2rem',\n})\n;({\n marginLeft: '-2.25rem',\n})\n;({\n marginLeft: '-2.5rem',\n})\n;({\n marginLeft: '-2.75rem',\n})\n;({\n marginLeft: '-3rem',\n})\n;({\n marginLeft: '-3.5rem',\n})\n;({\n marginLeft: '-4rem',\n})\n;({\n marginLeft: '-5rem',\n})\n;({\n marginLeft: '-6rem',\n})\n;({\n marginLeft: '-7rem',\n})\n;({\n marginLeft: '-8rem',\n})\n;({\n marginLeft: '-9rem',\n})\n;({\n marginLeft: '-10rem',\n})\n;({\n marginLeft: '-11rem',\n})\n;({\n marginLeft: '-12rem',\n})\n;({\n marginLeft: '-13rem',\n})\n;({\n marginLeft: '-14rem',\n})\n;({\n marginLeft: '-15rem',\n})\n;({\n marginLeft: '-16rem',\n})\n;({\n marginLeft: '-18rem',\n})\n;({\n marginLeft: '-20rem',\n})\n;({\n marginLeft: '-24rem',\n})\n;({\n margin: '5px',\n})\n;({\n marginTop: '5px',\n})\n;({\n marginLeft: '5px',\n})\n;({\n marginRight: '5px',\n})\n;({\n marginBottom: '5px',\n})\n;({\n margin: '-5px',\n})\n;({\n marginTop: '-5px',\n})\n;({\n marginLeft: '-5px',\n})\n;({\n marginRight: '-5px',\n})\n;({\n marginBottom: '-5px',\n})\n;({\n marginTop: 'clamp(30px,100px)',\n})\n;({\n marginTop: '-1rem !important',\n})\n;({\n marginLeft: '0.25rem',\n marginRight: '0.25rem',\n marginInlineEnd: '2rem',\n marginInlineStart: '1rem',\n marginTop: '1.5rem',\n})\n\n\n`;\n\nexports[`twin.macro maxHeight.tsx: maxHeight.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/max-height\ntheme\\`maxHeight\\`\n\ntw\\`max-h-0\\`\ntw\\`max-h-0.5\\`\ntw\\`max-h-1\\`\ntw\\`max-h-1.5\\`\ntw\\`max-h-2\\`\ntw\\`max-h-2.5\\`\ntw\\`max-h-3\\`\ntw\\`max-h-3.5\\`\ntw\\`max-h-none\\`\ntw\\`max-h-4\\`\ntw\\`max-h-5\\`\ntw\\`max-h-6\\`\ntw\\`max-h-7\\`\ntw\\`max-h-8\\`\ntw\\`max-h-9\\`\ntw\\`max-h-10\\`\ntw\\`max-h-11\\`\ntw\\`max-h-12\\`\ntw\\`max-h-14\\`\ntw\\`max-h-16\\`\ntw\\`max-h-20\\`\ntw\\`max-h-24\\`\ntw\\`max-h-28\\`\ntw\\`max-h-32\\`\ntw\\`max-h-36\\`\ntw\\`max-h-40\\`\ntw\\`max-h-44\\`\ntw\\`max-h-48\\`\ntw\\`max-h-52\\`\ntw\\`max-h-56\\`\ntw\\`max-h-60\\`\ntw\\`max-h-64\\`\ntw\\`max-h-72\\`\ntw\\`max-h-80\\`\ntw\\`max-h-96\\`\ntw\\`max-h-px\\`\ntw\\`max-h-full\\`\ntw\\`max-h-screen\\`\ntw\\`max-h-min\\`\ntw\\`max-h-max\\`\ntw\\`max-h-fit\\`\n\ntw\\`max-h-[32rem]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/max-height\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n none: 'none',\n full: '100%',\n screen: '100vh',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n})\n;({\n maxHeight: '0px',\n})\n;({\n maxHeight: '0.125rem',\n})\n;({\n maxHeight: '0.25rem',\n})\n;({\n maxHeight: '0.375rem',\n})\n;({\n maxHeight: '0.5rem',\n})\n;({\n maxHeight: '0.625rem',\n})\n;({\n maxHeight: '0.75rem',\n})\n;({\n maxHeight: '0.875rem',\n})\n;({\n maxHeight: 'none',\n})\n;({\n maxHeight: '1rem',\n})\n;({\n maxHeight: '1.25rem',\n})\n;({\n maxHeight: '1.5rem',\n})\n;({\n maxHeight: '1.75rem',\n})\n;({\n maxHeight: '2rem',\n})\n;({\n maxHeight: '2.25rem',\n})\n;({\n maxHeight: '2.5rem',\n})\n;({\n maxHeight: '2.75rem',\n})\n;({\n maxHeight: '3rem',\n})\n;({\n maxHeight: '3.5rem',\n})\n;({\n maxHeight: '4rem',\n})\n;({\n maxHeight: '5rem',\n})\n;({\n maxHeight: '6rem',\n})\n;({\n maxHeight: '7rem',\n})\n;({\n maxHeight: '8rem',\n})\n;({\n maxHeight: '9rem',\n})\n;({\n maxHeight: '10rem',\n})\n;({\n maxHeight: '11rem',\n})\n;({\n maxHeight: '12rem',\n})\n;({\n maxHeight: '13rem',\n})\n;({\n maxHeight: '14rem',\n})\n;({\n maxHeight: '15rem',\n})\n;({\n maxHeight: '16rem',\n})\n;({\n maxHeight: '18rem',\n})\n;({\n maxHeight: '20rem',\n})\n;({\n maxHeight: '24rem',\n})\n;({\n maxHeight: '1px',\n})\n;({\n maxHeight: '100%',\n})\n;({\n maxHeight: '100vh',\n})\n;({\n maxHeight: 'min-content',\n})\n;({\n maxHeight: 'max-content',\n})\n;({\n maxHeight: 'fit-content',\n})\n;({\n maxHeight: '32rem',\n})\n\n\n`;\n\nexports[`twin.macro maxWidth.tsx: maxWidth.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/max-width\ntheme\\`maxWidth\\`\n\ntw\\`max-w-0\\`\ntw\\`max-w-none\\`\ntw\\`max-w-xs\\`\ntw\\`max-w-sm\\`\ntw\\`max-w-md\\`\ntw\\`max-w-lg\\`\ntw\\`max-w-xl\\`\ntw\\`max-w-2xl\\`\ntw\\`max-w-3xl\\`\ntw\\`max-w-4xl\\`\ntw\\`max-w-5xl\\`\ntw\\`max-w-6xl\\`\ntw\\`max-w-7xl\\`\ntw\\`max-w-full\\`\ntw\\`max-w-min\\`\ntw\\`max-w-max\\`\ntw\\`max-w-fit\\`\ntw\\`max-w-prose\\`\ntw\\`max-w-screen-sm\\`\ntw\\`max-w-screen-md\\`\ntw\\`max-w-screen-lg\\`\ntw\\`max-w-screen-xl\\`\ntw\\`max-w-screen-2xl\\`\n\ntw\\`max-w-[50%]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/max-width\n;({\n 0: '0rem',\n none: 'none',\n xs: '20rem',\n sm: '24rem',\n md: '28rem',\n lg: '32rem',\n xl: '36rem',\n '2xl': '42rem',\n '3xl': '48rem',\n '4xl': '56rem',\n '5xl': '64rem',\n '6xl': '72rem',\n '7xl': '80rem',\n full: '100%',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n prose: '65ch',\n 'screen-sm': '640px',\n 'screen-md': '768px',\n 'screen-lg': '1024px',\n 'screen-xl': '1280px',\n 'screen-2xl': '1536px',\n})\n;({\n maxWidth: '0rem',\n})\n;({\n maxWidth: 'none',\n})\n;({\n maxWidth: '20rem',\n})\n;({\n maxWidth: '24rem',\n})\n;({\n maxWidth: '28rem',\n})\n;({\n maxWidth: '32rem',\n})\n;({\n maxWidth: '36rem',\n})\n;({\n maxWidth: '42rem',\n})\n;({\n maxWidth: '48rem',\n})\n;({\n maxWidth: '56rem',\n})\n;({\n maxWidth: '64rem',\n})\n;({\n maxWidth: '72rem',\n})\n;({\n maxWidth: '80rem',\n})\n;({\n maxWidth: '100%',\n})\n;({\n maxWidth: 'min-content',\n})\n;({\n maxWidth: 'max-content',\n})\n;({\n maxWidth: 'fit-content',\n})\n;({\n maxWidth: '65ch',\n})\n;({\n maxWidth: '640px',\n})\n;({\n maxWidth: '768px',\n})\n;({\n maxWidth: '1024px',\n})\n;({\n maxWidth: '1280px',\n})\n;({\n maxWidth: '1536px',\n})\n;({\n maxWidth: '50%',\n})\n\n\n`;\n\nexports[`twin.macro minHeight.tsx: minHeight.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/min-height\ntheme\\`minHeight\\`\n\ntw\\`min-h-0\\`\ntw\\`min-h-full\\`\ntw\\`min-h-screen\\`\ntw\\`min-h-min\\`\ntw\\`min-h-max\\`\ntw\\`min-h-fit\\`\n\ntw\\`min-h-[3.23rem]\\`\ntw\\`min-h-[calc(100%+1rem)]\\`\ntw\\`min-h-[var(--height)]\\`\ntw\\`max-h-[3.23rem]\\`\ntw\\`max-h-[calc(100%+1rem)]\\`\ntw\\`max-h-[var(--height)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/min-height\n;({\n 0: '0px',\n full: '100%',\n screen: '100vh',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n})\n;({\n minHeight: '0px',\n})\n;({\n minHeight: '100%',\n})\n;({\n minHeight: '100vh',\n})\n;({\n minHeight: 'min-content',\n})\n;({\n minHeight: 'max-content',\n})\n;({\n minHeight: 'fit-content',\n})\n;({\n minHeight: '3.23rem',\n})\n;({\n minHeight: 'calc(100% + 1rem)',\n})\n;({\n minHeight: 'var(--height)',\n})\n;({\n maxHeight: '3.23rem',\n})\n;({\n maxHeight: 'calc(100% + 1rem)',\n})\n;({\n maxHeight: 'var(--height)',\n})\n\n\n`;\n\nexports[`twin.macro minWidth.tsx: minWidth.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/min-width\ntheme\\`minWidth\\`\n\ntw\\`min-w-0\\`\ntw\\`min-w-full\\`\ntw\\`min-w-min\\`\ntw\\`min-w-max\\`\ntw\\`min-w-fit\\`\n\ntw\\`min-w-[3.23rem]\\`\ntw\\`min-w-[calc(100%+1rem)]\\`\ntw\\`min-w-[var(--width)]\\`\ntw\\`max-w-[3.23rem]\\`\ntw\\`max-w-[calc(100%+1rem)]\\`\ntw\\`max-w-[var(--width)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/min-width\n;({\n 0: '0px',\n full: '100%',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n})\n;({\n minWidth: '0px',\n})\n;({\n minWidth: '100%',\n})\n;({\n minWidth: 'min-content',\n})\n;({\n minWidth: 'max-content',\n})\n;({\n minWidth: 'fit-content',\n})\n;({\n minWidth: '3.23rem',\n})\n;({\n minWidth: 'calc(100% + 1rem)',\n})\n;({\n minWidth: 'var(--width)',\n})\n;({\n maxWidth: '3.23rem',\n})\n;({\n maxWidth: 'calc(100% + 1rem)',\n})\n;({\n maxWidth: 'var(--width)',\n})\n\n\n`;\n\nexports[`twin.macro misc.tsx: misc.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/filter\ntw\\`filter-none\\`\ntw\\`filter\\` // Deprecated\n\n// https://tailwindcss.com/docs/backdrop-filter\ntw\\`backdrop-filter\\` // Deprecated\ntw\\`backdrop-filter-none\\`\n\n// All\ntw\\`filter blur-2xl brightness-50 contrast-50 grayscale hue-rotate-180 invert saturate-50 sepia drop-shadow-2xl\\`\n\n// All\ntw\\`backdrop-filter backdrop-blur-2xl backdrop-brightness-50 backdrop-contrast-50 backdrop-grayscale backdrop-hue-rotate-180 backdrop-invert backdrop-opacity-50 backdrop-saturate-50 backdrop-sepia\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/filter\n;({\n filter: 'none',\n})\n;({\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n}) // Deprecated\n// https://tailwindcss.com/docs/backdrop-filter\n\n;({\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n}) // Deprecated\n\n;({\n backdropFilter: 'none',\n}) // All\n\n;({\n '--tw-blur': 'blur(40px)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n '--tw-brightness': 'brightness(.5)',\n '--tw-contrast': 'contrast(.5)',\n '--tw-drop-shadow': 'drop-shadow(0 25px 25px rgb(0 0 0 / 0.15))',\n '--tw-grayscale': 'grayscale(100%)',\n '--tw-hue-rotate': 'hue-rotate(180deg)',\n '--tw-invert': 'invert(100%)',\n '--tw-saturate': 'saturate(.5)',\n '--tw-sepia': 'sepia(100%)',\n}) // All\n\n;({\n '--tw-backdrop-blur': 'blur(40px)',\n backdropFilter:\n 'var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)',\n '--tw-backdrop-brightness': 'brightness(.5)',\n '--tw-backdrop-contrast': 'contrast(.5)',\n '--tw-backdrop-grayscale': 'grayscale(100%)',\n '--tw-backdrop-hue-rotate': 'hue-rotate(180deg)',\n '--tw-backdrop-invert': 'invert(100%)',\n '--tw-backdrop-opacity': 'opacity(0.5)',\n '--tw-backdrop-saturate': 'saturate(.5)',\n '--tw-backdrop-sepia': 'sepia(100%)',\n})\n\n\n`;\n\nexports[`twin.macro misc.tsx: misc.tsx 2`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Test the transform ordering - 'transform' should be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\ntw\\`mt-5 translate-y-2 transform\\`\ntw\\`translate-y-2 mt-5 md:(skew-y-6 transform) mb-5\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// Test the transform ordering - 'transform' should be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\n;({\n marginTop: '1.25rem',\n '--tw-translate-y': '0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n marginBottom: '1.25rem',\n marginTop: '1.25rem',\n '--tw-translate-y': '0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n '@media (min-width: 768px)': {\n '--tw-skew-y': '6deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n})\n\n\n`;\n\nexports[`twin.macro misc.tsx: misc.tsx 3`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Test the transition ordering - 'transition' should be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\ntw\\`duration-75 ease-in transition\\`\ntw\\`mt-5 md:(ml-5 ease-in transition) mb-5\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// Test the transition ordering - 'transition' should be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\n;({\n transitionProperty:\n 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 1, 1)',\n transitionDuration: '75ms',\n})\n;({\n marginBottom: '1.25rem',\n marginTop: '1.25rem',\n '@media (min-width: 768px)': {\n marginLeft: '1.25rem',\n transitionProperty:\n 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 1, 1)',\n transitionDuration: '150ms',\n },\n})\n\n\n`;\n\nexports[`twin.macro misc.tsx: misc.tsx 4`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// col-span-x should always be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\ntw\\`col-start-3 col-span-3\\`\ntw\\`col-span-3 col-start-3\\`\ntw\\`col-end-3 col-span-3\\`\ntw\\`col-span-3 col-end-3\\`\ntw\\`col-start-3 col-end-3 col-span-3\\`\ntw\\`col-span-3 col-start-3 col-end-3\\`\ntw\\`grid col-span-3\\`\ntw\\`grid col-start-3 col-end-3\\`\ntw\\`col-start-3 col-span-3 col-end-3 grid\\`\ntw\\`col-start-3 mt-4 md:(mt-3 col-span-3) mb-4 col-end-3 col-span-3\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// col-span-x should always be moved to the start\n// https://github.com/ben-rogerson/twin.macro/issues/363\n;({\n gridColumn: 'span 3 / span 3',\n gridColumnStart: '3',\n})\n;({\n gridColumn: 'span 3 / span 3',\n gridColumnStart: '3',\n})\n;({\n gridColumn: 'span 3 / span 3',\n gridColumnEnd: '3',\n})\n;({\n gridColumn: 'span 3 / span 3',\n gridColumnEnd: '3',\n})\n;({\n gridColumn: 'span 3 / span 3',\n gridColumnStart: '3',\n gridColumnEnd: '3',\n})\n;({\n gridColumn: 'span 3 / span 3',\n gridColumnStart: '3',\n gridColumnEnd: '3',\n})\n;({\n gridColumn: 'span 3 / span 3',\n display: 'grid',\n})\n;({\n gridColumnStart: '3',\n gridColumnEnd: '3',\n display: 'grid',\n})\n;({\n gridColumn: 'span 3 / span 3',\n gridColumnStart: '3',\n gridColumnEnd: '3',\n display: 'grid',\n})\n;({\n gridColumn: 'span 3 / span 3',\n gridColumnStart: '3',\n gridColumnEnd: '3',\n marginBottom: '1rem',\n marginTop: '1rem',\n '@media (min-width: 768px)': {\n gridColumn: 'span 3 / span 3',\n marginTop: '0.75rem',\n },\n})\n\n\n`;\n\nexports[`twin.macro mixBlendMode.tsx: mixBlendMode.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/mix-blend-mode\ntw\\`mix-blend-normal\\`\ntw\\`mix-blend-multiply\\`\ntw\\`mix-blend-screen\\`\ntw\\`mix-blend-overlay\\`\ntw\\`mix-blend-darken\\`\ntw\\`mix-blend-lighten\\`\ntw\\`mix-blend-color-dodge\\`\ntw\\`mix-blend-color-burn\\`\ntw\\`mix-blend-hard-light\\`\ntw\\`mix-blend-soft-light\\`\ntw\\`mix-blend-difference\\`\ntw\\`mix-blend-exclusion\\`\ntw\\`mix-blend-hue\\`\ntw\\`mix-blend-saturation\\`\ntw\\`mix-blend-color\\`\ntw\\`mix-blend-luminosity\\`\ntw\\`mix-blend-plus-lighter\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/mix-blend-mode\n;({\n mixBlendMode: 'normal',\n})\n;({\n mixBlendMode: 'multiply',\n})\n;({\n mixBlendMode: 'screen',\n})\n;({\n mixBlendMode: 'overlay',\n})\n;({\n mixBlendMode: 'darken',\n})\n;({\n mixBlendMode: 'lighten',\n})\n;({\n mixBlendMode: 'color-dodge',\n})\n;({\n mixBlendMode: 'color-burn',\n})\n;({\n mixBlendMode: 'hard-light',\n})\n;({\n mixBlendMode: 'soft-light',\n})\n;({\n mixBlendMode: 'difference',\n})\n;({\n mixBlendMode: 'exclusion',\n})\n;({\n mixBlendMode: 'hue',\n})\n;({\n mixBlendMode: 'saturation',\n})\n;({\n mixBlendMode: 'color',\n})\n;({\n mixBlendMode: 'luminosity',\n})\n;({\n mixBlendMode: 'plus-lighter',\n})\n\n\n`;\n\nexports[`twin.macro negative.tsx: negative.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`-z-1\\`\ntw\\`-z-10\\`\ntw\\`-inset-10\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n zIndex: '-1',\n})\n;({\n zIndex: '-10',\n})\n;({\n inset: '-2.5rem',\n})\n\n\n`;\n\nexports[`twin.macro objectFit.tsx: objectFit.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/object-fit\ntw\\`object-contain\\`\ntw\\`object-cover\\`\ntw\\`object-fill\\`\ntw\\`object-none\\`\ntw\\`object-scale-down\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/object-fit\n;({\n objectFit: 'contain',\n})\n;({\n objectFit: 'cover',\n})\n;({\n objectFit: 'fill',\n})\n;({\n objectFit: 'none',\n})\n;({\n objectFit: 'scale-down',\n})\n\n\n`;\n\nexports[`twin.macro objectPosition.tsx: objectPosition.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/object-position\ntheme\\`objectPosition\\`\n\ntw\\`object-bottom\\`\ntw\\`object-center\\`\ntw\\`object-left\\`\ntw\\`object-left-bottom\\`\ntw\\`object-left-top\\`\ntw\\`object-right\\`\ntw\\`object-right-bottom\\`\ntw\\`object-right-top\\`\ntw\\`object-top\\`\n\ntw\\`object-[center bottom]\\`\ntw\\`object-[var(--position)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/object-position\n;({\n bottom: 'bottom',\n center: 'center',\n left: 'left',\n 'left-bottom': 'left bottom',\n 'left-top': 'left top',\n right: 'right',\n 'right-bottom': 'right bottom',\n 'right-top': 'right top',\n top: 'top',\n})\n;({\n objectPosition: 'bottom',\n})\n;({\n objectPosition: 'center',\n})\n;({\n objectPosition: 'left',\n})\n;({\n objectPosition: 'left bottom',\n})\n;({\n objectPosition: 'left top',\n})\n;({\n objectPosition: 'right',\n})\n;({\n objectPosition: 'right bottom',\n})\n;({\n objectPosition: 'right top',\n})\n;({\n objectPosition: 'top',\n})\n;({\n objectPosition: 'center bottom',\n})\n;({\n objectPosition: 'var(--position)',\n})\n\n\n`;\n\nexports[`twin.macro opacity.tsx: opacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/opacity\ntheme\\`opacity\\`\n\ntw\\`opacity-0\\`\ntw\\`opacity-5\\`\ntw\\`opacity-10\\`\ntw\\`opacity-20\\`\ntw\\`opacity-25\\`\ntw\\`opacity-30\\`\ntw\\`opacity-40\\`\ntw\\`opacity-50\\`\ntw\\`opacity-60\\`\ntw\\`opacity-70\\`\ntw\\`opacity-75\\`\ntw\\`opacity-80\\`\ntw\\`opacity-90\\`\ntw\\`opacity-95\\`\ntw\\`opacity-100\\`\n\ntw\\`opacity-[.1]\\`\ntw\\`opacity-[var(--opacity)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/opacity\n;({\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n})\n;({\n opacity: '0',\n})\n;({\n opacity: '0.05',\n})\n;({\n opacity: '0.1',\n})\n;({\n opacity: '0.2',\n})\n;({\n opacity: '0.25',\n})\n;({\n opacity: '0.3',\n})\n;({\n opacity: '0.4',\n})\n;({\n opacity: '0.5',\n})\n;({\n opacity: '0.6',\n})\n;({\n opacity: '0.7',\n})\n;({\n opacity: '0.75',\n})\n;({\n opacity: '0.8',\n})\n;({\n opacity: '0.9',\n})\n;({\n opacity: '0.95',\n})\n;({\n opacity: '1',\n})\n;({\n opacity: '.1',\n})\n;({\n opacity: 'var(--opacity)',\n})\n\n\n`;\n\nexports[`twin.macro order.tsx: order.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/order\ntheme\\`order\\`\n\ntw\\`order-1\\`\ntw\\`order-2\\`\ntw\\`order-3\\`\ntw\\`order-4\\`\ntw\\`order-5\\`\ntw\\`order-6\\`\ntw\\`order-7\\`\ntw\\`order-8\\`\ntw\\`order-9\\`\ntw\\`order-10\\`\ntw\\`order-11\\`\ntw\\`order-12\\`\ntw\\`order-first\\`\ntw\\`order-last\\`\ntw\\`order-none\\`\n\ntw\\`order-[13]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/order\n;({\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n 8: '8',\n 9: '9',\n 10: '10',\n 11: '11',\n 12: '12',\n first: '-9999',\n last: '9999',\n none: '0',\n})\n;({\n order: '1',\n})\n;({\n order: '2',\n})\n;({\n order: '3',\n})\n;({\n order: '4',\n})\n;({\n order: '5',\n})\n;({\n order: '6',\n})\n;({\n order: '7',\n})\n;({\n order: '8',\n})\n;({\n order: '9',\n})\n;({\n order: '10',\n})\n;({\n order: '11',\n})\n;({\n order: '12',\n})\n;({\n order: '-9999',\n})\n;({\n order: '9999',\n})\n;({\n order: '0',\n})\n;({\n order: '13',\n})\n\n\n`;\n\nexports[`twin.macro outlineColor.tsx: outlineColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/outline-color\ntheme\\`outlineColor\\`\n\ntw\\`outline-inherit\\`\ntw\\`outline-current\\`\ntw\\`outline-transparent\\`\ntw\\`outline-black\\`\ntw\\`outline-white\\`\ntw\\`outline-slate-50\\`\ntw\\`outline-slate-100\\`\ntw\\`outline-slate-200\\`\ntw\\`outline-slate-300\\`\ntw\\`outline-slate-400\\`\ntw\\`outline-slate-500\\`\ntw\\`outline-slate-600\\`\ntw\\`outline-slate-700\\`\ntw\\`outline-slate-800\\`\ntw\\`outline-slate-900\\`\ntw\\`outline-gray-50\\`\ntw\\`outline-gray-100\\`\ntw\\`outline-gray-200\\`\ntw\\`outline-gray-300\\`\ntw\\`outline-gray-400\\`\ntw\\`outline-gray-500\\`\ntw\\`outline-gray-600\\`\ntw\\`outline-gray-700\\`\ntw\\`outline-gray-800\\`\ntw\\`outline-gray-900\\`\ntw\\`outline-zinc-50\\`\ntw\\`outline-zinc-100\\`\ntw\\`outline-zinc-200\\`\ntw\\`outline-zinc-300\\`\ntw\\`outline-zinc-400\\`\ntw\\`outline-zinc-500\\`\ntw\\`outline-zinc-600\\`\ntw\\`outline-zinc-700\\`\ntw\\`outline-zinc-800\\`\ntw\\`outline-zinc-900\\`\ntw\\`outline-neutral-50\\`\ntw\\`outline-neutral-100\\`\ntw\\`outline-neutral-200\\`\ntw\\`outline-neutral-300\\`\ntw\\`outline-neutral-400\\`\ntw\\`outline-neutral-500\\`\ntw\\`outline-neutral-600\\`\ntw\\`outline-neutral-700\\`\ntw\\`outline-neutral-800\\`\ntw\\`outline-neutral-900\\`\ntw\\`outline-stone-50\\`\ntw\\`outline-stone-100\\`\ntw\\`outline-stone-200\\`\ntw\\`outline-stone-300\\`\ntw\\`outline-stone-400\\`\ntw\\`outline-stone-500\\`\ntw\\`outline-stone-600\\`\ntw\\`outline-stone-700\\`\ntw\\`outline-stone-800\\`\ntw\\`outline-stone-900\\`\ntw\\`outline-red-50\\`\ntw\\`outline-red-100\\`\ntw\\`outline-red-200\\`\ntw\\`outline-red-300\\`\ntw\\`outline-red-400\\`\ntw\\`outline-red-500\\`\ntw\\`outline-red-600\\`\ntw\\`outline-red-700\\`\ntw\\`outline-red-800\\`\ntw\\`outline-red-900\\`\ntw\\`outline-orange-50\\`\ntw\\`outline-orange-100\\`\ntw\\`outline-orange-200\\`\ntw\\`outline-orange-300\\`\ntw\\`outline-orange-400\\`\ntw\\`outline-orange-500\\`\ntw\\`outline-orange-600\\`\ntw\\`outline-orange-700\\`\ntw\\`outline-orange-800\\`\ntw\\`outline-orange-900\\`\ntw\\`outline-amber-50\\`\ntw\\`outline-amber-100\\`\ntw\\`outline-amber-200\\`\ntw\\`outline-amber-300\\`\ntw\\`outline-amber-400\\`\ntw\\`outline-amber-500\\`\ntw\\`outline-amber-600\\`\ntw\\`outline-amber-700\\`\ntw\\`outline-amber-800\\`\ntw\\`outline-amber-900\\`\ntw\\`outline-yellow-50\\`\ntw\\`outline-yellow-100\\`\ntw\\`outline-yellow-200\\`\ntw\\`outline-yellow-300\\`\ntw\\`outline-yellow-400\\`\ntw\\`outline-yellow-500\\`\ntw\\`outline-yellow-600\\`\ntw\\`outline-yellow-700\\`\ntw\\`outline-yellow-800\\`\ntw\\`outline-yellow-900\\`\ntw\\`outline-lime-50\\`\ntw\\`outline-lime-100\\`\ntw\\`outline-lime-200\\`\ntw\\`outline-lime-300\\`\ntw\\`outline-lime-400\\`\ntw\\`outline-lime-500\\`\ntw\\`outline-lime-600\\`\ntw\\`outline-lime-700\\`\ntw\\`outline-lime-800\\`\ntw\\`outline-lime-900\\`\ntw\\`outline-green-50\\`\ntw\\`outline-green-100\\`\ntw\\`outline-green-200\\`\ntw\\`outline-green-300\\`\ntw\\`outline-green-400\\`\ntw\\`outline-green-500\\`\ntw\\`outline-green-600\\`\ntw\\`outline-green-700\\`\ntw\\`outline-green-800\\`\ntw\\`outline-green-900\\`\ntw\\`outline-emerald-50\\`\ntw\\`outline-emerald-100\\`\ntw\\`outline-emerald-200\\`\ntw\\`outline-emerald-300\\`\ntw\\`outline-emerald-400\\`\ntw\\`outline-emerald-500\\`\ntw\\`outline-emerald-600\\`\ntw\\`outline-emerald-700\\`\ntw\\`outline-emerald-800\\`\ntw\\`outline-emerald-900\\`\ntw\\`outline-teal-50\\`\ntw\\`outline-teal-100\\`\ntw\\`outline-teal-200\\`\ntw\\`outline-teal-300\\`\ntw\\`outline-teal-400\\`\ntw\\`outline-teal-500\\`\ntw\\`outline-teal-600\\`\ntw\\`outline-teal-700\\`\ntw\\`outline-teal-800\\`\ntw\\`outline-teal-900\\`\ntw\\`outline-cyan-50\\`\ntw\\`outline-cyan-100\\`\ntw\\`outline-cyan-200\\`\ntw\\`outline-cyan-300\\`\ntw\\`outline-cyan-400\\`\ntw\\`outline-cyan-500\\`\ntw\\`outline-cyan-600\\`\ntw\\`outline-cyan-700\\`\ntw\\`outline-cyan-800\\`\ntw\\`outline-cyan-900\\`\ntw\\`outline-sky-50\\`\ntw\\`outline-sky-100\\`\ntw\\`outline-sky-200\\`\ntw\\`outline-sky-300\\`\ntw\\`outline-sky-400\\`\ntw\\`outline-sky-500\\`\ntw\\`outline-sky-600\\`\ntw\\`outline-sky-700\\`\ntw\\`outline-sky-800\\`\ntw\\`outline-sky-900\\`\ntw\\`outline-blue-50\\`\ntw\\`outline-blue-100\\`\ntw\\`outline-blue-200\\`\ntw\\`outline-blue-300\\`\ntw\\`outline-blue-400\\`\ntw\\`outline-blue-500\\`\ntw\\`outline-blue-600\\`\ntw\\`outline-blue-700\\`\ntw\\`outline-blue-800\\`\ntw\\`outline-blue-900\\`\ntw\\`outline-indigo-50\\`\ntw\\`outline-indigo-100\\`\ntw\\`outline-indigo-200\\`\ntw\\`outline-indigo-300\\`\ntw\\`outline-indigo-400\\`\ntw\\`outline-indigo-500\\`\ntw\\`outline-indigo-600\\`\ntw\\`outline-indigo-700\\`\ntw\\`outline-indigo-800\\`\ntw\\`outline-indigo-900\\`\ntw\\`outline-violet-50\\`\ntw\\`outline-violet-100\\`\ntw\\`outline-violet-200\\`\ntw\\`outline-violet-300\\`\ntw\\`outline-violet-400\\`\ntw\\`outline-violet-500\\`\ntw\\`outline-violet-600\\`\ntw\\`outline-violet-700\\`\ntw\\`outline-violet-800\\`\ntw\\`outline-violet-900\\`\ntw\\`outline-purple-50\\`\ntw\\`outline-purple-100\\`\ntw\\`outline-purple-200\\`\ntw\\`outline-purple-300\\`\ntw\\`outline-purple-400\\`\ntw\\`outline-purple-500\\`\ntw\\`outline-purple-600\\`\ntw\\`outline-purple-700\\`\ntw\\`outline-purple-800\\`\ntw\\`outline-purple-900\\`\ntw\\`outline-fuchsia-50\\`\ntw\\`outline-fuchsia-100\\`\ntw\\`outline-fuchsia-200\\`\ntw\\`outline-fuchsia-300\\`\ntw\\`outline-fuchsia-400\\`\ntw\\`outline-fuchsia-500\\`\ntw\\`outline-fuchsia-600\\`\ntw\\`outline-fuchsia-700\\`\ntw\\`outline-fuchsia-800\\`\ntw\\`outline-fuchsia-900\\`\ntw\\`outline-pink-50\\`\ntw\\`outline-pink-100\\`\ntw\\`outline-pink-200\\`\ntw\\`outline-pink-300\\`\ntw\\`outline-pink-400\\`\ntw\\`outline-pink-500\\`\ntw\\`outline-pink-600\\`\ntw\\`outline-pink-700\\`\ntw\\`outline-pink-800\\`\ntw\\`outline-pink-900\\`\ntw\\`outline-rose-50\\`\ntw\\`outline-rose-100\\`\ntw\\`outline-rose-200\\`\ntw\\`outline-rose-300\\`\ntw\\`outline-rose-400\\`\ntw\\`outline-rose-500\\`\ntw\\`outline-rose-600\\`\ntw\\`outline-rose-700\\`\ntw\\`outline-rose-800\\`\ntw\\`outline-rose-900\\`\n\ntw\\`outline-rose-900/50\\`\ntw\\`outline-rose-900/[.50]\\`\ntw\\`outline-[#243c5a]\\`\n\ntw\\`outline-[length:500px]\\`\ntw\\`outline-[color:red]\\`\ntw\\`outline-[percentage:10%]\\`\n\n// tw\\`outline-[var(--outline)]\\` // Unsupported by tailwindcss\ntw\\`outline-[color:var(--outline)]\\`\ntw\\`outline-[length:var(--outline)]\\`\n\ntw\\`outline outline-dashed outline-none outline-black outline-4 outline-offset-2\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/outline-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n outlineColor: 'inherit',\n})\n;({\n outlineColor: 'currentColor',\n})\n;({\n outlineColor: 'transparent',\n})\n;({\n outlineColor: '#000',\n})\n;({\n outlineColor: '#fff',\n})\n;({\n outlineColor: '#f8fafc',\n})\n;({\n outlineColor: '#f1f5f9',\n})\n;({\n outlineColor: '#e2e8f0',\n})\n;({\n outlineColor: '#cbd5e1',\n})\n;({\n outlineColor: '#94a3b8',\n})\n;({\n outlineColor: '#64748b',\n})\n;({\n outlineColor: '#475569',\n})\n;({\n outlineColor: '#334155',\n})\n;({\n outlineColor: '#1e293b',\n})\n;({\n outlineColor: '#0f172a',\n})\n;({\n outlineColor: '#f9fafb',\n})\n;({\n outlineColor: '#f3f4f6',\n})\n;({\n outlineColor: '#e5e7eb',\n})\n;({\n outlineColor: '#d1d5db',\n})\n;({\n outlineColor: '#9ca3af',\n})\n;({\n outlineColor: '#6b7280',\n})\n;({\n outlineColor: '#4b5563',\n})\n;({\n outlineColor: '#374151',\n})\n;({\n outlineColor: '#1f2937',\n})\n;({\n outlineColor: '#111827',\n})\n;({\n outlineColor: '#fafafa',\n})\n;({\n outlineColor: '#f4f4f5',\n})\n;({\n outlineColor: '#e4e4e7',\n})\n;({\n outlineColor: '#d4d4d8',\n})\n;({\n outlineColor: '#a1a1aa',\n})\n;({\n outlineColor: '#71717a',\n})\n;({\n outlineColor: '#52525b',\n})\n;({\n outlineColor: '#3f3f46',\n})\n;({\n outlineColor: '#27272a',\n})\n;({\n outlineColor: '#18181b',\n})\n;({\n outlineColor: '#fafafa',\n})\n;({\n outlineColor: '#f5f5f5',\n})\n;({\n outlineColor: '#e5e5e5',\n})\n;({\n outlineColor: '#d4d4d4',\n})\n;({\n outlineColor: '#a3a3a3',\n})\n;({\n outlineColor: '#737373',\n})\n;({\n outlineColor: '#525252',\n})\n;({\n outlineColor: '#404040',\n})\n;({\n outlineColor: '#262626',\n})\n;({\n outlineColor: '#171717',\n})\n;({\n outlineColor: '#fafaf9',\n})\n;({\n outlineColor: '#f5f5f4',\n})\n;({\n outlineColor: '#e7e5e4',\n})\n;({\n outlineColor: '#d6d3d1',\n})\n;({\n outlineColor: '#a8a29e',\n})\n;({\n outlineColor: '#78716c',\n})\n;({\n outlineColor: '#57534e',\n})\n;({\n outlineColor: '#44403c',\n})\n;({\n outlineColor: '#292524',\n})\n;({\n outlineColor: '#1c1917',\n})\n;({\n outlineColor: '#fef2f2',\n})\n;({\n outlineColor: '#fee2e2',\n})\n;({\n outlineColor: '#fecaca',\n})\n;({\n outlineColor: '#fca5a5',\n})\n;({\n outlineColor: '#f87171',\n})\n;({\n outlineColor: '#ef4444',\n})\n;({\n outlineColor: '#dc2626',\n})\n;({\n outlineColor: '#b91c1c',\n})\n;({\n outlineColor: '#991b1b',\n})\n;({\n outlineColor: '#7f1d1d',\n})\n;({\n outlineColor: '#fff7ed',\n})\n;({\n outlineColor: '#ffedd5',\n})\n;({\n outlineColor: '#fed7aa',\n})\n;({\n outlineColor: '#fdba74',\n})\n;({\n outlineColor: '#fb923c',\n})\n;({\n outlineColor: '#f97316',\n})\n;({\n outlineColor: '#ea580c',\n})\n;({\n outlineColor: '#c2410c',\n})\n;({\n outlineColor: '#9a3412',\n})\n;({\n outlineColor: '#7c2d12',\n})\n;({\n outlineColor: '#fffbeb',\n})\n;({\n outlineColor: '#fef3c7',\n})\n;({\n outlineColor: '#fde68a',\n})\n;({\n outlineColor: '#fcd34d',\n})\n;({\n outlineColor: '#fbbf24',\n})\n;({\n outlineColor: '#f59e0b',\n})\n;({\n outlineColor: '#d97706',\n})\n;({\n outlineColor: '#b45309',\n})\n;({\n outlineColor: '#92400e',\n})\n;({\n outlineColor: '#78350f',\n})\n;({\n outlineColor: '#fefce8',\n})\n;({\n outlineColor: '#fef9c3',\n})\n;({\n outlineColor: '#fef08a',\n})\n;({\n outlineColor: '#fde047',\n})\n;({\n outlineColor: '#facc15',\n})\n;({\n outlineColor: '#eab308',\n})\n;({\n outlineColor: '#ca8a04',\n})\n;({\n outlineColor: '#a16207',\n})\n;({\n outlineColor: '#854d0e',\n})\n;({\n outlineColor: '#713f12',\n})\n;({\n outlineColor: '#f7fee7',\n})\n;({\n outlineColor: '#ecfccb',\n})\n;({\n outlineColor: '#d9f99d',\n})\n;({\n outlineColor: '#bef264',\n})\n;({\n outlineColor: '#a3e635',\n})\n;({\n outlineColor: '#84cc16',\n})\n;({\n outlineColor: '#65a30d',\n})\n;({\n outlineColor: '#4d7c0f',\n})\n;({\n outlineColor: '#3f6212',\n})\n;({\n outlineColor: '#365314',\n})\n;({\n outlineColor: '#f0fdf4',\n})\n;({\n outlineColor: '#dcfce7',\n})\n;({\n outlineColor: '#bbf7d0',\n})\n;({\n outlineColor: '#86efac',\n})\n;({\n outlineColor: '#4ade80',\n})\n;({\n outlineColor: '#22c55e',\n})\n;({\n outlineColor: '#16a34a',\n})\n;({\n outlineColor: '#15803d',\n})\n;({\n outlineColor: '#166534',\n})\n;({\n outlineColor: '#14532d',\n})\n;({\n outlineColor: '#ecfdf5',\n})\n;({\n outlineColor: '#d1fae5',\n})\n;({\n outlineColor: '#a7f3d0',\n})\n;({\n outlineColor: '#6ee7b7',\n})\n;({\n outlineColor: '#34d399',\n})\n;({\n outlineColor: '#10b981',\n})\n;({\n outlineColor: '#059669',\n})\n;({\n outlineColor: '#047857',\n})\n;({\n outlineColor: '#065f46',\n})\n;({\n outlineColor: '#064e3b',\n})\n;({\n outlineColor: '#f0fdfa',\n})\n;({\n outlineColor: '#ccfbf1',\n})\n;({\n outlineColor: '#99f6e4',\n})\n;({\n outlineColor: '#5eead4',\n})\n;({\n outlineColor: '#2dd4bf',\n})\n;({\n outlineColor: '#14b8a6',\n})\n;({\n outlineColor: '#0d9488',\n})\n;({\n outlineColor: '#0f766e',\n})\n;({\n outlineColor: '#115e59',\n})\n;({\n outlineColor: '#134e4a',\n})\n;({\n outlineColor: '#ecfeff',\n})\n;({\n outlineColor: '#cffafe',\n})\n;({\n outlineColor: '#a5f3fc',\n})\n;({\n outlineColor: '#67e8f9',\n})\n;({\n outlineColor: '#22d3ee',\n})\n;({\n outlineColor: '#06b6d4',\n})\n;({\n outlineColor: '#0891b2',\n})\n;({\n outlineColor: '#0e7490',\n})\n;({\n outlineColor: '#155e75',\n})\n;({\n outlineColor: '#164e63',\n})\n;({\n outlineColor: '#f0f9ff',\n})\n;({\n outlineColor: '#e0f2fe',\n})\n;({\n outlineColor: '#bae6fd',\n})\n;({\n outlineColor: '#7dd3fc',\n})\n;({\n outlineColor: '#38bdf8',\n})\n;({\n outlineColor: '#0ea5e9',\n})\n;({\n outlineColor: '#0284c7',\n})\n;({\n outlineColor: '#0369a1',\n})\n;({\n outlineColor: '#075985',\n})\n;({\n outlineColor: '#0c4a6e',\n})\n;({\n outlineColor: '#eff6ff',\n})\n;({\n outlineColor: '#dbeafe',\n})\n;({\n outlineColor: '#bfdbfe',\n})\n;({\n outlineColor: '#93c5fd',\n})\n;({\n outlineColor: '#60a5fa',\n})\n;({\n outlineColor: '#3b82f6',\n})\n;({\n outlineColor: '#2563eb',\n})\n;({\n outlineColor: '#1d4ed8',\n})\n;({\n outlineColor: '#1e40af',\n})\n;({\n outlineColor: '#1e3a8a',\n})\n;({\n outlineColor: '#eef2ff',\n})\n;({\n outlineColor: '#e0e7ff',\n})\n;({\n outlineColor: '#c7d2fe',\n})\n;({\n outlineColor: '#a5b4fc',\n})\n;({\n outlineColor: '#818cf8',\n})\n;({\n outlineColor: '#6366f1',\n})\n;({\n outlineColor: '#4f46e5',\n})\n;({\n outlineColor: '#4338ca',\n})\n;({\n outlineColor: '#3730a3',\n})\n;({\n outlineColor: '#312e81',\n})\n;({\n outlineColor: '#f5f3ff',\n})\n;({\n outlineColor: '#ede9fe',\n})\n;({\n outlineColor: '#ddd6fe',\n})\n;({\n outlineColor: '#c4b5fd',\n})\n;({\n outlineColor: '#a78bfa',\n})\n;({\n outlineColor: '#8b5cf6',\n})\n;({\n outlineColor: '#7c3aed',\n})\n;({\n outlineColor: '#6d28d9',\n})\n;({\n outlineColor: '#5b21b6',\n})\n;({\n outlineColor: '#4c1d95',\n})\n;({\n outlineColor: '#faf5ff',\n})\n;({\n outlineColor: '#f3e8ff',\n})\n;({\n outlineColor: '#e9d5ff',\n})\n;({\n outlineColor: '#d8b4fe',\n})\n;({\n outlineColor: '#c084fc',\n})\n;({\n outlineColor: '#a855f7',\n})\n;({\n outlineColor: '#9333ea',\n})\n;({\n outlineColor: '#7e22ce',\n})\n;({\n outlineColor: '#6b21a8',\n})\n;({\n outlineColor: '#581c87',\n})\n;({\n outlineColor: '#fdf4ff',\n})\n;({\n outlineColor: '#fae8ff',\n})\n;({\n outlineColor: '#f5d0fe',\n})\n;({\n outlineColor: '#f0abfc',\n})\n;({\n outlineColor: '#e879f9',\n})\n;({\n outlineColor: '#d946ef',\n})\n;({\n outlineColor: '#c026d3',\n})\n;({\n outlineColor: '#a21caf',\n})\n;({\n outlineColor: '#86198f',\n})\n;({\n outlineColor: '#701a75',\n})\n;({\n outlineColor: '#fdf2f8',\n})\n;({\n outlineColor: '#fce7f3',\n})\n;({\n outlineColor: '#fbcfe8',\n})\n;({\n outlineColor: '#f9a8d4',\n})\n;({\n outlineColor: '#f472b6',\n})\n;({\n outlineColor: '#ec4899',\n})\n;({\n outlineColor: '#db2777',\n})\n;({\n outlineColor: '#be185d',\n})\n;({\n outlineColor: '#9d174d',\n})\n;({\n outlineColor: '#831843',\n})\n;({\n outlineColor: '#fff1f2',\n})\n;({\n outlineColor: '#ffe4e6',\n})\n;({\n outlineColor: '#fecdd3',\n})\n;({\n outlineColor: '#fda4af',\n})\n;({\n outlineColor: '#fb7185',\n})\n;({\n outlineColor: '#f43f5e',\n})\n;({\n outlineColor: '#e11d48',\n})\n;({\n outlineColor: '#be123c',\n})\n;({\n outlineColor: '#9f1239',\n})\n;({\n outlineColor: '#881337',\n})\n;({\n outlineColor: 'rgb(136 19 55 / 0.5)',\n})\n;({\n outlineColor: 'rgb(136 19 55 / .50)',\n})\n;({\n outlineColor: '#243c5a',\n})\n;({\n outlineWidth: '500px',\n})\n;({\n outlineColor: 'red',\n})\n;({\n outlineWidth: '10%',\n}) // tw\\`outline-[var(--outline)]\\` // Unsupported by tailwindcss\n\n;({\n outlineColor: 'var(--outline)',\n})\n;({\n outlineWidth: 'var(--outline)',\n})\n;({\n outline: '2px solid transparent',\n outlineOffset: '2px',\n outlineStyle: 'dashed',\n outlineWidth: '4px',\n outlineColor: '#000',\n})\n\n\n`;\n\nexports[`twin.macro outlineOffset.tsx: outlineOffset.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/outline-offset\ntheme\\`outlineOffset\\`\n\ntw\\`outline-offset-0\\`\ntw\\`outline-offset-1\\`\ntw\\`outline-offset-2\\`\ntw\\`outline-offset-4\\`\ntw\\`outline-offset-8\\`\n\ntw\\`-outline-offset-1\\`\n\ntw\\`outline-offset-[3px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/outline-offset\n;({\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n})\n;({\n outlineOffset: '0px',\n})\n;({\n outlineOffset: '1px',\n})\n;({\n outlineOffset: '2px',\n})\n;({\n outlineOffset: '4px',\n})\n;({\n outlineOffset: '8px',\n})\n;({\n outlineOffset: '-1px',\n})\n;({\n outlineOffset: '3px',\n})\n\n\n`;\n\nexports[`twin.macro outlineStyle.tsx: outlineStyle.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/outline-style\ntw\\`outline\\`\ntw\\`outline-none\\`\ntw\\`outline-dashed\\`\ntw\\`outline-dotted\\`\ntw\\`outline-double\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/outline-style\n;({\n outlineStyle: 'solid',\n})\n;({\n outline: '2px solid transparent',\n outlineOffset: '2px',\n})\n;({\n outlineStyle: 'dashed',\n})\n;({\n outlineStyle: 'dotted',\n})\n;({\n outlineStyle: 'double',\n})\n\n\n`;\n\nexports[`twin.macro outlineWidth.tsx: outlineWidth.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/outline-width\ntheme\\`outlineWidth\\`\n\ntw\\`outline-0\\`\ntw\\`outline-1\\`\ntw\\`outline-2\\`\ntw\\`outline-4\\`\ntw\\`outline-8\\`\n\ntw\\`outline outline-offset-2 outline-1\\`\ntw\\`outline-[5px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/outline-width\n;({\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n})\n;({\n outlineWidth: '0px',\n})\n;({\n outlineWidth: '1px',\n})\n;({\n outlineWidth: '2px',\n})\n;({\n outlineWidth: '4px',\n})\n;({\n outlineWidth: '8px',\n})\n;({\n outlineStyle: 'solid',\n outlineWidth: '1px',\n outlineOffset: '2px',\n})\n;({\n outlineWidth: '5px',\n})\n\n\n`;\n\nexports[`twin.macro overflow.tsx: overflow.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/overflow\ntw\\`overflow-auto\\`\ntw\\`overflow-hidden\\`\ntw\\`overflow-clip\\`\ntw\\`overflow-x-clip\\`\ntw\\`overflow-y-clip\\`\ntw\\`overflow-visible\\`\ntw\\`overflow-scroll\\`\ntw\\`overflow-x-auto\\`\ntw\\`overflow-y-auto\\`\ntw\\`overflow-x-hidden\\`\ntw\\`overflow-y-hidden\\`\ntw\\`overflow-x-visible\\`\ntw\\`overflow-y-visible\\`\ntw\\`overflow-x-scroll\\`\ntw\\`overflow-y-scroll\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/overflow\n;({\n overflow: 'auto',\n})\n;({\n overflow: 'hidden',\n})\n;({\n overflow: 'clip',\n})\n;({\n overflowX: 'clip',\n})\n;({\n overflowY: 'clip',\n})\n;({\n overflow: 'visible',\n})\n;({\n overflow: 'scroll',\n})\n;({\n overflowX: 'auto',\n})\n;({\n overflowY: 'auto',\n})\n;({\n overflowX: 'hidden',\n})\n;({\n overflowY: 'hidden',\n})\n;({\n overflowX: 'visible',\n})\n;({\n overflowY: 'visible',\n})\n;({\n overflowX: 'scroll',\n})\n;({\n overflowY: 'scroll',\n})\n\n\n`;\n\nexports[`twin.macro overscrollBehavior.tsx: overscrollBehavior.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/overscroll-behavior\ntw\\`overscroll-auto\\`\ntw\\`overscroll-contain\\`\ntw\\`overscroll-none\\`\ntw\\`overscroll-y-auto\\`\ntw\\`overscroll-y-contain\\`\ntw\\`overscroll-y-none\\`\ntw\\`overscroll-x-auto\\`\ntw\\`overscroll-x-contain\\`\ntw\\`overscroll-x-none\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/overscroll-behavior\n;({\n overscrollBehavior: 'auto',\n})\n;({\n overscrollBehavior: 'contain',\n})\n;({\n overscrollBehavior: 'none',\n})\n;({\n overscrollBehaviorY: 'auto',\n})\n;({\n overscrollBehaviorY: 'contain',\n})\n;({\n overscrollBehaviorY: 'none',\n})\n;({\n overscrollBehaviorX: 'auto',\n})\n;({\n overscrollBehaviorX: 'contain',\n})\n;({\n overscrollBehaviorX: 'none',\n})\n\n\n`;\n\nexports[`twin.macro padding.tsx: padding.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/padding\ntheme\\`padding\\`\n\ntw\\`p-0\\`\ntw\\`p-px\\`\ntw\\`p-0.5\\`\ntw\\`p-1\\`\ntw\\`p-1.5\\`\ntw\\`p-2\\`\ntw\\`p-2.5\\`\ntw\\`p-3\\`\ntw\\`p-3.5\\`\ntw\\`p-4\\`\ntw\\`p-5\\`\ntw\\`p-6\\`\ntw\\`p-7\\`\ntw\\`p-8\\`\ntw\\`p-9\\`\ntw\\`p-10\\`\ntw\\`p-11\\`\ntw\\`p-12\\`\ntw\\`p-14\\`\ntw\\`p-16\\`\ntw\\`p-20\\`\ntw\\`p-24\\`\ntw\\`p-28\\`\ntw\\`p-32\\`\ntw\\`p-36\\`\ntw\\`p-40\\`\ntw\\`p-44\\`\ntw\\`p-48\\`\ntw\\`p-52\\`\ntw\\`p-56\\`\ntw\\`p-60\\`\ntw\\`p-64\\`\ntw\\`p-72\\`\ntw\\`p-80\\`\ntw\\`p-96\\`\ntw\\`py-0\\`\ntw\\`py-px\\`\ntw\\`py-0.5\\`\ntw\\`py-1\\`\ntw\\`py-1.5\\`\ntw\\`py-2\\`\ntw\\`py-2.5\\`\ntw\\`py-3\\`\ntw\\`py-3.5\\`\ntw\\`py-4\\`\ntw\\`py-5\\`\ntw\\`py-6\\`\ntw\\`py-7\\`\ntw\\`py-8\\`\ntw\\`py-9\\`\ntw\\`py-10\\`\ntw\\`py-11\\`\ntw\\`py-12\\`\ntw\\`py-14\\`\ntw\\`py-16\\`\ntw\\`py-20\\`\ntw\\`py-24\\`\ntw\\`py-28\\`\ntw\\`py-32\\`\ntw\\`py-36\\`\ntw\\`py-40\\`\ntw\\`py-44\\`\ntw\\`py-48\\`\ntw\\`py-52\\`\ntw\\`py-56\\`\ntw\\`py-60\\`\ntw\\`py-64\\`\ntw\\`py-72\\`\ntw\\`py-80\\`\ntw\\`py-96\\`\ntw\\`px-0\\`\ntw\\`px-px\\`\ntw\\`px-0.5\\`\ntw\\`px-1\\`\ntw\\`px-1.5\\`\ntw\\`px-2\\`\ntw\\`px-2.5\\`\ntw\\`px-3\\`\ntw\\`px-3.5\\`\ntw\\`px-4\\`\ntw\\`px-5\\`\ntw\\`px-6\\`\ntw\\`px-7\\`\ntw\\`px-8\\`\ntw\\`px-9\\`\ntw\\`px-10\\`\ntw\\`px-11\\`\ntw\\`px-12\\`\ntw\\`px-14\\`\ntw\\`px-16\\`\ntw\\`px-20\\`\ntw\\`px-24\\`\ntw\\`px-28\\`\ntw\\`px-32\\`\ntw\\`px-36\\`\ntw\\`px-40\\`\ntw\\`px-44\\`\ntw\\`px-48\\`\ntw\\`px-52\\`\ntw\\`px-56\\`\ntw\\`px-60\\`\ntw\\`px-64\\`\ntw\\`px-72\\`\ntw\\`px-80\\`\ntw\\`px-96\\`\ntw\\`pt-0\\`\ntw\\`pt-px\\`\ntw\\`pt-0.5\\`\ntw\\`pt-1\\`\ntw\\`pt-1.5\\`\ntw\\`pt-2\\`\ntw\\`pt-2.5\\`\ntw\\`pt-3\\`\ntw\\`pt-3.5\\`\ntw\\`pt-4\\`\ntw\\`pt-5\\`\ntw\\`pt-6\\`\ntw\\`pt-7\\`\ntw\\`pt-8\\`\ntw\\`pt-9\\`\ntw\\`pt-10\\`\ntw\\`pt-11\\`\ntw\\`pt-12\\`\ntw\\`pt-14\\`\ntw\\`pt-16\\`\ntw\\`pt-20\\`\ntw\\`pt-24\\`\ntw\\`pt-28\\`\ntw\\`pt-32\\`\ntw\\`pt-36\\`\ntw\\`pt-40\\`\ntw\\`pt-44\\`\ntw\\`pt-48\\`\ntw\\`pt-52\\`\ntw\\`pt-56\\`\ntw\\`pt-60\\`\ntw\\`pt-64\\`\ntw\\`pt-72\\`\ntw\\`pt-80\\`\ntw\\`pt-96\\`\ntw\\`pr-0\\`\ntw\\`pr-0.5\\`\ntw\\`pr-1\\`\ntw\\`pr-1.5\\`\ntw\\`pr-2\\`\ntw\\`pr-2.5\\`\ntw\\`pr-3\\`\ntw\\`pr-3.5\\`\ntw\\`pr-4\\`\ntw\\`pr-5\\`\ntw\\`pr-6\\`\ntw\\`pr-7\\`\ntw\\`pr-8\\`\ntw\\`pr-9\\`\ntw\\`pr-10\\`\ntw\\`pr-11\\`\ntw\\`pr-12\\`\ntw\\`pr-14\\`\ntw\\`pr-16\\`\ntw\\`pr-20\\`\ntw\\`pr-24\\`\ntw\\`pr-28\\`\ntw\\`pr-32\\`\ntw\\`pr-36\\`\ntw\\`pr-40\\`\ntw\\`pr-44\\`\ntw\\`pr-48\\`\ntw\\`pr-52\\`\ntw\\`pr-56\\`\ntw\\`pr-60\\`\ntw\\`pr-64\\`\ntw\\`pr-72\\`\ntw\\`pr-80\\`\ntw\\`pr-96\\`\ntw\\`pr-px\\`\ntw\\`pb-0\\`\ntw\\`pb-px\\`\ntw\\`pb-0.5\\`\ntw\\`pb-1\\`\ntw\\`pb-1.5\\`\ntw\\`pb-2\\`\ntw\\`pb-2.5\\`\ntw\\`pb-3\\`\ntw\\`pb-3.5\\`\ntw\\`pb-4\\`\ntw\\`pb-5\\`\ntw\\`pb-6\\`\ntw\\`pb-7\\`\ntw\\`pb-8\\`\ntw\\`pb-9\\`\ntw\\`pb-10\\`\ntw\\`pb-11\\`\ntw\\`pb-12\\`\ntw\\`pb-14\\`\ntw\\`pb-16\\`\ntw\\`pb-20\\`\ntw\\`pb-24\\`\ntw\\`pb-28\\`\ntw\\`pb-32\\`\ntw\\`pb-36\\`\ntw\\`pb-40\\`\ntw\\`pb-44\\`\ntw\\`pb-48\\`\ntw\\`pb-52\\`\ntw\\`pb-56\\`\ntw\\`pb-60\\`\ntw\\`pb-64\\`\ntw\\`pb-72\\`\ntw\\`pl-0\\`\ntw\\`pl-px\\`\ntw\\`pl-0.5\\`\ntw\\`pl-1\\`\ntw\\`pl-1.5\\`\ntw\\`pl-2\\`\ntw\\`pl-2.5\\`\ntw\\`pl-3\\`\ntw\\`pl-3.5\\`\ntw\\`pl-4\\`\ntw\\`pl-5\\`\ntw\\`pl-6\\`\ntw\\`pl-7\\`\ntw\\`pl-8\\`\ntw\\`pl-9\\`\ntw\\`pl-10\\`\ntw\\`pl-11\\`\ntw\\`pl-12\\`\ntw\\`pl-14\\`\ntw\\`pl-16\\`\ntw\\`pl-20\\`\ntw\\`pl-24\\`\ntw\\`pl-28\\`\ntw\\`pl-32\\`\ntw\\`pl-36\\`\ntw\\`pl-40\\`\ntw\\`pl-44\\`\ntw\\`pl-48\\`\ntw\\`pl-52\\`\ntw\\`pl-56\\`\ntw\\`pl-60\\`\ntw\\`pl-64\\`\ntw\\`pl-72\\`\ntw\\`pl-80\\`\ntw\\`pl-96\\`\n\ntw\\`p-[5px]\\`\ntw\\`pt-[5px]\\`\ntw\\`pl-[5px]\\`\ntw\\`pr-[5px]\\`\ntw\\`pb-[5px]\\`\ntw\\`p-[var(--app-padding)]\\`\n\ntw\\`pt-6 px-1 ps-4 pe-8\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/padding\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n})\n;({\n padding: '0px',\n})\n;({\n padding: '1px',\n})\n;({\n padding: '0.125rem',\n})\n;({\n padding: '0.25rem',\n})\n;({\n padding: '0.375rem',\n})\n;({\n padding: '0.5rem',\n})\n;({\n padding: '0.625rem',\n})\n;({\n padding: '0.75rem',\n})\n;({\n padding: '0.875rem',\n})\n;({\n padding: '1rem',\n})\n;({\n padding: '1.25rem',\n})\n;({\n padding: '1.5rem',\n})\n;({\n padding: '1.75rem',\n})\n;({\n padding: '2rem',\n})\n;({\n padding: '2.25rem',\n})\n;({\n padding: '2.5rem',\n})\n;({\n padding: '2.75rem',\n})\n;({\n padding: '3rem',\n})\n;({\n padding: '3.5rem',\n})\n;({\n padding: '4rem',\n})\n;({\n padding: '5rem',\n})\n;({\n padding: '6rem',\n})\n;({\n padding: '7rem',\n})\n;({\n padding: '8rem',\n})\n;({\n padding: '9rem',\n})\n;({\n padding: '10rem',\n})\n;({\n padding: '11rem',\n})\n;({\n padding: '12rem',\n})\n;({\n padding: '13rem',\n})\n;({\n padding: '14rem',\n})\n;({\n padding: '15rem',\n})\n;({\n padding: '16rem',\n})\n;({\n padding: '18rem',\n})\n;({\n padding: '20rem',\n})\n;({\n padding: '24rem',\n})\n;({\n paddingTop: '0px',\n paddingBottom: '0px',\n})\n;({\n paddingTop: '1px',\n paddingBottom: '1px',\n})\n;({\n paddingTop: '0.125rem',\n paddingBottom: '0.125rem',\n})\n;({\n paddingTop: '0.25rem',\n paddingBottom: '0.25rem',\n})\n;({\n paddingTop: '0.375rem',\n paddingBottom: '0.375rem',\n})\n;({\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n})\n;({\n paddingTop: '0.625rem',\n paddingBottom: '0.625rem',\n})\n;({\n paddingTop: '0.75rem',\n paddingBottom: '0.75rem',\n})\n;({\n paddingTop: '0.875rem',\n paddingBottom: '0.875rem',\n})\n;({\n paddingTop: '1rem',\n paddingBottom: '1rem',\n})\n;({\n paddingTop: '1.25rem',\n paddingBottom: '1.25rem',\n})\n;({\n paddingTop: '1.5rem',\n paddingBottom: '1.5rem',\n})\n;({\n paddingTop: '1.75rem',\n paddingBottom: '1.75rem',\n})\n;({\n paddingTop: '2rem',\n paddingBottom: '2rem',\n})\n;({\n paddingTop: '2.25rem',\n paddingBottom: '2.25rem',\n})\n;({\n paddingTop: '2.5rem',\n paddingBottom: '2.5rem',\n})\n;({\n paddingTop: '2.75rem',\n paddingBottom: '2.75rem',\n})\n;({\n paddingTop: '3rem',\n paddingBottom: '3rem',\n})\n;({\n paddingTop: '3.5rem',\n paddingBottom: '3.5rem',\n})\n;({\n paddingTop: '4rem',\n paddingBottom: '4rem',\n})\n;({\n paddingTop: '5rem',\n paddingBottom: '5rem',\n})\n;({\n paddingTop: '6rem',\n paddingBottom: '6rem',\n})\n;({\n paddingTop: '7rem',\n paddingBottom: '7rem',\n})\n;({\n paddingTop: '8rem',\n paddingBottom: '8rem',\n})\n;({\n paddingTop: '9rem',\n paddingBottom: '9rem',\n})\n;({\n paddingTop: '10rem',\n paddingBottom: '10rem',\n})\n;({\n paddingTop: '11rem',\n paddingBottom: '11rem',\n})\n;({\n paddingTop: '12rem',\n paddingBottom: '12rem',\n})\n;({\n paddingTop: '13rem',\n paddingBottom: '13rem',\n})\n;({\n paddingTop: '14rem',\n paddingBottom: '14rem',\n})\n;({\n paddingTop: '15rem',\n paddingBottom: '15rem',\n})\n;({\n paddingTop: '16rem',\n paddingBottom: '16rem',\n})\n;({\n paddingTop: '18rem',\n paddingBottom: '18rem',\n})\n;({\n paddingTop: '20rem',\n paddingBottom: '20rem',\n})\n;({\n paddingTop: '24rem',\n paddingBottom: '24rem',\n})\n;({\n paddingLeft: '0px',\n paddingRight: '0px',\n})\n;({\n paddingLeft: '1px',\n paddingRight: '1px',\n})\n;({\n paddingLeft: '0.125rem',\n paddingRight: '0.125rem',\n})\n;({\n paddingLeft: '0.25rem',\n paddingRight: '0.25rem',\n})\n;({\n paddingLeft: '0.375rem',\n paddingRight: '0.375rem',\n})\n;({\n paddingLeft: '0.5rem',\n paddingRight: '0.5rem',\n})\n;({\n paddingLeft: '0.625rem',\n paddingRight: '0.625rem',\n})\n;({\n paddingLeft: '0.75rem',\n paddingRight: '0.75rem',\n})\n;({\n paddingLeft: '0.875rem',\n paddingRight: '0.875rem',\n})\n;({\n paddingLeft: '1rem',\n paddingRight: '1rem',\n})\n;({\n paddingLeft: '1.25rem',\n paddingRight: '1.25rem',\n})\n;({\n paddingLeft: '1.5rem',\n paddingRight: '1.5rem',\n})\n;({\n paddingLeft: '1.75rem',\n paddingRight: '1.75rem',\n})\n;({\n paddingLeft: '2rem',\n paddingRight: '2rem',\n})\n;({\n paddingLeft: '2.25rem',\n paddingRight: '2.25rem',\n})\n;({\n paddingLeft: '2.5rem',\n paddingRight: '2.5rem',\n})\n;({\n paddingLeft: '2.75rem',\n paddingRight: '2.75rem',\n})\n;({\n paddingLeft: '3rem',\n paddingRight: '3rem',\n})\n;({\n paddingLeft: '3.5rem',\n paddingRight: '3.5rem',\n})\n;({\n paddingLeft: '4rem',\n paddingRight: '4rem',\n})\n;({\n paddingLeft: '5rem',\n paddingRight: '5rem',\n})\n;({\n paddingLeft: '6rem',\n paddingRight: '6rem',\n})\n;({\n paddingLeft: '7rem',\n paddingRight: '7rem',\n})\n;({\n paddingLeft: '8rem',\n paddingRight: '8rem',\n})\n;({\n paddingLeft: '9rem',\n paddingRight: '9rem',\n})\n;({\n paddingLeft: '10rem',\n paddingRight: '10rem',\n})\n;({\n paddingLeft: '11rem',\n paddingRight: '11rem',\n})\n;({\n paddingLeft: '12rem',\n paddingRight: '12rem',\n})\n;({\n paddingLeft: '13rem',\n paddingRight: '13rem',\n})\n;({\n paddingLeft: '14rem',\n paddingRight: '14rem',\n})\n;({\n paddingLeft: '15rem',\n paddingRight: '15rem',\n})\n;({\n paddingLeft: '16rem',\n paddingRight: '16rem',\n})\n;({\n paddingLeft: '18rem',\n paddingRight: '18rem',\n})\n;({\n paddingLeft: '20rem',\n paddingRight: '20rem',\n})\n;({\n paddingLeft: '24rem',\n paddingRight: '24rem',\n})\n;({\n paddingTop: '0px',\n})\n;({\n paddingTop: '1px',\n})\n;({\n paddingTop: '0.125rem',\n})\n;({\n paddingTop: '0.25rem',\n})\n;({\n paddingTop: '0.375rem',\n})\n;({\n paddingTop: '0.5rem',\n})\n;({\n paddingTop: '0.625rem',\n})\n;({\n paddingTop: '0.75rem',\n})\n;({\n paddingTop: '0.875rem',\n})\n;({\n paddingTop: '1rem',\n})\n;({\n paddingTop: '1.25rem',\n})\n;({\n paddingTop: '1.5rem',\n})\n;({\n paddingTop: '1.75rem',\n})\n;({\n paddingTop: '2rem',\n})\n;({\n paddingTop: '2.25rem',\n})\n;({\n paddingTop: '2.5rem',\n})\n;({\n paddingTop: '2.75rem',\n})\n;({\n paddingTop: '3rem',\n})\n;({\n paddingTop: '3.5rem',\n})\n;({\n paddingTop: '4rem',\n})\n;({\n paddingTop: '5rem',\n})\n;({\n paddingTop: '6rem',\n})\n;({\n paddingTop: '7rem',\n})\n;({\n paddingTop: '8rem',\n})\n;({\n paddingTop: '9rem',\n})\n;({\n paddingTop: '10rem',\n})\n;({\n paddingTop: '11rem',\n})\n;({\n paddingTop: '12rem',\n})\n;({\n paddingTop: '13rem',\n})\n;({\n paddingTop: '14rem',\n})\n;({\n paddingTop: '15rem',\n})\n;({\n paddingTop: '16rem',\n})\n;({\n paddingTop: '18rem',\n})\n;({\n paddingTop: '20rem',\n})\n;({\n paddingTop: '24rem',\n})\n;({\n paddingRight: '0px',\n})\n;({\n paddingRight: '0.125rem',\n})\n;({\n paddingRight: '0.25rem',\n})\n;({\n paddingRight: '0.375rem',\n})\n;({\n paddingRight: '0.5rem',\n})\n;({\n paddingRight: '0.625rem',\n})\n;({\n paddingRight: '0.75rem',\n})\n;({\n paddingRight: '0.875rem',\n})\n;({\n paddingRight: '1rem',\n})\n;({\n paddingRight: '1.25rem',\n})\n;({\n paddingRight: '1.5rem',\n})\n;({\n paddingRight: '1.75rem',\n})\n;({\n paddingRight: '2rem',\n})\n;({\n paddingRight: '2.25rem',\n})\n;({\n paddingRight: '2.5rem',\n})\n;({\n paddingRight: '2.75rem',\n})\n;({\n paddingRight: '3rem',\n})\n;({\n paddingRight: '3.5rem',\n})\n;({\n paddingRight: '4rem',\n})\n;({\n paddingRight: '5rem',\n})\n;({\n paddingRight: '6rem',\n})\n;({\n paddingRight: '7rem',\n})\n;({\n paddingRight: '8rem',\n})\n;({\n paddingRight: '9rem',\n})\n;({\n paddingRight: '10rem',\n})\n;({\n paddingRight: '11rem',\n})\n;({\n paddingRight: '12rem',\n})\n;({\n paddingRight: '13rem',\n})\n;({\n paddingRight: '14rem',\n})\n;({\n paddingRight: '15rem',\n})\n;({\n paddingRight: '16rem',\n})\n;({\n paddingRight: '18rem',\n})\n;({\n paddingRight: '20rem',\n})\n;({\n paddingRight: '24rem',\n})\n;({\n paddingRight: '1px',\n})\n;({\n paddingBottom: '0px',\n})\n;({\n paddingBottom: '1px',\n})\n;({\n paddingBottom: '0.125rem',\n})\n;({\n paddingBottom: '0.25rem',\n})\n;({\n paddingBottom: '0.375rem',\n})\n;({\n paddingBottom: '0.5rem',\n})\n;({\n paddingBottom: '0.625rem',\n})\n;({\n paddingBottom: '0.75rem',\n})\n;({\n paddingBottom: '0.875rem',\n})\n;({\n paddingBottom: '1rem',\n})\n;({\n paddingBottom: '1.25rem',\n})\n;({\n paddingBottom: '1.5rem',\n})\n;({\n paddingBottom: '1.75rem',\n})\n;({\n paddingBottom: '2rem',\n})\n;({\n paddingBottom: '2.25rem',\n})\n;({\n paddingBottom: '2.5rem',\n})\n;({\n paddingBottom: '2.75rem',\n})\n;({\n paddingBottom: '3rem',\n})\n;({\n paddingBottom: '3.5rem',\n})\n;({\n paddingBottom: '4rem',\n})\n;({\n paddingBottom: '5rem',\n})\n;({\n paddingBottom: '6rem',\n})\n;({\n paddingBottom: '7rem',\n})\n;({\n paddingBottom: '8rem',\n})\n;({\n paddingBottom: '9rem',\n})\n;({\n paddingBottom: '10rem',\n})\n;({\n paddingBottom: '11rem',\n})\n;({\n paddingBottom: '12rem',\n})\n;({\n paddingBottom: '13rem',\n})\n;({\n paddingBottom: '14rem',\n})\n;({\n paddingBottom: '15rem',\n})\n;({\n paddingBottom: '16rem',\n})\n;({\n paddingBottom: '18rem',\n})\n;({\n paddingLeft: '0px',\n})\n;({\n paddingLeft: '1px',\n})\n;({\n paddingLeft: '0.125rem',\n})\n;({\n paddingLeft: '0.25rem',\n})\n;({\n paddingLeft: '0.375rem',\n})\n;({\n paddingLeft: '0.5rem',\n})\n;({\n paddingLeft: '0.625rem',\n})\n;({\n paddingLeft: '0.75rem',\n})\n;({\n paddingLeft: '0.875rem',\n})\n;({\n paddingLeft: '1rem',\n})\n;({\n paddingLeft: '1.25rem',\n})\n;({\n paddingLeft: '1.5rem',\n})\n;({\n paddingLeft: '1.75rem',\n})\n;({\n paddingLeft: '2rem',\n})\n;({\n paddingLeft: '2.25rem',\n})\n;({\n paddingLeft: '2.5rem',\n})\n;({\n paddingLeft: '2.75rem',\n})\n;({\n paddingLeft: '3rem',\n})\n;({\n paddingLeft: '3.5rem',\n})\n;({\n paddingLeft: '4rem',\n})\n;({\n paddingLeft: '5rem',\n})\n;({\n paddingLeft: '6rem',\n})\n;({\n paddingLeft: '7rem',\n})\n;({\n paddingLeft: '8rem',\n})\n;({\n paddingLeft: '9rem',\n})\n;({\n paddingLeft: '10rem',\n})\n;({\n paddingLeft: '11rem',\n})\n;({\n paddingLeft: '12rem',\n})\n;({\n paddingLeft: '13rem',\n})\n;({\n paddingLeft: '14rem',\n})\n;({\n paddingLeft: '15rem',\n})\n;({\n paddingLeft: '16rem',\n})\n;({\n paddingLeft: '18rem',\n})\n;({\n paddingLeft: '20rem',\n})\n;({\n paddingLeft: '24rem',\n})\n;({\n padding: '5px',\n})\n;({\n paddingTop: '5px',\n})\n;({\n paddingLeft: '5px',\n})\n;({\n paddingRight: '5px',\n})\n;({\n paddingBottom: '5px',\n})\n;({\n padding: 'var(--app-padding)',\n})\n;({\n paddingLeft: '0.25rem',\n paddingRight: '0.25rem',\n paddingInlineEnd: '2rem',\n paddingInlineStart: '1rem',\n paddingTop: '1.5rem',\n})\n\n\n`;\n\nexports[`twin.macro peers.tsx: peers.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Positional\ntw\\`peer-first:block\\`\ntw\\`peer-last:block\\`\ntw\\`peer-only:block\\`\ntw\\`peer-odd:block\\`\ntw\\`peer-even:block\\`\ntw\\`peer-first-of-type:block\\`\ntw\\`peer-last-of-type:block\\`\ntw\\`peer-only-of-type:block\\`\n\n// State\ntw\\`peer-visited:block\\`\ntw\\`peer-target:block\\`\ntw\\`peer-open:block\\`\n\n// Forms\ntw\\`peer-default:block\\`\ntw\\`peer-checked:block\\`\ntw\\`peer-indeterminate:block\\`\ntw\\`peer-placeholder-shown:block\\`\ntw\\`peer-autofill:block\\`\ntw\\`peer-optional:block\\`\ntw\\`peer-required:block\\`\ntw\\`peer-valid:block\\`\ntw\\`peer-invalid:block\\`\ntw\\`peer-in-range:block\\`\ntw\\`peer-out-of-range:block\\`\ntw\\`peer-read-only:block\\`\n\n// Content\ntw\\`peer-empty:block\\`\n\n// Interactive\ntw\\`peer-focus-within:block\\`\ntw\\`peer-hover:block\\`\ntw\\`peer-focus:block\\`\ntw\\`peer-focus-visible:block\\`\ntw\\`peer-active:block\\`\ntw\\`peer-enabled:block\\`\ntw\\`peer-disabled:block\\`\n\n// Twin custom\ntw\\`peer-all:block\\`\ntw\\`peer-all-child:block\\`\ntw\\`peer-sibling:block\\`\ntw\\`peer-hocus:block\\`\ntw\\`peer-link:block\\`\ntw\\`peer-read-write:block\\`\ntw\\`peer-svg:block\\`\ntw\\`peer-even-of-type:block\\`\ntw\\`peer-odd-of-type:block\\`\n\n// Not versions of the above\n\n// Positional\ntw\\`peer-not-first:block\\`\ntw\\`peer-not-last:block\\`\ntw\\`peer-not-only:block\\`\ntw\\`peer-not-odd:block\\`\ntw\\`peer-not-even:block\\`\ntw\\`peer-not-first-of-type:block\\`\ntw\\`peer-not-last-of-type:block\\`\ntw\\`peer-not-only-of-type:block\\`\n\n// State\ntw\\`peer-not-target:block\\`\ntw\\`peer-not-open:block\\`\n\n// Forms\ntw\\`peer-not-default:block\\`\ntw\\`peer-not-checked:block\\`\ntw\\`peer-not-indeterminate:block\\`\ntw\\`peer-not-placeholder-shown:block\\`\ntw\\`peer-not-autofill:block\\`\ntw\\`peer-not-optional:block\\`\ntw\\`peer-not-required:block\\`\ntw\\`peer-not-valid:block\\`\ntw\\`peer-not-invalid:block\\`\ntw\\`peer-not-in-range:block\\`\ntw\\`peer-not-out-of-range:block\\`\ntw\\`peer-not-read-only:block\\`\n\n// Content\ntw\\`peer-not-empty:block\\`\n\n// Interactive\ntw\\`peer-not-focus-within:block\\`\ntw\\`peer-not-hover:block\\`\ntw\\`peer-not-focus:block\\`\ntw\\`peer-not-focus-visible:block\\`\ntw\\`peer-not-active:block\\`\ntw\\`peer-not-enabled:block\\`\ntw\\`peer-not-disabled:block\\`\n\n// Twin custom\ntw\\`peer-not-all:block\\`\ntw\\`peer-not-all-child:block\\`\ntw\\`peer-not-sibling:block\\`\ntw\\`peer-not-hocus:block\\`\ntw\\`peer-not-link:block\\`\ntw\\`peer-not-read-write:block\\`\ntw\\`peer-not-svg:block\\`\ntw\\`peer-not-even-of-type:block\\`\ntw\\`peer-not-odd-of-type:block\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// Positional\n;({\n '.peer:first-child ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:last-child ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:only-child ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:nth-child(odd) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:nth-child(even) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:first-of-type ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:last-of-type ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:only-of-type ~ &': {\n display: 'block',\n },\n}) // State\n\n;({\n '.peer:visited ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:target ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer[open] ~ &': {\n display: 'block',\n },\n}) // Forms\n\n;({\n '.peer:default ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:checked ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:indeterminate ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:placeholder-shown ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:autofill ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:optional ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:required ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:valid ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:invalid ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:in-range ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:out-of-range ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:read-only ~ &': {\n display: 'block',\n },\n}) // Content\n\n;({\n '.peer:empty ~ &': {\n display: 'block',\n },\n}) // Interactive\n\n;({\n '.peer:focus-within ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:hover ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:focus ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:focus-visible ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:active ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:enabled ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:disabled ~ &': {\n display: 'block',\n },\n}) // Twin custom\n\n;({\n '.peer * ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer > * ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer ~ * ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:hover ~ &': {\n display: 'block',\n },\n '.peer:focus ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:link ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:read-write ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer svg ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:nth-of-type(even) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:nth-of-type(odd) ~ &': {\n display: 'block',\n },\n}) // Not versions of the above\n// Positional\n\n;({\n '.peer:not(:first-child) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:last-child) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:only-child) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:nth-child(odd)) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:nth-child(even)) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:first-of-type) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:last-of-type) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:only-of-type) ~ &': {\n display: 'block',\n },\n}) // State\n\n;({\n '.peer:not(:target) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not([open]) ~ &': {\n display: 'block',\n },\n}) // Forms\n\n;({\n '.peer:not(:default) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:checked) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:indeterminate) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:placeholder-shown) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:autofill) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:optional) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:required) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:valid) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:invalid) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:in-range) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:out-of-range) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:read-only) ~ &': {\n display: 'block',\n },\n}) // Content\n\n;({\n '.peer:not(:empty) ~ &': {\n display: 'block',\n },\n}) // Interactive\n\n;({\n '.peer:not(:focus-within) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:hover) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:focus) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:focus-visible) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:active) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:enabled) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:disabled) ~ &': {\n display: 'block',\n },\n}) // Twin custom\n\n;({\n '.peer:not(*) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(> *) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(~ *) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:hover) ~ &': {\n display: 'block',\n },\n '.peer:not(:focus) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:link) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:read-write) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(svg) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:nth-of-type(even)) ~ &': {\n display: 'block',\n },\n})\n;({\n '.peer:not(:nth-of-type(odd)) ~ &': {\n display: 'block',\n },\n})\n\n\n`;\n\nexports[`twin.macro placeContent.tsx: placeContent.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/place-content\ntw\\`place-content-center\\`\ntw\\`place-content-start\\`\ntw\\`place-content-end\\`\ntw\\`place-content-between\\`\ntw\\`place-content-around\\`\ntw\\`place-content-evenly\\`\ntw\\`place-content-stretch\\`\ntw\\`place-content-baseline\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/place-content\n;({\n placeContent: 'center',\n})\n;({\n placeContent: 'start',\n})\n;({\n placeContent: 'end',\n})\n;({\n placeContent: 'space-between',\n})\n;({\n placeContent: 'space-around',\n})\n;({\n placeContent: 'space-evenly',\n})\n;({\n placeContent: 'stretch',\n})\n;({\n placeContent: 'baseline',\n})\n\n\n`;\n\nexports[`twin.macro placeItems.tsx: placeItems.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/place-items\ntw\\`place-items-start\\`\ntw\\`place-items-end\\`\ntw\\`place-items-center\\`\ntw\\`place-items-stretch\\`\ntw\\`place-items-baseline\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/place-items\n;({\n placeItems: 'start',\n})\n;({\n placeItems: 'end',\n})\n;({\n placeItems: 'center',\n})\n;({\n placeItems: 'stretch',\n})\n;({\n placeItems: 'baseline',\n})\n\n\n`;\n\nexports[`twin.macro placeSelf.tsx: placeSelf.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/place-self\ntw\\`place-self-auto\\`\ntw\\`place-self-start\\`\ntw\\`place-self-end\\`\ntw\\`place-self-center\\`\ntw\\`place-self-stretch\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/place-self\n;({\n placeSelf: 'auto',\n})\n;({\n placeSelf: 'start',\n})\n;({\n placeSelf: 'end',\n})\n;({\n placeSelf: 'center',\n})\n;({\n placeSelf: 'stretch',\n})\n\n\n`;\n\nexports[`twin.macro placeholderColor.tsx: placeholderColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/placeholder-color\ntw\\`placeholder-inherit\\`\ntw\\`placeholder-current\\`\ntw\\`placeholder-transparent\\`\ntw\\`placeholder-black\\`\ntw\\`placeholder-white\\`\ntw\\`placeholder-slate-50\\`\ntw\\`placeholder-slate-100\\`\ntw\\`placeholder-slate-200\\`\ntw\\`placeholder-slate-300\\`\ntw\\`placeholder-slate-400\\`\ntw\\`placeholder-slate-500\\`\ntw\\`placeholder-slate-600\\`\ntw\\`placeholder-slate-700\\`\ntw\\`placeholder-slate-800\\`\ntw\\`placeholder-slate-900\\`\ntw\\`placeholder-gray-50\\`\ntw\\`placeholder-gray-100\\`\ntw\\`placeholder-gray-200\\`\ntw\\`placeholder-gray-300\\`\ntw\\`placeholder-gray-400\\`\ntw\\`placeholder-gray-500\\`\ntw\\`placeholder-gray-600\\`\ntw\\`placeholder-gray-700\\`\ntw\\`placeholder-gray-800\\`\ntw\\`placeholder-gray-900\\`\ntw\\`placeholder-zinc-50\\`\ntw\\`placeholder-zinc-100\\`\ntw\\`placeholder-zinc-200\\`\ntw\\`placeholder-zinc-300\\`\ntw\\`placeholder-zinc-400\\`\ntw\\`placeholder-zinc-500\\`\ntw\\`placeholder-zinc-600\\`\ntw\\`placeholder-zinc-700\\`\ntw\\`placeholder-zinc-800\\`\ntw\\`placeholder-zinc-900\\`\ntw\\`placeholder-neutral-50\\`\ntw\\`placeholder-neutral-100\\`\ntw\\`placeholder-neutral-200\\`\ntw\\`placeholder-neutral-300\\`\ntw\\`placeholder-neutral-400\\`\ntw\\`placeholder-neutral-500\\`\ntw\\`placeholder-neutral-600\\`\ntw\\`placeholder-neutral-700\\`\ntw\\`placeholder-neutral-800\\`\ntw\\`placeholder-neutral-900\\`\ntw\\`placeholder-stone-50\\`\ntw\\`placeholder-stone-100\\`\ntw\\`placeholder-stone-200\\`\ntw\\`placeholder-stone-300\\`\ntw\\`placeholder-stone-400\\`\ntw\\`placeholder-stone-500\\`\ntw\\`placeholder-stone-600\\`\ntw\\`placeholder-stone-700\\`\ntw\\`placeholder-stone-800\\`\ntw\\`placeholder-stone-900\\`\ntw\\`placeholder-red-50\\`\ntw\\`placeholder-red-100\\`\ntw\\`placeholder-red-200\\`\ntw\\`placeholder-red-300\\`\ntw\\`placeholder-red-400\\`\ntw\\`placeholder-red-500\\`\ntw\\`placeholder-red-600\\`\ntw\\`placeholder-red-700\\`\ntw\\`placeholder-red-800\\`\ntw\\`placeholder-red-900\\`\ntw\\`placeholder-orange-50\\`\ntw\\`placeholder-orange-100\\`\ntw\\`placeholder-orange-200\\`\ntw\\`placeholder-orange-300\\`\ntw\\`placeholder-orange-400\\`\ntw\\`placeholder-orange-500\\`\ntw\\`placeholder-orange-600\\`\ntw\\`placeholder-orange-700\\`\ntw\\`placeholder-orange-800\\`\ntw\\`placeholder-orange-900\\`\ntw\\`placeholder-amber-50\\`\ntw\\`placeholder-amber-100\\`\ntw\\`placeholder-amber-200\\`\ntw\\`placeholder-amber-300\\`\ntw\\`placeholder-amber-400\\`\ntw\\`placeholder-amber-500\\`\ntw\\`placeholder-amber-600\\`\ntw\\`placeholder-amber-700\\`\ntw\\`placeholder-amber-800\\`\ntw\\`placeholder-amber-900\\`\ntw\\`placeholder-yellow-50\\`\ntw\\`placeholder-yellow-100\\`\ntw\\`placeholder-yellow-200\\`\ntw\\`placeholder-yellow-300\\`\ntw\\`placeholder-yellow-400\\`\ntw\\`placeholder-yellow-500\\`\ntw\\`placeholder-yellow-600\\`\ntw\\`placeholder-yellow-700\\`\ntw\\`placeholder-yellow-800\\`\ntw\\`placeholder-yellow-900\\`\ntw\\`placeholder-lime-50\\`\ntw\\`placeholder-lime-100\\`\ntw\\`placeholder-lime-200\\`\ntw\\`placeholder-lime-300\\`\ntw\\`placeholder-lime-400\\`\ntw\\`placeholder-lime-500\\`\ntw\\`placeholder-lime-600\\`\ntw\\`placeholder-lime-700\\`\ntw\\`placeholder-lime-800\\`\ntw\\`placeholder-lime-900\\`\ntw\\`placeholder-green-50\\`\ntw\\`placeholder-green-100\\`\ntw\\`placeholder-green-200\\`\ntw\\`placeholder-green-300\\`\ntw\\`placeholder-green-400\\`\ntw\\`placeholder-green-500\\`\ntw\\`placeholder-green-600\\`\ntw\\`placeholder-green-700\\`\ntw\\`placeholder-green-800\\`\ntw\\`placeholder-green-900\\`\ntw\\`placeholder-emerald-50\\`\ntw\\`placeholder-emerald-100\\`\ntw\\`placeholder-emerald-200\\`\ntw\\`placeholder-emerald-300\\`\ntw\\`placeholder-emerald-400\\`\ntw\\`placeholder-emerald-500\\`\ntw\\`placeholder-emerald-600\\`\ntw\\`placeholder-emerald-700\\`\ntw\\`placeholder-emerald-800\\`\ntw\\`placeholder-emerald-900\\`\ntw\\`placeholder-teal-50\\`\ntw\\`placeholder-teal-100\\`\ntw\\`placeholder-teal-200\\`\ntw\\`placeholder-teal-300\\`\ntw\\`placeholder-teal-400\\`\ntw\\`placeholder-teal-500\\`\ntw\\`placeholder-teal-600\\`\ntw\\`placeholder-teal-700\\`\ntw\\`placeholder-teal-800\\`\ntw\\`placeholder-teal-900\\`\ntw\\`placeholder-cyan-50\\`\ntw\\`placeholder-cyan-100\\`\ntw\\`placeholder-cyan-200\\`\ntw\\`placeholder-cyan-300\\`\ntw\\`placeholder-cyan-400\\`\ntw\\`placeholder-cyan-500\\`\ntw\\`placeholder-cyan-600\\`\ntw\\`placeholder-cyan-700\\`\ntw\\`placeholder-cyan-800\\`\ntw\\`placeholder-cyan-900\\`\ntw\\`placeholder-sky-50\\`\ntw\\`placeholder-sky-100\\`\ntw\\`placeholder-sky-200\\`\ntw\\`placeholder-sky-300\\`\ntw\\`placeholder-sky-400\\`\ntw\\`placeholder-sky-500\\`\ntw\\`placeholder-sky-600\\`\ntw\\`placeholder-sky-700\\`\ntw\\`placeholder-sky-800\\`\ntw\\`placeholder-sky-900\\`\ntw\\`placeholder-blue-50\\`\ntw\\`placeholder-blue-100\\`\ntw\\`placeholder-blue-200\\`\ntw\\`placeholder-blue-300\\`\ntw\\`placeholder-blue-400\\`\ntw\\`placeholder-blue-500\\`\ntw\\`placeholder-blue-600\\`\ntw\\`placeholder-blue-700\\`\ntw\\`placeholder-blue-800\\`\ntw\\`placeholder-blue-900\\`\ntw\\`placeholder-indigo-50\\`\ntw\\`placeholder-indigo-100\\`\ntw\\`placeholder-indigo-200\\`\ntw\\`placeholder-indigo-300\\`\ntw\\`placeholder-indigo-400\\`\ntw\\`placeholder-indigo-500\\`\ntw\\`placeholder-indigo-600\\`\ntw\\`placeholder-indigo-700\\`\ntw\\`placeholder-indigo-800\\`\ntw\\`placeholder-indigo-900\\`\ntw\\`placeholder-violet-50\\`\ntw\\`placeholder-violet-100\\`\ntw\\`placeholder-violet-200\\`\ntw\\`placeholder-violet-300\\`\ntw\\`placeholder-violet-400\\`\ntw\\`placeholder-violet-500\\`\ntw\\`placeholder-violet-600\\`\ntw\\`placeholder-violet-700\\`\ntw\\`placeholder-violet-800\\`\ntw\\`placeholder-violet-900\\`\ntw\\`placeholder-purple-50\\`\ntw\\`placeholder-purple-100\\`\ntw\\`placeholder-purple-200\\`\ntw\\`placeholder-purple-300\\`\ntw\\`placeholder-purple-400\\`\ntw\\`placeholder-purple-500\\`\ntw\\`placeholder-purple-600\\`\ntw\\`placeholder-purple-700\\`\ntw\\`placeholder-purple-800\\`\ntw\\`placeholder-purple-900\\`\ntw\\`placeholder-fuchsia-50\\`\ntw\\`placeholder-fuchsia-100\\`\ntw\\`placeholder-fuchsia-200\\`\ntw\\`placeholder-fuchsia-300\\`\ntw\\`placeholder-fuchsia-400\\`\ntw\\`placeholder-fuchsia-500\\`\ntw\\`placeholder-fuchsia-600\\`\ntw\\`placeholder-fuchsia-700\\`\ntw\\`placeholder-fuchsia-800\\`\ntw\\`placeholder-fuchsia-900\\`\ntw\\`placeholder-pink-50\\`\ntw\\`placeholder-pink-100\\`\ntw\\`placeholder-pink-200\\`\ntw\\`placeholder-pink-300\\`\ntw\\`placeholder-pink-400\\`\ntw\\`placeholder-pink-500\\`\ntw\\`placeholder-pink-600\\`\ntw\\`placeholder-pink-700\\`\ntw\\`placeholder-pink-800\\`\ntw\\`placeholder-pink-900\\`\ntw\\`placeholder-rose-50\\`\ntw\\`placeholder-rose-100\\`\ntw\\`placeholder-rose-200\\`\ntw\\`placeholder-rose-300\\`\ntw\\`placeholder-rose-400\\`\ntw\\`placeholder-rose-500\\`\ntw\\`placeholder-rose-600\\`\ntw\\`placeholder-rose-700\\`\ntw\\`placeholder-rose-800\\`\ntw\\`placeholder-rose-900\\`\n\ntw\\`placeholder-[red]\\`\ntw\\`placeholder-[var(--placeholder)]\\`\n\ntw\\`placeholder-red-500/25\\`\ntw\\`placeholder-red-500/fromConfig\\`\ntw\\`placeholder-red-500/fromConfig/25\\`\ntw\\`placeholder-red-500/fromConfig/[.555]\\`\ntw\\`placeholder-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`placeholder-red-500/[.555]\\`\ntw\\`placeholder-red-500/[var(--myvar)]\\`\ntw\\`placeholder-[theme('colors.red.500')]\\`\n\ntw\\`placeholder-electric\\`\ntw\\`placeholder-electric/25\\`\ntw\\`placeholder-electric/[.555]\\`\ntw\\`placeholder-electric/[var(--myvar)]\\`\ntw\\`placeholder-[theme('colors.electric')]\\`\n\ntw\\`placeholder-[color:red]\\`\ntw\\`placeholder-[any:red]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/placeholder-color\n;({\n '::placeholder': {\n color: 'inherit',\n },\n})\n;({\n '::placeholder': {\n color: 'currentColor',\n },\n})\n;({\n '::placeholder': {\n color: 'transparent',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(0 0 0 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 255 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(248 250 252 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(241 245 249 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(226 232 240 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(203 213 225 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(148 163 184 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(100 116 139 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(71 85 105 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(51 65 85 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(30 41 59 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(15 23 42 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(249 250 251 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(243 244 246 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(229 231 235 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(209 213 219 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(156 163 175 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(107 114 128 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(75 85 99 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(55 65 81 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(31 41 55 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(17 24 39 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(250 250 250 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(244 244 245 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(228 228 231 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(212 212 216 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(161 161 170 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(113 113 122 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(82 82 91 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(63 63 70 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(39 39 42 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(24 24 27 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(250 250 250 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(245 245 245 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(229 229 229 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(212 212 212 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(163 163 163 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(115 115 115 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(82 82 82 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(64 64 64 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(38 38 38 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(23 23 23 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(250 250 249 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(245 245 244 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(231 229 228 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(214 211 209 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(168 162 158 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(120 113 108 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(87 83 78 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(68 64 60 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(41 37 36 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(28 25 23 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 242 242 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 226 226 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 202 202 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(252 165 165 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(248 113 113 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(220 38 38 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(185 28 28 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(153 27 27 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(127 29 29 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 247 237 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 237 213 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 215 170 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(253 186 116 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(251 146 60 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(249 115 22 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(234 88 12 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(194 65 12 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(154 52 18 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(124 45 18 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 251 235 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 243 199 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(253 230 138 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(252 211 77 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(251 191 36 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(245 158 11 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(217 119 6 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(180 83 9 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(146 64 14 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(120 53 15 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 252 232 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 249 195 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 240 138 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(253 224 71 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(250 204 21 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(234 179 8 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(202 138 4 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(161 98 7 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(133 77 14 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(113 63 18 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(247 254 231 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(236 252 203 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(217 249 157 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(190 242 100 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(163 230 53 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(132 204 22 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(101 163 13 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(77 124 15 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(63 98 18 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(54 83 20 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(240 253 244 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(220 252 231 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(187 247 208 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(134 239 172 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(74 222 128 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(34 197 94 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(22 163 74 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(21 128 61 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(22 101 52 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(20 83 45 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(236 253 245 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(209 250 229 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(167 243 208 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(110 231 183 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(52 211 153 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(16 185 129 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(5 150 105 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(4 120 87 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(6 95 70 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(6 78 59 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(240 253 250 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(204 251 241 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(153 246 228 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(94 234 212 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(45 212 191 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(20 184 166 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(13 148 136 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(15 118 110 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(17 94 89 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(19 78 74 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(236 254 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(207 250 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(165 243 252 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(103 232 249 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(34 211 238 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(6 182 212 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(8 145 178 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(14 116 144 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(21 94 117 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(22 78 99 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(240 249 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(224 242 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(186 230 253 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(125 211 252 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(56 189 248 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(14 165 233 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(2 132 199 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(3 105 161 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(7 89 133 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(12 74 110 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(239 246 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(219 234 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(191 219 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(147 197 253 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(96 165 250 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(59 130 246 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(37 99 235 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(29 78 216 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(30 64 175 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(30 58 138 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(238 242 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(224 231 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(199 210 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(165 180 252 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(129 140 248 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(99 102 241 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(79 70 229 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(67 56 202 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(55 48 163 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(49 46 129 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(245 243 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(237 233 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(221 214 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(196 181 253 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(167 139 250 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(139 92 246 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(124 58 237 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(109 40 217 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(91 33 182 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(76 29 149 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(250 245 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(243 232 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(233 213 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(216 180 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(192 132 252 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(168 85 247 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(147 51 234 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(126 34 206 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(107 33 168 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(88 28 135 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(253 244 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(250 232 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(245 208 254 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(240 171 252 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(232 121 249 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(217 70 239 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(192 38 211 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(162 28 175 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(134 25 143 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(112 26 117 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(253 242 248 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(252 231 243 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(251 207 232 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(249 168 212 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(244 114 182 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(236 72 153 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(219 39 119 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(190 24 93 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(157 23 77 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(131 24 67 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 241 242 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 228 230 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(254 205 211 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(253 164 175 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(251 113 133 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(244 63 94 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(225 29 72 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(190 18 60 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(159 18 57 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(136 19 55 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 0 0 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n color: 'var(--placeholder)',\n },\n})\n;({\n '::placeholder': {\n color: 'rgb(239 68 68 / 0.25)',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(0 0 0 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n color: 'rgb(0 0 0 / 0.25)',\n },\n})\n;({\n '::placeholder': {\n color: 'rgb(0 0 0 / .555)',\n },\n})\n;({\n '::placeholder': {\n color: 'rgb(0 0 0 / var(--myvar))',\n },\n})\n;({\n '::placeholder': {\n color: 'rgb(239 68 68 / .555)',\n },\n})\n;({\n '::placeholder': {\n color: 'rgb(239 68 68 / var(--myvar))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgba(219, 0, 255, var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n color: 'rgba(219, 0, 255, 0.25)',\n },\n})\n;({\n '::placeholder': {\n color: 'rgba(219, 0, 255, .555)',\n },\n})\n;({\n '::placeholder': {\n color: 'rgba(219, 0, 255, var(--myvar))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(219 0 255 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 0 0 / var(--tw-placeholder-opacity))',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n color: 'rgb(255 0 0 / var(--tw-placeholder-opacity))',\n },\n})\n\n\n`;\n\nexports[`twin.macro placeholderOpacity.tsx: placeholderOpacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/placeholder-opacity\n// Deprecated in favor of slash opacity syntax\ntw\\`placeholder-opacity-0\\`\ntw\\`placeholder-opacity-5\\`\ntw\\`placeholder-opacity-10\\`\ntw\\`placeholder-opacity-20\\`\ntw\\`placeholder-opacity-25\\`\ntw\\`placeholder-opacity-30\\`\ntw\\`placeholder-opacity-40\\`\ntw\\`placeholder-opacity-50\\`\ntw\\`placeholder-opacity-60\\`\ntw\\`placeholder-opacity-70\\`\ntw\\`placeholder-opacity-75\\`\ntw\\`placeholder-opacity-80\\`\ntw\\`placeholder-opacity-90\\`\ntw\\`placeholder-opacity-95\\`\ntw\\`placeholder-opacity-100\\`\n\ntw\\`placeholder-opacity-[var(--placeholder-opacity)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/placeholder-opacity\n// Deprecated in favor of slash opacity syntax\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.05',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.1',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.2',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.25',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.3',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.4',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.5',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.6',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.7',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.75',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.8',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.9',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '0.95',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': '1',\n },\n})\n;({\n '::placeholder': {\n '--tw-placeholder-opacity': 'var(--placeholder-opacity)',\n },\n})\n\n\n`;\n\nexports[`twin.macro pluginAspectRatio.tsx: pluginAspectRatio.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`aspect-w-1\\`\ntw\\`aspect-h-1\\`\ntw\\`aspect-w-2\\`\ntw\\`aspect-h-2\\`\ntw\\`aspect-w-3\\`\ntw\\`aspect-h-3\\`\ntw\\`aspect-w-4\\`\ntw\\`aspect-h-4\\`\ntw\\`aspect-w-5\\`\ntw\\`aspect-h-5\\`\ntw\\`aspect-w-6\\`\ntw\\`aspect-h-6\\`\ntw\\`aspect-w-7\\`\ntw\\`aspect-h-7\\`\ntw\\`aspect-w-8\\`\ntw\\`aspect-h-8\\`\ntw\\`aspect-w-9\\`\ntw\\`aspect-h-9\\`\ntw\\`aspect-w-10\\`\ntw\\`aspect-h-10\\`\ntw\\`aspect-w-11\\`\ntw\\`aspect-h-11\\`\ntw\\`aspect-w-12\\`\ntw\\`aspect-h-12\\`\ntw\\`aspect-w-13\\`\ntw\\`aspect-h-13\\`\ntw\\`aspect-w-14\\`\ntw\\`aspect-h-14\\`\ntw\\`aspect-w-15\\`\ntw\\`aspect-h-15\\`\ntw\\`aspect-w-16\\`\ntw\\`aspect-h-16\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '1',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '1',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '2',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '2',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '3',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '3',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '4',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '4',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '5',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '5',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '6',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '6',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '7',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '7',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '8',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '8',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '9',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '9',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '10',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '10',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '11',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '11',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '12',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '12',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '13',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '13',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '14',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '14',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '15',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '15',\n})\n;({\n position: 'relative',\n paddingBottom: 'calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)',\n '--tw-aspect-w': '16',\n '> *': {\n position: 'absolute',\n height: '100%',\n width: '100%',\n top: '0',\n right: '0',\n bottom: '0',\n left: '0',\n },\n})\n;({\n '--tw-aspect-h': '16',\n})\n\n\n`;\n\nexports[`twin.macro pluginDaisyUi.tsx: pluginDaisyUi.tsx 1`] = `\n\n// @ts-nocheck\nimport { globalStyles } from '../macro'\n\nglobalStyles\n;() => (\n <>\n
    \n
    \n \n \n \n \n
    \n
    \n
    \n
    \n \n \n \n Error! Task failed successfully.\n
    \n
    \n\n
    \n
    \n \n \n \n 12 unread messages. Tap to see.\n
    \n
    \n
    \n\n
    \n \n
    \n
    \n \n
    \n
    \n
    \n \n \n \n info\n
    \n
    \n \n \n \n success\n
    \n
    \n \n \n \n warning\n
    \n
    \n \n \n \n error\n
    \n
    \n
    \n \n \n \n
    \n
    \n
    \n
    \n
    \n \n \n \n
    \n
    Total Likes
    \n
    25.6K
    \n
    21% more than last month
    \n
    \n\n
    \n
    \n \n \n \n
    \n
    Page Views
    \n
    2.6M
    \n
    21% more than last month
    \n
    \n\n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    86%
    \n
    Tasks done
    \n
    31 tasks remaining
    \n
    \n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n

    New movie is released!

    \n

    Click the button to watch on Jetflix app.

    \n
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n \n \n
    \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n \n \n \n \n \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n \n \n \n \n
    \n
    \n
    \n
    \n \n
    \n \n
    \n
    \n \n \n
  • \n Sidebar Item 1\n
    • \n
  • \n Sidebar Item 2\n
    • \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n

    Hello there

    \n

    \n Provident cupiditate voluptatem et in. Quaerat fugiat ut\n assumenda excepturi exercitationem quasi. In deleniti eaque aut\n repudiandae et a id nisi.\n

    \n \n
    \n
    \n
    \n
    \n
    \n
    \n \n 99+\n \n \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
      \n
    • \n Register\n
      • \n
    • \n Choose plan\n
      • \n
    • \n Purchase\n
      • \n
    • \n Receive Product\n
      • \n
    \n
    \n
    \n
      \n
    • \n Fly to moon\n
      • \n
    • \n Shrink the moon\n
      • \n
    • \n Grab the moon\n
      • \n
    • \n Sit on toilet\n
      • \n
    \n
    \n
    \n \n
    \n
    \n
    \n 
    \n            npm i daisyui\n
    \n 
    \" tw=\"text-warning\">\n            installing...\n
    \n 
    \" tw=\"text-success\">\n            Done!\n
    \n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n

    Shoes!

    \n

    If a dog chews shoes whose shoes does he choose?

    \n
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n \n top+start\n \n \n top+center\n \n \n top+end\n \n \n middle+start\n \n \n middle+center\n \n \n middle+end\n \n \n bott0m+strt\n \n \n bottom+center\n \n \n bottom+end\n \n
    content
    \n
    \n
    \n
    \n
    \n
    \n
    \n

    Login now!

    \n

    \n Provident cupiditate voluptatem et in. Quaerat fugiat ut\n assumenda excepturi exercitationem quasi. In deleniti eaque aut\n repudiandae et a id nisi.\n

    \n
    \n
    \n
    \n
    \n \n \n
    \n
    \n \n \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n\n \n
    \n
    \n

    Congratulations random Interner user!

    \n

    \n You've been selected for a chance to get one year of subscription to\n use Wikipedia for free!\n

    \n
    \n \n
    \n
    \n
    \n \n)\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '*, ::before, ::after': {\n boxSizing: 'border-box',\n borderWidth: '0',\n borderStyle: 'solid',\n borderColor: '#e5e7eb',\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n '::before, ::after': {\n '--tw-content': \"''\",\n },\n html: {\n lineHeight: '1.5',\n WebkitTextSizeAdjust: '100%',\n MozTabSize: '4',\n tabSize: '4',\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n fontFeatureSettings: ' normal',\n fontVariationSettings: ' normal',\n WebkitTapHighlightColor: 'transparent',\n },\n body: {\n margin: '0',\n lineHeight: 'inherit',\n },\n hr: {\n height: '0',\n color: 'inherit',\n borderTopWidth: '1px',\n },\n 'abbr:where([title])': {\n textDecoration: 'underline dotted',\n },\n 'h1, h2, h3, h4, h5, h6': {\n fontSize: 'inherit',\n fontWeight: 'inherit',\n },\n a: {\n color: 'inherit',\n textDecoration: 'inherit',\n },\n 'b, strong': {\n fontWeight: 'bolder',\n },\n 'code, kbd, samp, pre': {\n fontFamily:\n 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n fontSize: '1em',\n },\n small: {\n fontSize: '80%',\n },\n 'sub, sup': {\n fontSize: '75%',\n lineHeight: '0',\n position: 'relative',\n verticalAlign: 'baseline',\n },\n sub: {\n bottom: '-0.25em',\n },\n sup: {\n top: '-0.5em',\n },\n table: {\n textIndent: '0',\n borderColor: 'inherit',\n borderCollapse: 'collapse',\n },\n 'button, input, optgroup, select, textarea': {\n fontFamily: 'inherit',\n fontSize: '100%',\n fontWeight: 'inherit',\n lineHeight: 'inherit',\n color: 'inherit',\n margin: '0',\n padding: '0',\n },\n 'button, select': {\n textTransform: 'none',\n },\n \"button, [type='button'], [type='reset'], [type='submit']\": {\n WebkitAppearance: 'button',\n backgroundColor: 'transparent',\n backgroundImage: 'none',\n },\n ':-moz-focusring': {\n outline: 'auto',\n },\n ':-moz-ui-invalid': {\n boxShadow: 'none',\n },\n progress: {\n verticalAlign: 'baseline',\n },\n '::-webkit-inner-spin-button, ::-webkit-outer-spin-button': {\n height: 'auto',\n },\n \"[type='search']\": {\n WebkitAppearance: 'textfield',\n outlineOffset: '-2px',\n },\n '::-webkit-search-decoration': {\n WebkitAppearance: 'none',\n },\n '::-webkit-file-upload-button': {\n WebkitAppearance: 'button',\n font: 'inherit',\n },\n summary: {\n display: 'list-item',\n },\n 'blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre': {\n margin: '0',\n },\n fieldset: {\n margin: '0',\n padding: '0',\n },\n legend: {\n padding: '0',\n },\n 'ol, ul, menu': {\n listStyle: 'none',\n margin: '0',\n padding: '0',\n },\n textarea: {\n resize: 'vertical',\n },\n 'input::placeholder, textarea::placeholder': {\n opacity: '1',\n color: '#9ca3af',\n },\n 'button, [role=\"button\"]': {\n cursor: 'pointer',\n },\n ':disabled': {\n cursor: 'default',\n },\n 'img, svg, video, canvas, audio, iframe, embed, object': {\n display: 'block',\n verticalAlign: 'middle',\n },\n 'img, video': {\n maxWidth: '100%',\n height: 'auto',\n },\n '[hidden]': {\n display: 'none',\n },\n '::backdrop': {\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n ':root, [data-theme]': {\n backgroundColor: 'hsla(var(--b1) / var(--tw-bg-opacity, 1))',\n color: 'hsla(var(--bc) / var(--tw-text-opacity, 1))',\n },\n '@keyframes spin': {\n from: {\n transform: 'rotate(0deg)',\n },\n to: {\n transform: 'rotate(360deg)',\n },\n },\n '@keyframes button-pop': {\n '0%': {\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n '40%': {\n transform: 'scale(1.02)',\n },\n '100%': {\n transform: 'scale(1)',\n },\n },\n '@keyframes checkmark': {\n '0%': {\n backgroundPositionY: '5px',\n },\n '50%': {\n backgroundPositionY: '-2px',\n },\n '100%': {\n backgroundPositionY: '0',\n },\n },\n '@keyframes progress-loading': {\n '50%': {\n left: '107%',\n },\n },\n '@keyframes radiomark': {\n '0%': {\n boxShadow:\n '0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset',\n },\n '50%': {\n boxShadow:\n '0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset',\n },\n '100%': {\n boxShadow:\n '0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset',\n },\n },\n '@keyframes rating-pop': {\n '0%': {\n transform: 'translateY(-0.125em)',\n },\n '40%': {\n transform: 'translateY(-0.125em)',\n },\n '100%': {\n transform: 'translateY(0)',\n },\n },\n '@keyframes toast-pop': {\n '0%': {\n transform: 'scale(0.9)',\n opacity: '0',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n ':root': {\n colorScheme: 'light',\n '--pf': '259 94% 41%',\n '--sf': '314 100% 38%',\n '--af': '174 60% 41%',\n '--nf': '219 14% 22%',\n '--in': '198 93% 60%',\n '--su': '158 64% 52%',\n '--wa': '43 96% 56%',\n '--er': '0 91% 71%',\n '--inc': '198 100% 12%',\n '--suc': '158 100% 10%',\n '--wac': '43 100% 11%',\n '--erc': '0 100% 14%',\n '--rounded-box': '1rem',\n '--rounded-btn': '0.5rem',\n '--rounded-badge': '1.9rem',\n '--animation-btn': '0.25s',\n '--animation-input': '.2s',\n '--btn-text-case': 'uppercase',\n '--btn-focus-scale': '0.95',\n '--border-btn': '1px',\n '--tab-border': '1px',\n '--tab-radius': '0.5rem',\n '--p': '259 94% 51%',\n '--pc': '0 0% 100%',\n '--s': '314 100% 47%',\n '--sc': '0 0% 100%',\n '--a': '174 60% 51%',\n '--ac': '175 44% 15%',\n '--n': '219 14% 28%',\n '--nc': '0 0% 100%',\n '--b1': '0 0% 100%',\n '--b2': '0 0% 95%',\n '--b3': '180 2% 90%',\n '--bc': '215 28% 17%',\n },\n})\n\n;() => (\n <>\n \n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Button\n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Button\n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Button\n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Button\n \n
    \n \n :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.5rem * var(--tw-space-y-reverse))',\n },\n '@media (min-width: 768px)': {\n flexDirection: 'row',\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0px * var(--tw-space-y-reverse))',\n },\n },\n '> :where(*)': {\n display: 'flex',\n alignItems: 'center',\n gap: '0.5rem',\n },\n '--tw-text-opacity': '1',\n color: 'hsl(var(--erc, var(--nc)) / var(--tw-text-opacity))',\n '--tw-shadow':\n '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n }}\n >\n
    \n \n \n \n Error! Task failed successfully.\n
    \n
    \n\n :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.5rem * var(--tw-space-y-reverse))',\n },\n '@media (min-width: 768px)': {\n flexDirection: 'row',\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0px * var(--tw-space-y-reverse))',\n },\n },\n '> :where(*)': {\n display: 'flex',\n alignItems: 'center',\n gap: '0.5rem',\n },\n '--tw-shadow':\n '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n }}\n >\n
    \n \n \n \n 12 unread messages. Tap to see.\n
    \n
    \n
    \n\n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n className=\"modal-button\"\n >\n open modal\n \n
    \n \n *': {\n gridColumnStart: '1',\n gridRowStart: '1',\n transitionDuration: '300ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionProperty: 'transform, opacity',\n },\n '& input': {\n appearance: 'none',\n },\n '& .swap-on,& .swap-indeterminate,& input:indeterminate ~ .swap-on':\n {\n opacity: '0',\n },\n '& input:checked ~ .swap-off,&.swap-active .swap-off,& input:indeterminate ~ .swap-off':\n {\n opacity: '0',\n },\n '& input:checked ~ .swap-on,& input:indeterminate ~ .swap-indeterminate':\n {\n opacity: '1',\n },\n }}\n className=\"swap\"\n >\n \n \n ON\n
    \n \n OFF\n
    \n \n
    \n \n \n \n \n \n info\n
    \n \n \n \n \n success\n
    \n \n \n \n \n warning\n
    \n \n \n \n \n error\n
    \n
    \n \n *': {\n height: '1em',\n display: 'inline-block',\n overflowY: 'hidden',\n },\n '> *:before': {\n position: 'relative',\n content:\n '\"00\\\\\\\\A 01\\\\\\\\A 02\\\\\\\\A 03\\\\\\\\A 04\\\\\\\\A 05\\\\\\\\A 06\\\\\\\\A 07\\\\\\\\A 08\\\\\\\\A 09\\\\\\\\A 10\\\\\\\\A 11\\\\\\\\A 12\\\\\\\\A 13\\\\\\\\A 14\\\\\\\\A 15\\\\\\\\A 16\\\\\\\\A 17\\\\\\\\A 18\\\\\\\\A 19\\\\\\\\A 20\\\\\\\\A 21\\\\\\\\A 22\\\\\\\\A 23\\\\\\\\A 24\\\\\\\\A 25\\\\\\\\A 26\\\\\\\\A 27\\\\\\\\A 28\\\\\\\\A 29\\\\\\\\A 30\\\\\\\\A 31\\\\\\\\A 32\\\\\\\\A 33\\\\\\\\A 34\\\\\\\\A 35\\\\\\\\A 36\\\\\\\\A 37\\\\\\\\A 38\\\\\\\\A 39\\\\\\\\A 40\\\\\\\\A 41\\\\\\\\A 42\\\\\\\\A 43\\\\\\\\A 44\\\\\\\\A 45\\\\\\\\A 46\\\\\\\\A 47\\\\\\\\A 48\\\\\\\\A 49\\\\\\\\A 50\\\\\\\\A 51\\\\\\\\A 52\\\\\\\\A 53\\\\\\\\A 54\\\\\\\\A 55\\\\\\\\A 56\\\\\\\\A 57\\\\\\\\A 58\\\\\\\\A 59\\\\\\\\A 60\\\\\\\\A 61\\\\\\\\A 62\\\\\\\\A 63\\\\\\\\A 64\\\\\\\\A 65\\\\\\\\A 66\\\\\\\\A 67\\\\\\\\A 68\\\\\\\\A 69\\\\\\\\A 70\\\\\\\\A 71\\\\\\\\A 72\\\\\\\\A 73\\\\\\\\A 74\\\\\\\\A 75\\\\\\\\A 76\\\\\\\\A 77\\\\\\\\A 78\\\\\\\\A 79\\\\\\\\A 80\\\\\\\\A 81\\\\\\\\A 82\\\\\\\\A 83\\\\\\\\A 84\\\\\\\\A 85\\\\\\\\A 86\\\\\\\\A 87\\\\\\\\A 88\\\\\\\\A 89\\\\\\\\A 90\\\\\\\\A 91\\\\\\\\A 92\\\\\\\\A 93\\\\\\\\A 94\\\\\\\\A 95\\\\\\\\A 96\\\\\\\\A 97\\\\\\\\A 98\\\\\\\\A 99\\\\\\\\A\"',\n whiteSpace: 'pre',\n top: 'calc(var(--value) * -1em)',\n textAlign: 'center',\n transition: 'all 1s cubic-bezier(1, 0, 0, 1)',\n },\n }}\n >\n \n \n
    \n \n :not([hidden]) ~ :not([hidden])': {\n '--tw-divide-x-reverse': '0',\n borderRightWidth: 'calc(1px * var(--tw-divide-x-reverse))',\n borderLeftWidth:\n 'calc(1px * calc(1 - var(--tw-divide-x-reverse)))',\n '--tw-divide-y-reverse': '0',\n borderTopWidth:\n 'calc(0px * calc(1 - var(--tw-divide-y-reverse)))',\n borderBottomWidth: 'calc(0px * var(--tw-divide-y-reverse))',\n },\n '--tw-shadow':\n '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n }}\n >\n \n \n \n \n \n
    \n \n Total Likes\n
    \n \n 25.6K\n
    \n \n 21% more than last month\n
    \n
    \n\n \n \n \n \n \n
    \n \n Page Views\n
    \n \n 2.6M\n
    \n \n 21% more than last month\n
    \n
    \n\n \n \n div': {\n display: 'block',\n aspectRatio: '1 / 1',\n overflow: 'hidden',\n },\n '& img': {\n height: '100%',\n width: '100%',\n objectFit: 'cover',\n },\n '&.placeholder > div': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n '.avatar-group &': {\n overflow: 'hidden',\n borderRadius: '9999px',\n borderWidth: '4px',\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--b1) / var(--tw-border-opacity))',\n },\n '&.online:before': {\n content: '\"\"',\n position: 'absolute',\n zIndex: '10',\n display: 'block',\n borderRadius: '9999px',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--su) / var(--tw-bg-opacity))',\n width: '15%',\n height: '15%',\n top: '7%',\n right: '7%',\n boxShadow: '0 0 0 2px hsl(var(--b1))',\n },\n '&.offline:before': {\n content: '\"\"',\n position: 'absolute',\n zIndex: '10',\n display: 'block',\n borderRadius: '9999px',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))',\n width: '15%',\n height: '15%',\n top: '7%',\n right: '7%',\n boxShadow: '0 0 0 2px hsl(var(--b1))',\n },\n }}\n className=\"online\"\n >\n \n \n
    \n
    \n
    \n \n 86%\n
    \n \n Tasks done\n
    \n \n 31 tasks remaining\n
    \n
    \n
    \n
    \n \n *': {\n gridColumnStart: '1',\n gridRowStart: '1',\n },\n '&.image-full > figure img': {\n height: '100%',\n objectFit: 'cover',\n },\n '&.image-full > .card-body': {\n position: 'relative',\n zIndex: '20',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--nc) / var(--tw-text-opacity))',\n },\n '& :where(figure:first-child)': {\n overflow: 'hidden',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'unset',\n borderBottomLeftRadius: 'inherit',\n borderBottomRightRadius: 'unset',\n },\n '& :where(figure:last-child)': {\n overflow: 'hidden',\n borderTopLeftRadius: 'unset',\n borderTopRightRadius: 'inherit',\n borderBottomLeftRadius: 'unset',\n borderBottomRightRadius: 'inherit',\n },\n ':focus-visible': {\n outline: '2px solid currentColor',\n outlineOffset: '2px',\n },\n '&.bordered': {\n borderWidth: '1px',\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))',\n },\n '&.compact .card-body': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '&.image-full :where(figure)': {\n overflow: 'hidden',\n borderRadius: 'inherit',\n },\n alignItems: 'stretch',\n '& figure > *': {\n maxWidth: 'unset',\n },\n ':where(& figure > *)': {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--b1) / var(--tw-bg-opacity))',\n '--tw-shadow':\n '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n }}\n >\n
    \n \n
    \n &': {\n position: 'relative',\n zIndex: '20',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--nc) / var(--tw-text-opacity))',\n },\n '.card.compact &': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '.card-compact &': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '.card-normal &': {\n padding: 'var(--padding-card, 2rem)',\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n }}\n >\n \n New movie is released!\n \n

    Click the button to watch on Jetflix app.

    \n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)':\n {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Watch\n \n
    \n
    \n
    \n
    \n \n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Bottom\n \n
    \n
    \n \n \n * &': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n '& a:hover': {\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n },\n cursor: 'pointer',\n }}\n >\n \n Remember me\n \n \n \n
    \n
    \n \n \n * &': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n '& a:hover': {\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n },\n }}\n >\n \n What is your name?\n \n \n Alt label\n \n \n &': {\n isolation: 'isolate',\n borderRadius: '0px',\n },\n '&[list]::-webkit-calendar-picker-indicator': {\n lineHeight: '1em',\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&[disabled]::placeholder': {\n color: 'hsl(var(--bc) / var(--tw-placeholder-opacity))',\n '--tw-placeholder-opacity': '0.2',\n },\n width: '100%',\n maxWidth: '20rem',\n }}\n />\n * &': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n '& a:hover': {\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n },\n }}\n >\n \n Alt label\n \n \n Alt label\n \n \n
    \n
    \n \n \n * &': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n '& a:hover': {\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n },\n cursor: 'pointer',\n }}\n >\n \n Red pill\n \n \n \n
    \n \n * &': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n '& a:hover': {\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n },\n cursor: 'pointer',\n }}\n >\n \n blue pill\n \n \n \n
    \n
    \n \n \n
    \n \n \n \n \n \n \n \n
    \n
    \n \n &': {\n borderRadius: '0px',\n },\n display: 'inline-flex',\n flexShrink: '0',\n cursor: 'pointer',\n WebkitUserSelect: 'none',\n userSelect: 'none',\n appearance: 'none',\n height: '3rem',\n paddingLeft: '1rem',\n paddingRight: '2.5rem',\n fontSize: '0.875rem',\n lineHeight: '2',\n minHeight: '3rem',\n borderWidth: '1px',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--b1) / var(--tw-bg-opacity))',\n fontWeight: '600',\n transitionProperty:\n 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter',\n transitionDuration: '200ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n borderRadius: 'var(--rounded-btn, 0.5rem)',\n backgroundImage:\n 'linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%)',\n backgroundPosition:\n 'calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%)',\n backgroundSize: '4px 4px, 4px 4px',\n backgroundRepeat: 'no-repeat',\n '&[multiple]': {\n height: 'auto',\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&[disabled]::placeholder': {\n color: 'hsl(var(--bc) / var(--tw-placeholder-opacity))',\n '--tw-placeholder-opacity': '0.2',\n },\n '&[multiple],&[size].select:not([size=\"1\"])': {\n backgroundImage: 'none',\n paddingRight: '1rem',\n },\n width: '100%',\n maxWidth: '20rem',\n }}\n >\n \n \n \n \n \n \n \n \n \n
    \n \n \n
    \n \n input[type=\"radio\"].btn': {\n appearance: 'none',\n },\n '> input[type=\"radio\"].btn:before': {\n content: 'attr(data-title)',\n },\n '> input[type=\"radio\"].btn:checked,> .btn-active': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '> input[type=\"radio\"]:checked.btn:focus-visible,> .btn-active:focus-visible':\n {\n outline: '2px solid hsl(var(--p))',\n },\n '& .btn:not(:first-child):not(:last-child),&.btn-group-horizontal .btn:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '& .btn:first-child:not(:last-child),&.btn-group-horizontal .btn:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '& .btn:last-child:not(:first-child),&.btn-group-horizontal .btn:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '&.btn-group-vertical .btn:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '&.btn-group-vertical .btn:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n className=\"btn\"\n />\n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n className=\"btn\"\n />\n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n className=\"btn\"\n />\n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n className=\"btn\"\n />\n
    \n
    \n \n *': {\n direction: 'ltr',\n },\n '&.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay + *':\n {\n '--tw-translate-x': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n justifySelf: 'end',\n },\n '&.drawer-end > .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + *':\n {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] &.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay + *':\n {\n '--tw-translate-x': '-100%',\n },\n '[dir=\"rtl\"] &.drawer-end > .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + *':\n {\n '--tw-translate-x': '0px',\n },\n '[dir=\"rtl\"] &.drawer-end > .drawer-toggle:checked ~ .drawer-content':\n {\n '--tw-translate-x': '0.5rem',\n },\n '&.drawer-end > .drawer-toggle:checked ~ .drawer-content': {\n '--tw-translate-x': '-0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n }}\n className=\"drawer\"\n >\n & ~ .drawer-side > .drawer-overlay + *': {\n '--tw-translate-x': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n justifySelf: 'end',\n },\n '.drawer.drawer-end > &:checked ~ .drawer-side > .drawer-overlay + *':\n {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n ':where(& ~ .drawer-content)': {\n height: 'inherit',\n },\n position: 'absolute',\n height: '0px',\n width: '0px',\n appearance: 'none',\n opacity: '0',\n '& ~ .drawer-content': {\n zIndex: '0',\n gridColumnStart: '1',\n gridRowStart: '1',\n overflowY: 'auto',\n transitionProperty: 'all',\n transitionDuration: '300ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n '& ~ .drawer-side': {\n gridColumnStart: '1',\n gridRowStart: '1',\n display: 'grid',\n maxHeight: '100vh',\n },\n '& ~ .drawer-side > .drawer-overlay': {\n visibility: 'hidden',\n gridColumnStart: '1',\n gridRowStart: '1',\n opacity: '0',\n cursor: 'pointer',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n transitionProperty: 'all',\n transitionDuration: '300ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n '& ~ .drawer-side > .drawer-overlay + *': {\n zIndex: '10',\n gridColumnStart: '1',\n gridRowStart: '1',\n '--tw-translate-x': '-100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n transitionProperty: 'all',\n transitionDuration: '300ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n ':checked ~ .drawer-side': {\n overflowY: 'auto',\n },\n ':checked ~ .drawer-side > .drawer-overlay': {\n visibility: 'visible',\n opacity: '0.999999',\n '--tw-bg-opacity': '0.4',\n },\n ':checked ~ .drawer-side > .drawer-overlay + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] & ~ .drawer-side > .drawer-overlay + *': {\n '--tw-translate-x': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] &:checked ~ .drawer-side > .drawer-overlay + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] .drawer.drawer-end > & ~ .drawer-side > .drawer-overlay + *':\n {\n '--tw-translate-x': '-100%',\n },\n '[dir=\"rtl\"] .drawer.drawer-end > &:checked ~ .drawer-side > .drawer-overlay + *':\n {\n '--tw-translate-x': '0px',\n },\n '[dir=\"rtl\"] .drawer.drawer-end > &:checked ~ .drawer-content': {\n '--tw-translate-x': '0.5rem',\n },\n '@media (min-width: 1024px)': {\n '.drawer-mobile > & ~ .drawer-content': {\n height: 'auto',\n },\n '@media (min-width: 1024px)': {\n '.drawer-mobile > & ~ .drawer-content': {\n gridColumnStart: '2',\n },\n '.drawer-mobile > & ~ .drawer-side > .drawer-overlay': {\n visibility: 'visible',\n },\n '.drawer-mobile > & ~ .drawer-side > .drawer-overlay + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '.drawer-mobile.drawer-end > & ~ .drawer-content': {\n gridColumnStart: '1',\n },\n '.drawer-mobile.drawer-end > & ~ .drawer-side': {\n gridColumnStart: '2',\n },\n '.drawer-mobile.drawer-end > & ~ .drawer-side > .drawer-overlay':\n {\n visibility: 'visible',\n },\n '.drawer-mobile.drawer-end > & ~ .drawer-side > .drawer-overlay + *':\n {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n },\n '.drawer-mobile > & ~ .drawer-side': {\n overflowY: 'auto',\n },\n '.drawer-mobile.drawer-end > & ~ .drawer-content': {\n height: 'auto',\n },\n '.drawer-mobile.drawer-end > & ~ .drawer-side': {\n overflowY: 'auto',\n },\n '.drawer-mobile > &:checked ~ .drawer-content': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n },\n '.drawer.drawer-end > &:checked ~ .drawer-content': {\n '--tw-translate-x': '-0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n ':checked ~ .drawer-content': {\n '--tw-translate-x': '0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n ':focus-visible ~ .drawer-content .drawer-button': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-primary': {\n outline: '2px solid hsl(var(--p))',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-secondary': {\n outline: '2px solid hsl(var(--s))',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-accent': {\n outline: '2px solid hsl(var(--a))',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-info': {\n outline: '2px solid hsl(var(--in))',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-success': {\n outline: '2px solid hsl(var(--su))',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-warning': {\n outline: '2px solid hsl(var(--wa))',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-error': {\n outline: '2px solid hsl(var(--er))',\n },\n ':focus-visible ~ .drawer-content .drawer-button.glass': {\n outline: '2px solid currentColor',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-ghost': {\n outline: '2px solid currentColor',\n },\n ':focus-visible ~ .drawer-content .drawer-button.btn-link': {\n outline: '2px solid currentColor',\n },\n }}\n />\n .drawer-toggle:checked ~ &': {\n '--tw-translate-x': '0.5rem',\n },\n '@media (min-width: 1024px)': {\n '.drawer-mobile > .drawer-toggle ~ &': {\n height: 'auto',\n },\n '@media (min-width: 1024px)': {\n '.drawer-mobile > .drawer-toggle ~ &': {\n gridColumnStart: '2',\n },\n '.drawer-mobile.drawer-end > .drawer-toggle ~ &': {\n gridColumnStart: '1',\n },\n },\n '.drawer-mobile.drawer-end > .drawer-toggle ~ &': {\n height: 'auto',\n },\n '.drawer-mobile > .drawer-toggle:checked ~ &': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n },\n '.drawer.drawer-end > .drawer-toggle:checked ~ &': {\n '--tw-translate-x': '-0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '.drawer-toggle:checked ~ &': {\n '--tw-translate-x': '0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-primary': {\n outline: '2px solid hsl(var(--p))',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-secondary': {\n outline: '2px solid hsl(var(--s))',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-accent': {\n outline: '2px solid hsl(var(--a))',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-info': {\n outline: '2px solid hsl(var(--in))',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-success': {\n outline: '2px solid hsl(var(--su))',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-warning': {\n outline: '2px solid hsl(var(--wa))',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-error': {\n outline: '2px solid hsl(var(--er))',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.glass': {\n outline: '2px solid currentColor',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-ghost': {\n outline: '2px solid currentColor',\n },\n '.drawer-toggle:focus-visible ~ & .drawer-button.btn-link': {\n outline: '2px solid currentColor',\n },\n }}\n className=\"drawer-content\"\n >\n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)':\n {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Open drawer\n \n
    \n .drawer-toggle ~ & > .drawer-overlay + *': {\n '--tw-translate-x': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n justifySelf: 'end',\n },\n '.drawer.drawer-end > .drawer-toggle:checked ~ & > .drawer-overlay + *':\n {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '.drawer-toggle ~ &': {\n gridColumnStart: '1',\n gridRowStart: '1',\n display: 'grid',\n maxHeight: '100vh',\n },\n '.drawer-toggle ~ & > .drawer-overlay': {\n visibility: 'hidden',\n gridColumnStart: '1',\n gridRowStart: '1',\n opacity: '0',\n cursor: 'pointer',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n transitionProperty: 'all',\n transitionDuration: '300ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n '.drawer-toggle ~ & > .drawer-overlay + *': {\n zIndex: '10',\n gridColumnStart: '1',\n gridRowStart: '1',\n '--tw-translate-x': '-100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n transitionProperty: 'all',\n transitionDuration: '300ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n '.drawer-toggle:checked ~ &': {\n overflowY: 'auto',\n },\n '.drawer-toggle:checked ~ & > .drawer-overlay': {\n visibility: 'visible',\n opacity: '0.999999',\n '--tw-bg-opacity': '0.4',\n },\n '.drawer-toggle:checked ~ & > .drawer-overlay + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] .drawer-toggle ~ & > .drawer-overlay + *': {\n '--tw-translate-x': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] .drawer-toggle:checked ~ & > .drawer-overlay + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] .drawer.drawer-end > .drawer-toggle ~ & > .drawer-overlay + *':\n {\n '--tw-translate-x': '-100%',\n },\n '[dir=\"rtl\"] .drawer.drawer-end > .drawer-toggle:checked ~ & > .drawer-overlay + *':\n {\n '--tw-translate-x': '0px',\n },\n '@media (min-width: 1024px)': {\n '@media (min-width: 1024px)': {\n '.drawer-mobile > .drawer-toggle ~ & > .drawer-overlay': {\n visibility: 'visible',\n },\n '.drawer-mobile > .drawer-toggle ~ & > .drawer-overlay + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '.drawer-mobile.drawer-end > .drawer-toggle ~ &': {\n gridColumnStart: '2',\n },\n '.drawer-mobile.drawer-end > .drawer-toggle ~ & > .drawer-overlay':\n {\n visibility: 'visible',\n },\n '.drawer-mobile.drawer-end > .drawer-toggle ~ & > .drawer-overlay + *':\n {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n },\n '.drawer-mobile > .drawer-toggle ~ &': {\n overflowY: 'auto',\n },\n '.drawer-mobile.drawer-end > .drawer-toggle ~ &': {\n overflowY: 'auto',\n },\n },\n }}\n className=\"drawer-side\"\n >\n .drawer-toggle ~ .drawer-side > & + *': {\n '--tw-translate-x': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n justifySelf: 'end',\n },\n '.drawer.drawer-end > .drawer-toggle:checked ~ .drawer-side > & + *':\n {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '.drawer-toggle ~ .drawer-side > &': {\n visibility: 'hidden',\n gridColumnStart: '1',\n gridRowStart: '1',\n opacity: '0',\n cursor: 'pointer',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n transitionProperty: 'all',\n transitionDuration: '300ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n '.drawer-toggle ~ .drawer-side > & + *': {\n zIndex: '10',\n gridColumnStart: '1',\n gridRowStart: '1',\n '--tw-translate-x': '-100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n transitionProperty: 'all',\n transitionDuration: '300ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n '.drawer-toggle:checked ~ .drawer-side > &': {\n visibility: 'visible',\n opacity: '0.999999',\n '--tw-bg-opacity': '0.4',\n },\n '.drawer-toggle:checked ~ .drawer-side > & + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] .drawer-toggle ~ .drawer-side > & + *': {\n '--tw-translate-x': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] .drawer-toggle:checked ~ .drawer-side > & + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '[dir=\"rtl\"] .drawer.drawer-end > .drawer-toggle ~ .drawer-side > & + *':\n {\n '--tw-translate-x': '-100%',\n },\n '[dir=\"rtl\"] .drawer.drawer-end > .drawer-toggle:checked ~ .drawer-side > & + *':\n {\n '--tw-translate-x': '0px',\n },\n '@media (min-width: 1024px)': {\n '@media (min-width: 1024px)': {\n '.drawer-mobile > .drawer-toggle ~ .drawer-side > &': {\n visibility: 'visible',\n },\n '.drawer-mobile > .drawer-toggle ~ .drawer-side > & + *': {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n '.drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side > &':\n {\n visibility: 'visible',\n },\n '.drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side > & + *':\n {\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n },\n },\n },\n }}\n className=\"drawer-overlay\"\n >\n :where(*:not(ul))': {\n display: 'flex',\n },\n '& :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul))':\n {\n cursor: 'pointer',\n WebkitUserSelect: 'none',\n userSelect: 'none',\n alignItems: 'center',\n outline: '2px solid transparent',\n outlineOffset: '2px',\n },\n '> :where(li > *:not(ul):focus)': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n },\n '> :where(li.disabled > *:not(ul):focus)': {\n cursor: 'auto',\n },\n '> :where(li) :where(ul)': {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n '> :where(li) > :where(ul)': {\n position: 'absolute',\n display: 'none',\n top: 'initial',\n left: '100%',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n borderBottomRightRadius: 'inherit',\n borderBottomLeftRadius: 'inherit',\n },\n '> :where(li:hover) > :where(ul)': {\n display: 'flex',\n },\n '> :where(li:focus) > :where(ul)': {\n display: 'flex',\n },\n '&.horizontal li.bordered > a,&.horizontal li.bordered > button,&.horizontal li.bordered > span':\n {\n borderLeftWidth: '0px',\n borderBottomWidth: '4px',\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n },\n '&[class*=\" p-\"] li > *,&[class^=\"p-\"] li > *': {\n borderRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '& :where(li.bordered > *)': {\n borderLeftWidth: '4px',\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n },\n '& :where(li) > :where(*:not(ul))': {\n gap: '0.75rem',\n paddingLeft: '1rem',\n paddingRight: '1rem',\n paddingTop: '0.75rem',\n paddingBottom: '0.75rem',\n color: 'currentColor',\n },\n '& :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),& :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover)':\n {\n backgroundColor: 'hsl(var(--bc) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.1',\n },\n '& :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),& :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active)':\n {\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '& :where(li:empty)': {\n marginLeft: '1rem',\n marginRight: '1rem',\n marginTop: '0.5rem',\n marginBottom: '0.5rem',\n height: '1px',\n backgroundColor: 'hsl(var(--bc) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.1',\n },\n '& li.disabled > *': {\n WebkitUserSelect: 'none',\n userSelect: 'none',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '& li.disabled > *:hover': {\n backgroundColor: 'transparent',\n },\n '& li.hover-bordered a': {\n borderLeftWidth: '4px',\n borderColor: 'transparent',\n },\n '& li.hover-bordered a:hover': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n },\n '&.compact li > a,&.compact li > span': {\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '& .menu-title > *': {\n paddingTop: '0.25rem',\n paddingBottom: '0.25rem',\n fontSize: '0.75rem',\n lineHeight: '1rem',\n fontWeight: '700',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.4',\n },\n '& :where(li:not(.disabled)) > :where(*:not(ul))': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n transitionProperty:\n 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter',\n transitionDuration: '200ms',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n '> :where(li:first-child)': {\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n borderBottomRightRadius: 'unset',\n borderBottomLeftRadius: 'unset',\n },\n '> :where(li:first-child) > :where(:not(ul))': {\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n borderBottomRightRadius: 'unset',\n borderBottomLeftRadius: 'unset',\n },\n '> :where(li:last-child)': {\n borderTopLeftRadius: 'unset',\n borderTopRightRadius: 'unset',\n borderBottomRightRadius: 'inherit',\n borderBottomLeftRadius: 'inherit',\n },\n '> :where(li:last-child) > :where(:not(ul))': {\n borderTopLeftRadius: 'unset',\n borderTopRightRadius: 'unset',\n borderBottomRightRadius: 'inherit',\n borderBottomLeftRadius: 'inherit',\n },\n '> :where(li) > :where(ul) :where(li)': {\n width: '100%',\n whiteSpace: 'nowrap',\n },\n '> :where(li) > :where(ul) :where(li) :where(ul)': {\n paddingLeft: '1rem',\n },\n '> :where(li) > :where(ul) :where(li) > :where(:not(ul))': {\n width: '100%',\n whiteSpace: 'nowrap',\n },\n '> :where(li) > :where(ul) > :where(li:first-child)': {\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n borderBottomRightRadius: 'unset',\n borderBottomLeftRadius: 'unset',\n },\n '> :where(li) > :where(ul) > :where(li:first-child) > :where(:not(ul))':\n {\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n borderBottomRightRadius: 'unset',\n borderBottomLeftRadius: 'unset',\n },\n '> :where(li) > :where(ul) > :where(li:last-child)': {\n borderTopLeftRadius: 'unset',\n borderTopRightRadius: 'unset',\n borderBottomRightRadius: 'inherit',\n borderBottomLeftRadius: 'inherit',\n },\n '> :where(li) > :where(ul) > :where(li:last-child) > :where(:not(ul))':\n {\n borderTopLeftRadius: 'unset',\n borderTopRightRadius: 'unset',\n borderBottomRightRadius: 'inherit',\n borderBottomLeftRadius: 'inherit',\n },\n width: '20rem',\n overflowY: 'auto',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--b1) / var(--tw-bg-opacity))',\n padding: '1rem',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n }}\n >\n
  • \n Sidebar Item 1\n
    • \n
  • \n Sidebar Item 2\n
    • \n \n
    \n
    \n
    \n \n *': {\n gridColumnStart: '1',\n gridRowStart: '1',\n },\n minHeight: '100vh',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))',\n }}\n >\n \n \n \n Hello there\n \n \n Provident cupiditate voluptatem et in. Quaerat fugiat ut\n assumenda excepturi exercitationem quasi. In deleniti eaque aut\n repudiandae et a id nisi.\n

    \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)':\n {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Get Started\n \n
    \n
    \n
    \n
    \n \n \n \n 99+\n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n inbox\n \n
    \n
    \n \n ul': {\n display: 'flex',\n alignItems: 'center',\n whiteSpace: 'nowrap',\n minHeight: 'min-content',\n },\n '> ul > li': {\n display: 'flex',\n alignItems: 'center',\n },\n '> ul > li > a': {\n display: 'flex',\n cursor: 'pointer',\n alignItems: 'center',\n },\n '> ul > li > a:hover': {\n WebkitTextDecorationLine: 'underline',\n textDecorationLine: 'underline',\n },\n '> ul > li > a:focus': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n },\n '> ul > li > a:focus-visible': {\n outline: '2px solid currentColor',\n outlineOffset: '2px',\n },\n '> ul > li + *:before': {\n content: '\"\"',\n marginLeft: '0.5rem',\n marginRight: '0.75rem',\n display: 'block',\n height: '0.375rem',\n width: '0.375rem',\n '--tw-rotate': '45deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n opacity: '0.4',\n borderTop: '1px solid',\n borderRight: '1px solid',\n backgroundColor: 'transparent',\n },\n '[dir=\"rtl\"] &>ul>li+*:before': {\n '--tw-rotate': '-45deg',\n },\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n }}\n >\n \n
    \n
    \n \n \n \n Register\n \n \n Choose plan\n \n \n Purchase\n \n
  • \n Receive Product\n
    • \n \n
    \n \n \n \n Fly to moon\n \n \n Shrink the moon\n \n \n Grab the moon\n \n \n Sit on toilet\n \n \n
    \n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n
    \n
    \n \n \n 
    \n            npm i daisyui\n
    \n \"\n css={{\n '--tw-text-opacity': '1',\n color: 'hsl(var(--wa) / var(--tw-text-opacity))',\n }}\n >\n installing...\n \n \"\n css={{\n '--tw-text-opacity': '1',\n color: 'hsl(var(--su) / var(--tw-text-opacity))',\n }}\n >\n Done!\n \n
    \n
    \n \n *': {\n gridColumnStart: '1',\n gridRowStart: '1',\n },\n '&.image-full > figure img': {\n height: '100%',\n objectFit: 'cover',\n },\n '&.image-full > .card-body': {\n position: 'relative',\n zIndex: '20',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--nc) / var(--tw-text-opacity))',\n },\n '& :where(figure:first-child)': {\n overflow: 'hidden',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n borderBottomLeftRadius: 'unset',\n borderBottomRightRadius: 'unset',\n },\n '& :where(figure:last-child)': {\n overflow: 'hidden',\n borderTopLeftRadius: 'unset',\n borderTopRightRadius: 'unset',\n borderBottomLeftRadius: 'inherit',\n borderBottomRightRadius: 'inherit',\n },\n ':focus-visible': {\n outline: '2px solid currentColor',\n outlineOffset: '2px',\n },\n '&.bordered': {\n borderWidth: '1px',\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))',\n },\n '&.compact .card-body': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '&.image-full :where(figure)': {\n overflow: 'hidden',\n borderRadius: 'inherit',\n },\n width: '24rem',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--b1) / var(--tw-bg-opacity))',\n '--tw-shadow':\n '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '--tw-shadow-colored':\n '0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n }}\n >\n
    \n \n
    \n &': {\n position: 'relative',\n zIndex: '20',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--nc) / var(--tw-text-opacity))',\n },\n '.card.compact &': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '.card-compact &': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '.card-normal &': {\n padding: 'var(--padding-card, 2rem)',\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n }}\n >\n \n Shoes!\n \n

    If a dog chews shoes whose shoes does he choose?

    \n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)':\n {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Buy Now\n \n
    \n
    \n
    \n
    \n \n \n \n \n
    \n \n \n
    \n \n \n
    \n \n \n
    \n
    \n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n 1\n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n 2\n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n 3\n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n 4\n \n
    \n
    \n \n \n \n top+start\n \n \n top+center\n \n \n top+end\n \n \n middle+start\n \n \n middle+center\n \n \n middle+end\n \n \n bott0m+strt\n \n \n bottom+center\n \n \n bottom+end\n \n \n content\n
    \n
    \n
    \n \n *': {\n gridColumnStart: '1',\n gridRowStart: '1',\n },\n minHeight: '100vh',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))',\n }}\n >\n \n \n \n Login now!\n \n \n Provident cupiditate voluptatem et in. Quaerat fugiat ut\n assumenda excepturi exercitationem quasi. In deleniti eaque aut\n repudiandae et a id nisi.\n

    \n
    \n *': {\n gridColumnStart: '1',\n gridRowStart: '1',\n },\n '&.image-full > figure img': {\n height: '100%',\n objectFit: 'cover',\n },\n '&.image-full > .card-body': {\n position: 'relative',\n zIndex: '20',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--nc) / var(--tw-text-opacity))',\n },\n '& :where(figure:first-child)': {\n overflow: 'hidden',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit',\n borderBottomLeftRadius: 'unset',\n borderBottomRightRadius: 'unset',\n },\n '& :where(figure:last-child)': {\n overflow: 'hidden',\n borderTopLeftRadius: 'unset',\n borderTopRightRadius: 'unset',\n borderBottomLeftRadius: 'inherit',\n borderBottomRightRadius: 'inherit',\n },\n ':focus-visible': {\n outline: '2px solid currentColor',\n outlineOffset: '2px',\n },\n '&.bordered': {\n borderWidth: '1px',\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))',\n },\n '&.compact .card-body': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '&.image-full :where(figure)': {\n overflow: 'hidden',\n borderRadius: 'inherit',\n },\n width: '100%',\n maxWidth: '24rem',\n flexShrink: '0',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--b1) / var(--tw-bg-opacity))',\n '--tw-shadow': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n '--tw-shadow-colored':\n '0 25px 50px -12px var(--tw-shadow-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',\n }}\n >\n &': {\n position: 'relative',\n zIndex: '20',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--nc) / var(--tw-text-opacity))',\n },\n '.card.compact &': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '.card-compact &': {\n padding: '1rem',\n fontSize: '0.875rem',\n lineHeight: '1.25rem',\n },\n '.card-normal &': {\n padding: 'var(--padding-card, 2rem)',\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n }}\n >\n \n * &': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n '& a:hover': {\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n },\n }}\n >\n \n Email\n \n \n &': {\n isolation: 'isolate',\n borderRadius: '0px',\n },\n '&[list]::-webkit-calendar-picker-indicator': {\n lineHeight: '1em',\n },\n ':focus': {\n outline: '2px solid hsla(var(--bc) / 0.2)',\n outlineOffset: '2px',\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&[disabled]::placeholder': {\n color: 'hsl(var(--bc) / var(--tw-placeholder-opacity))',\n '--tw-placeholder-opacity': '0.2',\n },\n }}\n />\n
    \n \n * &': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n '& a:hover': {\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n },\n }}\n >\n \n Password\n \n \n &': {\n isolation: 'isolate',\n borderRadius: '0px',\n },\n '&[list]::-webkit-calendar-picker-indicator': {\n lineHeight: '1em',\n },\n ':focus': {\n outline: '2px solid hsla(var(--bc) / 0.2)',\n outlineOffset: '2px',\n },\n '&[disabled]': {\n cursor: 'not-allowed',\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&[disabled]::placeholder': {\n color: 'hsl(var(--bc) / var(--tw-placeholder-opacity))',\n '--tw-placeholder-opacity': '0.2',\n },\n }}\n />\n * &': {\n fontSize: '1rem',\n lineHeight: '1.5rem',\n },\n '& a:hover': {\n '--tw-text-opacity': '1',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n },\n }}\n >\n \n Forgot password?\n \n \n
    \n \n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before':\n {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible':\n {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)':\n {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Login\n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n\n \n \n \n \n Congratulations random Interner user!\n \n \n You've been selected for a chance to get one year of subscription to\n use Wikipedia for free!\n

    \n :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n }}\n className=\"modal-action\"\n >\n input[type=\"radio\"]&': {\n appearance: 'none',\n },\n '.btn-group > input[type=\"radio\"]&:before': {\n content: 'attr(data-title)',\n },\n ':active:hover,:active:focus': {\n animation: 'none',\n transform: 'scale(var(--btn-focus-scale, 0.95))',\n },\n ':hover': {\n '--tw-border-opacity': '1',\n borderColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor:\n 'hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))',\n },\n ':focus-visible': {\n outline: '2px solid hsl(var(--nf))',\n outlineOffset: '2px',\n },\n '&.glass:hover,&.glass.btn-active': {\n '--glass-opacity': '25%',\n '--glass-border-opacity': '15%',\n },\n '&.glass:focus-visible': {\n outline: '2px solid currentColor',\n },\n '&[disabled],&[disabled]:hover': {\n '--tw-border-opacity': '0',\n backgroundColor: 'hsl(var(--n) / var(--tw-bg-opacity))',\n '--tw-bg-opacity': '0.2',\n color: 'hsl(var(--bc) / var(--tw-text-opacity))',\n '--tw-text-opacity': '0.2',\n },\n '&.loading.btn-square:before,&.loading.btn-circle:before': {\n marginRight: '0px',\n },\n '&.loading.btn-xl:before,&.loading.btn-lg:before': {\n height: '1.25rem',\n width: '1.25rem',\n },\n '&.loading.btn-sm:before,&.loading.btn-xs:before': {\n height: '0.75rem',\n width: '0.75rem',\n },\n '.btn-group > input[type=\"radio\"]&:checked': {\n '--tw-border-opacity': '1',\n borderColor: 'hsl(var(--p) / var(--tw-border-opacity))',\n '--tw-bg-opacity': '1',\n backgroundColor: 'hsl(var(--p) / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'hsl(var(--pc) / var(--tw-text-opacity))',\n },\n '&.btn-group > input[type=\"radio\"]:checked:focus-visible': {\n outline: '2px solid hsl(var(--p))',\n },\n '.btn-group &:not(:first-child):not(:last-child),.btn-group.btn-group-horizontal &:not(:first-child):not(:last-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:first-child:not(:last-child),.btn-group.btn-group-horizontal &:first-child:not(:last-child)':\n {\n marginLeft: '-1px',\n marginTop: '-0px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: '0',\n },\n '.btn-group &:last-child:not(:first-child),.btn-group.btn-group-horizontal &:last-child:not(:first-child)':\n {\n borderTopLeftRadius: '0',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n '.btn-group.btn-group-vertical &:first-child:not(:last-child)': {\n marginLeft: '-0px',\n marginTop: '-1px',\n borderTopLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderTopRightRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n },\n '.btn-group.btn-group-vertical &:last-child:not(:first-child)': {\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n borderBottomLeftRadius: 'var(--rounded-btn, 0.5rem)',\n borderBottomRightRadius: 'var(--rounded-btn, 0.5rem)',\n },\n }}\n >\n Yay!d\n \n
    \n
    \n
    \n \n)\n\n\n`;\n\nexports[`twin.macro pluginExamples.tsx: pluginExamples.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { globalStyles } from '../macro'\n\ntw\\`content-auto\\`\ntw\\`content-hidden\\`\ntw\\`content-visible\\`\n\ntw\\`tab-1\\`\ntw\\`tab-2\\`\ntw\\`tab-4\\`\ntw\\`tab-8\\`\n\ntw\\`btn\\`\ntw\\`btn-blue\\`\ntw\\`btn-red\\`\ntw\\`btn btn-blue btn-red\\`\n\nglobalStyles\n\ntw\\`test-1:block\\`\ntw\\`test-2:block\\`\ntw\\`test-3:block\\`\ntw\\`test-4:block\\`\n\ntw\\`potato-[yellow]:bg-yellow-200\\`\ntw\\`potato-[baked]:w-3\\`\n\ntw\\`tooltip-bottom:mt-5\\`\ntw\\`tooltip-top:mb-5\\`\n\ntw\\`alphabet-c:underline \\`\ntw\\`alphabet-a:underline \\`\ntw\\`alphabet-d:underline \\`\ntw\\`alphabet-b:underline\\`\n\ntw\\`test-[a,b,c]:underline\\`\n\ntw\\`testmin-[500px]:underline\\`\ntw\\`testmin-[700px]:italic\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n contentVisibility: 'auto',\n})\n;({\n contentVisibility: 'hidden',\n})\n;({\n contentVisibility: 'visible',\n})\n;({\n tabSizeTest: '1',\n})\n;({\n tabSizeTest: '2',\n})\n;({\n tabSizeTest: '4',\n})\n;({\n tabSizeTest: '8',\n})\n;({\n padding: '.5rem 1rem',\n borderRadius: '.25rem',\n fontWeight: '600',\n})\n;({\n backgroundColor: '#3490dc',\n color: '#fff',\n ':hover': {\n backgroundColor: '#2779bd',\n },\n})\n;({\n backgroundColor: '#e3342f',\n color: '#fff',\n ':hover': {\n backgroundColor: '#cc1f1a',\n },\n})\n;({\n padding: '.5rem 1rem',\n borderRadius: '.25rem',\n fontWeight: '600',\n backgroundColor: '#e3342f',\n color: '#fff',\n ':hover': {\n backgroundColor: '#cc1f1a',\n },\n})\n;({\n '*, ::before, ::after': {\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n '::backdrop': {\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n})\n;({\n ':test1': {\n display: 'block',\n },\n})\n;({\n ':hover': {\n display: 'block',\n },\n ':focus': {\n display: 'block',\n },\n})\n;({\n '@supports (display: grid)': {\n display: 'block',\n },\n})\n;({\n 'html.dark &.something': {\n display: 'block',\n },\n})\n;({\n '.potato-yellow &': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(254 240 138 / var(--tw-bg-opacity))',\n },\n})\n;({\n '.potato-baked &': {\n width: '0.75rem',\n },\n})\n;({\n '&[data-location=\"bottom\"]': {\n marginTop: '1.25rem',\n },\n})\n;({\n '&[data-location=\"top\"]': {\n marginBottom: '1.25rem',\n },\n})\n;({\n '&[data-value=\"c\"]': {\n textDecorationLine: 'underline',\n },\n})\n;({\n '&[data-value=\"a\"]': {\n textDecorationLine: 'underline',\n },\n})\n;({\n '&[data-value=\"d\"]': {\n textDecorationLine: 'underline',\n },\n})\n;({\n '&[data-value=\"b\"]': {\n textDecorationLine: 'underline',\n },\n})\n;({\n '&.a > *': {\n textDecorationLine: 'underline',\n },\n '&.b > *': {\n textDecorationLine: 'underline',\n },\n '&.c > *': {\n textDecorationLine: 'underline',\n },\n})\n;({\n '@media (min-width: 500px)': {\n textDecorationLine: 'underline',\n },\n})\n;({\n '@media (min-width: 700px)': {\n fontStyle: 'italic',\n },\n})\n\n\n`;\n\nexports[`twin.macro pluginForms.tsx: pluginForms.tsx 1`] = `\n\n// @ts-nocheck\nimport { GlobalStyles } from '../macro'\n;\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport { css as _css } from '@emotion/react'\nimport { Global as _globalImport } from '@emotion/react'\n\nconst _GlobalStyles = () => (\n <_globalImport\n styles={_css\\`*, ::before, ::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: #e5e7eb;\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty,/*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty,/*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);\n}\n::before, ::after {\n --tw-content: '';\n}\nhtml {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-feature-settings: normal;\n font-variation-settings: normal;\n}\nbody {\n margin: 0;\n line-height: inherit;\n}\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\na {\n color: inherit;\n text-decoration: inherit;\n}\nb, strong {\n font-weight: bolder;\n}\ncode, kbd, samp, pre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\nbutton, input, optgroup, select, textarea {\n font-family: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\nbutton, select {\n text-transform: none;\n}\nbutton, [type='button'], [type='reset'], [type='submit'] {\n -webkit-appearance: button;\n background-color: transparent;\n background-image: none;\n}\n:-moz-focusring {\n outline: auto;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\nprogress {\n vertical-align: baseline;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n[type='search'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\nsummary {\n display: list-item;\n}\nblockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {\n margin: 0;\n}\nfieldset {\n margin: 0;\n padding: 0;\n}\nlegend {\n padding: 0;\n}\nol, ul, menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\ntextarea {\n resize: vertical;\n}\ninput::placeholder, textarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nbutton, [role=\"button\"] {\n cursor: pointer;\n}\n:disabled {\n cursor: default;\n}\nimg, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n}\nimg, video {\n max-width: 100%;\n height: auto;\n}\n[hidden] {\n display: none;\n}\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: var(--tw-empty,/*!*/ /*!*/);\n --tw-pan-y: var(--tw-empty,/*!*/ /*!*/);\n --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/);\n --tw-scroll-snap-strictness: proximity;\n --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);\n --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);\n --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);\n}\n[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {\n appearance: none;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n border-radius: 0px;\n padding-top: 0.5rem;\n padding-right: 0.75rem;\n padding-bottom: 0.5rem;\n padding-left: 0.75rem;\n font-size: 1rem;\n line-height: 1.5rem;\n --tw-shadow: 0 0 #0000;\n}\n[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n border-color: #2563eb;\n}\ninput::placeholder,textarea::placeholder {\n color: #6b7280;\n opacity: 1;\n}\n::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n}\n::-webkit-date-and-time-value {\n min-height: 1.5em;\n}\n::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {\n padding-top: 0;\n padding-bottom: 0;\n}\nselect {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n background-position: right 0.5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n print-color-adjust: exact;\n}\n[multiple] {\n background-image: initial;\n background-position: initial;\n background-repeat: unset;\n background-size: initial;\n padding-right: 0.75rem;\n print-color-adjust: unset;\n}\n[type='checkbox'],[type='radio'] {\n appearance: none;\n padding: 0;\n print-color-adjust: exact;\n display: inline-block;\n vertical-align: middle;\n background-origin: border-box;\n user-select: none;\n flex-shrink: 0;\n height: 1rem;\n width: 1rem;\n color: #2563eb;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n --tw-shadow: 0 0 #0000;\n}\n[type='checkbox'] {\n border-radius: 0px;\n}\n[type='radio'] {\n border-radius: 100%;\n}\n[type='checkbox']:focus,[type='radio']:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n[type='checkbox']:checked,[type='radio']:checked {\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n[type='checkbox']:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\");\n}\n[type='radio']:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {\n border-color: transparent;\n background-color: currentColor;\n}\n[type='checkbox']:indeterminate {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e\");\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {\n border-color: transparent;\n background-color: currentColor;\n}\n[type='file'] {\n background: unset;\n border-color: inherit;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-size: unset;\n line-height: inherit;\n}\n[type='file']:focus {\n outline: 1px auto -webkit-focus-ring-color;\n}\\`}\n />\n)\n\n;<_GlobalStyles />\n\n\n`;\n\nexports[`twin.macro pluginGapFallback.tsx: pluginGapFallback.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`flex-gap-0\\`\ntw\\`flex-gap-3\\`\ntw\\`flex-gap-x-3\\`\ntw\\`flex-gap-y-3\\`\ntw\\`flex-gap-px\\`\ntw\\`flex-gap-x-1.5\\`\n\ntw\\`gap-0\\`\ntw\\`gap-3\\`\ntw\\`gap-x-3\\`\ntw\\`gap-y-3\\`\ntw\\`gap-px\\`\ntw\\`gap-x-1.5\\`\n\ntw\\`test-1\\`\ntw\\`test-2\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n margin: '-0px',\n '> *': {\n margin: '0px',\n },\n})\n;({\n margin: '-0.375rem',\n '> *': {\n margin: '0.375rem',\n },\n})\n;({\n marginRight: '-0.375rem',\n marginLeft: '-0.375rem',\n '> *': {\n marginRight: '0.375rem',\n marginLeft: '0.375rem',\n },\n})\n;({\n marginTop: '-0.375rem',\n marginBottom: '-0.375rem',\n '> *': {\n marginTop: '0.375rem',\n marginBottom: '0.375rem',\n },\n})\n;({\n margin: '-0.5px',\n '> *': {\n margin: '0.5px',\n },\n})\n;({\n marginRight: '-0.1875rem',\n marginLeft: '-0.1875rem',\n '> *': {\n marginRight: '0.1875rem',\n marginLeft: '0.1875rem',\n },\n})\n;({\n '.no-flex-gap &': {\n margin: '-0px',\n },\n '.no-flex-gap & > *': {\n margin: '0px',\n },\n gap: '0px',\n})\n;({\n '.no-flex-gap &': {\n margin: '-0.375rem',\n },\n '.no-flex-gap & > *': {\n margin: '0.375rem',\n },\n gap: '0.75rem',\n})\n;({\n '.no-flex-gap &': {\n marginRight: '-0.375rem',\n marginLeft: '-0.375rem',\n },\n '.no-flex-gap & > *': {\n marginRight: '0.375rem',\n marginLeft: '0.375rem',\n },\n columnGap: '0.75rem',\n})\n;({\n '.no-flex-gap &': {\n marginTop: '-0.375rem',\n marginBottom: '-0.375rem',\n },\n '.no-flex-gap & > *': {\n marginTop: '0.375rem',\n marginBottom: '0.375rem',\n },\n rowGap: '0.75rem',\n})\n;({\n '.no-flex-gap &': {\n margin: '-0.5px',\n },\n '.no-flex-gap & > *': {\n margin: '0.5px',\n },\n gap: '1px',\n})\n;({\n '.no-flex-gap &': {\n marginRight: '-0.1875rem',\n marginLeft: '-0.1875rem',\n },\n '.no-flex-gap & > *': {\n marginRight: '0.1875rem',\n marginLeft: '0.1875rem',\n },\n columnGap: '0.375rem',\n})\n;({\n background: '5px',\n '.a-class & .some-class': {\n margin: '10px',\n },\n '.a-class & > *': {\n margin: '20px',\n },\n})\n;({\n '.a-class & .some-class': {\n margin: '10px',\n },\n '.a-class & > *': {\n margin: '20px',\n },\n})\n\n\n`;\n\nexports[`twin.macro pluginTypography.tsx: pluginTypography.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`form-radio\\`\ntw\\`form-select\\`\ntw\\`form-checkbox\\`\ntw\\`form-input\\`\ntw\\`form-textarea\\`\ntw\\`form-multiselect\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n appearance: 'none',\n padding: '0',\n printColorAdjust: 'exact',\n display: 'inline-block',\n verticalAlign: 'middle',\n backgroundOrigin: 'border-box',\n userSelect: 'none',\n flexShrink: '0',\n height: '1rem',\n width: '1rem',\n color: '#2563eb',\n backgroundColor: '#fff',\n borderColor: '#6b7280',\n borderWidth: '1px',\n '--tw-shadow': '0 0 #0000',\n borderRadius: '100%',\n ':focus': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '2px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': '#2563eb',\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)',\n },\n ':checked': {\n borderColor: 'transparent',\n backgroundColor: 'currentColor',\n backgroundSize: '100% 100%',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat',\n backgroundImage:\n \"url(\\\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\\\\\")\",\n },\n ':checked:hover,:checked:focus': {\n borderColor: 'transparent',\n backgroundColor: 'currentColor',\n },\n})\n;({\n appearance: 'none',\n backgroundColor: '#fff',\n borderColor: '#6b7280',\n borderWidth: '1px',\n borderRadius: '0px',\n paddingTop: '0.5rem',\n paddingRight: '2.5rem',\n paddingBottom: '0.5rem',\n paddingLeft: '0.75rem',\n fontSize: '1rem',\n lineHeight: '1.5rem',\n '--tw-shadow': '0 0 #0000',\n ':focus': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': '#2563eb',\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)',\n borderColor: '#2563eb',\n },\n backgroundImage:\n \"url(\\\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\\\\\")\",\n backgroundPosition: 'right 0.5rem center',\n backgroundRepeat: 'no-repeat',\n backgroundSize: '1.5em 1.5em',\n printColorAdjust: 'exact',\n})\n;({\n appearance: 'none',\n padding: '0',\n printColorAdjust: 'exact',\n display: 'inline-block',\n verticalAlign: 'middle',\n backgroundOrigin: 'border-box',\n userSelect: 'none',\n flexShrink: '0',\n height: '1rem',\n width: '1rem',\n color: '#2563eb',\n backgroundColor: '#fff',\n borderColor: '#6b7280',\n borderWidth: '1px',\n '--tw-shadow': '0 0 #0000',\n borderRadius: '0px',\n ':focus': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '2px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': '#2563eb',\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)',\n },\n ':checked': {\n borderColor: 'transparent',\n backgroundColor: 'currentColor',\n backgroundSize: '100% 100%',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat',\n backgroundImage:\n \"url(\\\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\\\\\")\",\n },\n ':checked:hover,:checked:focus': {\n borderColor: 'transparent',\n backgroundColor: 'currentColor',\n },\n ':indeterminate': {\n backgroundImage:\n \"url(\\\\\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e\\\\\")\",\n borderColor: 'transparent',\n backgroundColor: 'currentColor',\n backgroundSize: '100% 100%',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat',\n },\n ':indeterminate:hover,:indeterminate:focus': {\n borderColor: 'transparent',\n backgroundColor: 'currentColor',\n },\n})\n;({\n appearance: 'none',\n backgroundColor: '#fff',\n borderColor: '#6b7280',\n borderWidth: '1px',\n borderRadius: '0px',\n paddingTop: '0.5rem',\n paddingRight: '0.75rem',\n paddingBottom: '0.5rem',\n paddingLeft: '0.75rem',\n fontSize: '1rem',\n lineHeight: '1.5rem',\n '--tw-shadow': '0 0 #0000',\n ':focus': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': '#2563eb',\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)',\n borderColor: '#2563eb',\n },\n '::placeholder': {\n color: '#6b7280',\n opacity: '1',\n },\n '::-webkit-datetime-edit-fields-wrapper': {\n padding: '0',\n },\n '::-webkit-date-and-time-value': {\n minHeight: '1.5em',\n },\n '::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field':\n {\n paddingTop: '0',\n paddingBottom: '0',\n },\n})\n;({\n appearance: 'none',\n backgroundColor: '#fff',\n borderColor: '#6b7280',\n borderWidth: '1px',\n borderRadius: '0px',\n paddingTop: '0.5rem',\n paddingRight: '0.75rem',\n paddingBottom: '0.5rem',\n paddingLeft: '0.75rem',\n fontSize: '1rem',\n lineHeight: '1.5rem',\n '--tw-shadow': '0 0 #0000',\n ':focus': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': '#2563eb',\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)',\n borderColor: '#2563eb',\n },\n '::placeholder': {\n color: '#6b7280',\n opacity: '1',\n },\n})\n;({\n appearance: 'none',\n backgroundColor: '#fff',\n borderColor: '#6b7280',\n borderWidth: '1px',\n borderRadius: '0px',\n paddingTop: '0.5rem',\n paddingRight: '0.75rem',\n paddingBottom: '0.5rem',\n paddingLeft: '0.75rem',\n fontSize: '1rem',\n lineHeight: '1.5rem',\n '--tw-shadow': '0 0 #0000',\n ':focus': {\n outline: '2px solid transparent',\n outlineOffset: '2px',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': '#2563eb',\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)',\n borderColor: '#2563eb',\n },\n})\n\n\n`;\n\nexports[`twin.macro pluginTypography.tsx: pluginTypography.tsx 2`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// From @tailwindcss/typography\ntw\\`prose sm:prose-sm lg:prose-lg xl:prose-xl\\`\n\n// From tailwindcss-typography\ntw\\`rich-text\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// From @tailwindcss/typography\n;({\n color: 'var(--tw-prose-body)',\n maxWidth: '65ch',\n '& :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-lead)',\n fontSize: '1.25em',\n lineHeight: '1.6',\n marginTop: '1.2em',\n marginBottom: '1.2em',\n },\n '& :where(a):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-links)',\n textDecoration: 'underline',\n fontWeight: '500',\n },\n '& :where(strong):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-bold)',\n fontWeight: '600',\n },\n '& :where(a strong):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n },\n '& :where(blockquote strong):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n },\n '& :where(thead th strong):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n },\n '& :where(ol):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'decimal',\n marginTop: '1.25em',\n marginBottom: '1.25em',\n paddingLeft: '1.625em',\n },\n '& :where(ol[type=\"A\"]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'upper-alpha',\n },\n '& :where(ol[type=\"a\"]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'lower-alpha',\n },\n '& :where(ol[type=\"A\" s]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'upper-alpha',\n },\n '& :where(ol[type=\"a\" s]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'lower-alpha',\n },\n '& :where(ol[type=\"I\"]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'upper-roman',\n },\n '& :where(ol[type=\"i\"]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'lower-roman',\n },\n '& :where(ol[type=\"I\" s]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'upper-roman',\n },\n '& :where(ol[type=\"i\" s]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'lower-roman',\n },\n '& :where(ol[type=\"1\"]):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'decimal',\n },\n '& :where(ul):not(:where([class~=\"not-prose\"] *))': {\n listStyleType: 'disc',\n marginTop: '1.25em',\n marginBottom: '1.25em',\n paddingLeft: '1.625em',\n },\n '& :where(ol > li):not(:where([class~=\"not-prose\"] *))::marker': {\n fontWeight: '400',\n color: 'var(--tw-prose-counters)',\n },\n '& :where(ul > li):not(:where([class~=\"not-prose\"] *))::marker': {\n color: 'var(--tw-prose-bullets)',\n },\n '& :where(hr):not(:where([class~=\"not-prose\"] *))': {\n borderColor: 'var(--tw-prose-hr)',\n borderTopWidth: '1px',\n marginTop: '3em',\n marginBottom: '3em',\n },\n '& :where(blockquote):not(:where([class~=\"not-prose\"] *))': {\n fontWeight: '500',\n fontStyle: 'italic',\n color: 'var(--tw-prose-quotes)',\n borderLeftWidth: '0.25rem',\n borderLeftColor: 'var(--tw-prose-quote-borders)',\n quotes: '\"\\\\\\\\201C\"\"\\\\\\\\201D\"\"\\\\\\\\2018\"\"\\\\\\\\2019\"',\n marginTop: '1.6em',\n marginBottom: '1.6em',\n paddingLeft: '1em',\n },\n '& :where(blockquote p:first-of-type):not(:where([class~=\"not-prose\"] *))::before':\n {\n content: 'open-quote',\n },\n '& :where(blockquote p:last-of-type):not(:where([class~=\"not-prose\"] *))::after':\n {\n content: 'close-quote',\n },\n '& :where(h1):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-headings)',\n fontWeight: '800',\n fontSize: '2.25em',\n marginTop: '0',\n marginBottom: '0.8888889em',\n lineHeight: '1.1111111',\n },\n '& :where(h1 strong):not(:where([class~=\"not-prose\"] *))': {\n fontWeight: '900',\n color: 'inherit',\n },\n '& :where(h2):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-headings)',\n fontWeight: '700',\n fontSize: '1.5em',\n marginTop: '2em',\n marginBottom: '1em',\n lineHeight: '1.3333333',\n },\n '& :where(h2 strong):not(:where([class~=\"not-prose\"] *))': {\n fontWeight: '800',\n color: 'inherit',\n },\n '& :where(h3):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-headings)',\n fontWeight: '600',\n fontSize: '1.25em',\n marginTop: '1.6em',\n marginBottom: '0.6em',\n lineHeight: '1.6',\n },\n '& :where(h3 strong):not(:where([class~=\"not-prose\"] *))': {\n fontWeight: '700',\n color: 'inherit',\n },\n '& :where(h4):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-headings)',\n fontWeight: '600',\n marginTop: '1.5em',\n marginBottom: '0.5em',\n lineHeight: '1.5',\n },\n '& :where(h4 strong):not(:where([class~=\"not-prose\"] *))': {\n fontWeight: '700',\n color: 'inherit',\n },\n '& :where(img):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '2em',\n marginBottom: '2em',\n },\n '& :where(figure > *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n marginBottom: '0',\n },\n '& :where(figcaption):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-captions)',\n fontSize: '0.875em',\n lineHeight: '1.4285714',\n marginTop: '0.8571429em',\n },\n '& :where(code):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-code)',\n fontWeight: '600',\n fontSize: '0.875em',\n },\n '& :where(code):not(:where([class~=\"not-prose\"] *))::before': {\n content: '\"\\`\"',\n },\n '& :where(code):not(:where([class~=\"not-prose\"] *))::after': {\n content: '\"\\`\"',\n },\n '& :where(a code):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n },\n '& :where(h1 code):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n },\n '& :where(h2 code):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n fontSize: '0.875em',\n },\n '& :where(h3 code):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n fontSize: '0.9em',\n },\n '& :where(h4 code):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n },\n '& :where(blockquote code):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n },\n '& :where(thead th code):not(:where([class~=\"not-prose\"] *))': {\n color: 'inherit',\n },\n '& :where(pre):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-pre-code)',\n backgroundColor: 'var(--tw-prose-pre-bg)',\n overflowX: 'auto',\n fontWeight: '400',\n fontSize: '0.875em',\n lineHeight: '1.7142857',\n marginTop: '1.7142857em',\n marginBottom: '1.7142857em',\n borderRadius: '0.375rem',\n paddingTop: '0.8571429em',\n paddingRight: '1.1428571em',\n paddingBottom: '0.8571429em',\n paddingLeft: '1.1428571em',\n },\n '& :where(pre code):not(:where([class~=\"not-prose\"] *))': {\n backgroundColor: 'transparent',\n borderWidth: '0',\n borderRadius: '0',\n padding: '0',\n fontWeight: 'inherit',\n color: 'inherit',\n fontSize: 'inherit',\n fontFamily: 'inherit',\n lineHeight: 'inherit',\n },\n '& :where(pre code):not(:where([class~=\"not-prose\"] *))::before': {\n content: 'none',\n },\n '& :where(pre code):not(:where([class~=\"not-prose\"] *))::after': {\n content: 'none',\n },\n '& :where(table):not(:where([class~=\"not-prose\"] *))': {\n width: '100%',\n tableLayout: 'auto',\n textAlign: 'left',\n marginTop: '2em',\n marginBottom: '2em',\n fontSize: '0.875em',\n lineHeight: '1.7142857',\n },\n '& :where(thead):not(:where([class~=\"not-prose\"] *))': {\n borderBottomWidth: '1px',\n borderBottomColor: 'var(--tw-prose-th-borders)',\n },\n '& :where(thead th):not(:where([class~=\"not-prose\"] *))': {\n color: 'var(--tw-prose-headings)',\n fontWeight: '600',\n verticalAlign: 'bottom',\n paddingRight: '0.5714286em',\n paddingBottom: '0.5714286em',\n paddingLeft: '0.5714286em',\n },\n '& :where(tbody tr):not(:where([class~=\"not-prose\"] *))': {\n borderBottomWidth: '1px',\n borderBottomColor: 'var(--tw-prose-td-borders)',\n },\n '& :where(tbody tr:last-child):not(:where([class~=\"not-prose\"] *))': {\n borderBottomWidth: '0',\n },\n '& :where(tbody td):not(:where([class~=\"not-prose\"] *))': {\n verticalAlign: 'baseline',\n },\n '& :where(tfoot):not(:where([class~=\"not-prose\"] *))': {\n borderTopWidth: '1px',\n borderTopColor: 'var(--tw-prose-th-borders)',\n },\n '& :where(tfoot td):not(:where([class~=\"not-prose\"] *))': {\n verticalAlign: 'top',\n },\n '--tw-prose-body': '#374151',\n '--tw-prose-headings': '#111827',\n '--tw-prose-lead': '#4b5563',\n '--tw-prose-links': '#111827',\n '--tw-prose-bold': '#111827',\n '--tw-prose-counters': '#6b7280',\n '--tw-prose-bullets': '#d1d5db',\n '--tw-prose-hr': '#e5e7eb',\n '--tw-prose-quotes': '#111827',\n '--tw-prose-quote-borders': '#e5e7eb',\n '--tw-prose-captions': '#6b7280',\n '--tw-prose-code': '#111827',\n '--tw-prose-pre-code': '#e5e7eb',\n '--tw-prose-pre-bg': '#1f2937',\n '--tw-prose-th-borders': '#d1d5db',\n '--tw-prose-td-borders': '#e5e7eb',\n '--tw-prose-invert-body': '#d1d5db',\n '--tw-prose-invert-headings': '#fff',\n '--tw-prose-invert-lead': '#9ca3af',\n '--tw-prose-invert-links': '#fff',\n '--tw-prose-invert-bold': '#fff',\n '--tw-prose-invert-counters': '#9ca3af',\n '--tw-prose-invert-bullets': '#4b5563',\n '--tw-prose-invert-hr': '#374151',\n '--tw-prose-invert-quotes': '#f3f4f6',\n '--tw-prose-invert-quote-borders': '#374151',\n '--tw-prose-invert-captions': '#9ca3af',\n '--tw-prose-invert-code': '#fff',\n '--tw-prose-invert-pre-code': '#d1d5db',\n '--tw-prose-invert-pre-bg': 'rgb(0 0 0 / 50%)',\n '--tw-prose-invert-th-borders': '#4b5563',\n '--tw-prose-invert-td-borders': '#374151',\n fontSize: '1rem',\n lineHeight: '1.75',\n '& :where(p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.25em',\n marginBottom: '1.25em',\n },\n '& :where(video):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '2em',\n marginBottom: '2em',\n },\n '& :where(figure):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '2em',\n marginBottom: '2em',\n },\n '& :where(li):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.5em',\n marginBottom: '0.5em',\n },\n '& :where(ol > li):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0.375em',\n },\n '& :where(ul > li):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0.375em',\n },\n '& :where(.prose > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.75em',\n marginBottom: '0.75em',\n },\n '& :where(.prose > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.25em',\n },\n '& :where(.prose > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.25em',\n },\n '& :where(.prose > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.25em',\n },\n '& :where(.prose > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.25em',\n },\n '& :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.75em',\n marginBottom: '0.75em',\n },\n '& :where(hr + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h2 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h3 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h4 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(thead th:first-child):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0',\n },\n '& :where(thead th:last-child):not(:where([class~=\"not-prose\"] *))': {\n paddingRight: '0',\n },\n '& :where(tbody td, tfoot td):not(:where([class~=\"not-prose\"] *))': {\n paddingTop: '0.5714286em',\n paddingRight: '0.5714286em',\n paddingBottom: '0.5714286em',\n paddingLeft: '0.5714286em',\n },\n '& :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n paddingLeft: '0',\n },\n '& :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n paddingRight: '0',\n },\n '& :where(.prose > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(.prose > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n '.prose-sm :where(& > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.5714286em',\n marginBottom: '0.5714286em',\n },\n '.prose-sm :where(& > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.1428571em',\n },\n '.prose-sm :where(& > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.1428571em',\n },\n '.prose-sm :where(& > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.1428571em',\n },\n '.prose-sm :where(& > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.1428571em',\n },\n '.prose-sm :where(& > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '.prose-sm :where(& > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n '.prose-base :where(& > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.75em',\n marginBottom: '0.75em',\n },\n '.prose-base :where(& > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.25em',\n },\n '.prose-base :where(& > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.25em',\n },\n '.prose-base :where(& > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.25em',\n },\n '.prose-base :where(& > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.25em',\n },\n '.prose-base :where(& > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '.prose-base :where(& > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n '.prose-lg :where(& > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.8888889em',\n marginBottom: '0.8888889em',\n },\n '.prose-lg :where(& > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.3333333em',\n },\n '.prose-lg :where(& > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.3333333em',\n },\n '.prose-lg :where(& > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.3333333em',\n },\n '.prose-lg :where(& > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.3333333em',\n },\n '.prose-lg :where(& > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '.prose-lg :where(& > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n '.prose-xl :where(& > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.8em',\n marginBottom: '0.8em',\n },\n '.prose-xl :where(& > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.2em',\n },\n '.prose-xl :where(& > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.2em',\n },\n '.prose-xl :where(& > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.2em',\n },\n '.prose-xl :where(& > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.2em',\n },\n '.prose-xl :where(& > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '.prose-xl :where(& > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n '.prose-2xl :where(& > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.8333333em',\n marginBottom: '0.8333333em',\n },\n '.prose-2xl :where(& > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.3333333em',\n },\n '.prose-2xl :where(& > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.3333333em',\n },\n '.prose-2xl :where(& > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.3333333em',\n },\n '.prose-2xl :where(& > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.3333333em',\n },\n '.prose-2xl :where(& > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '.prose-2xl :where(& > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n '@media (min-width: 640px)': {\n fontSize: '0.875rem',\n lineHeight: '1.7142857',\n '& :where(p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.1428571em',\n marginBottom: '1.1428571em',\n },\n '& :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.2857143em',\n lineHeight: '1.5555556',\n marginTop: '0.8888889em',\n marginBottom: '0.8888889em',\n },\n '& :where(blockquote):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.3333333em',\n marginBottom: '1.3333333em',\n paddingLeft: '1.1111111em',\n },\n '& :where(h1):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '2.1428571em',\n marginTop: '0',\n marginBottom: '0.8em',\n lineHeight: '1.2',\n },\n '& :where(h2):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.4285714em',\n marginTop: '1.6em',\n marginBottom: '0.8em',\n lineHeight: '1.4',\n },\n '& :where(h3):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.2857143em',\n marginTop: '1.5555556em',\n marginBottom: '0.4444444em',\n lineHeight: '1.5555556',\n },\n '& :where(h4):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.4285714em',\n marginBottom: '0.5714286em',\n lineHeight: '1.4285714',\n },\n '& :where(img):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.7142857em',\n marginBottom: '1.7142857em',\n },\n '& :where(video):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.7142857em',\n marginBottom: '1.7142857em',\n },\n '& :where(figure):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.7142857em',\n marginBottom: '1.7142857em',\n },\n '& :where(figure > *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n marginBottom: '0',\n },\n '& :where(figcaption):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8571429em',\n lineHeight: '1.3333333',\n marginTop: '0.6666667em',\n },\n '& :where(code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8571429em',\n },\n '& :where(h2 code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.9em',\n },\n '& :where(h3 code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8888889em',\n },\n '& :where(pre):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8571429em',\n lineHeight: '1.6666667',\n marginTop: '1.6666667em',\n marginBottom: '1.6666667em',\n borderRadius: '0.25rem',\n paddingTop: '0.6666667em',\n paddingRight: '1em',\n paddingBottom: '0.6666667em',\n paddingLeft: '1em',\n },\n '& :where(ol):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.1428571em',\n marginBottom: '1.1428571em',\n paddingLeft: '1.5714286em',\n },\n '& :where(ul):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.1428571em',\n marginBottom: '1.1428571em',\n paddingLeft: '1.5714286em',\n },\n '& :where(li):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.2857143em',\n marginBottom: '0.2857143em',\n },\n '& :where(ol > li):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0.4285714em',\n },\n '& :where(ul > li):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0.4285714em',\n },\n '& :where(.prose > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.5714286em',\n marginBottom: '0.5714286em',\n },\n '& :where(.prose > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.1428571em',\n },\n '& :where(.prose > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.1428571em',\n },\n '& :where(.prose > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.1428571em',\n },\n '& :where(.prose > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.1428571em',\n },\n '& :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '0.5714286em',\n marginBottom: '0.5714286em',\n },\n '& :where(hr):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '2.8571429em',\n marginBottom: '2.8571429em',\n },\n '& :where(hr + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h2 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h3 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h4 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(table):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8571429em',\n lineHeight: '1.5',\n },\n '& :where(thead th):not(:where([class~=\"not-prose\"] *))': {\n paddingRight: '1em',\n paddingBottom: '0.6666667em',\n paddingLeft: '1em',\n },\n '& :where(thead th:first-child):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0',\n },\n '& :where(thead th:last-child):not(:where([class~=\"not-prose\"] *))': {\n paddingRight: '0',\n },\n '& :where(tbody td, tfoot td):not(:where([class~=\"not-prose\"] *))': {\n paddingTop: '0.6666667em',\n paddingRight: '1em',\n paddingBottom: '0.6666667em',\n paddingLeft: '1em',\n },\n '& :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n paddingLeft: '0',\n },\n '& :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n paddingRight: '0',\n },\n '& :where(.prose > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(.prose > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n },\n '@media (min-width: 1024px)': {\n fontSize: '1.125rem',\n lineHeight: '1.7777778',\n '& :where(p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.3333333em',\n marginBottom: '1.3333333em',\n },\n '& :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.2222222em',\n lineHeight: '1.4545455',\n marginTop: '1.0909091em',\n marginBottom: '1.0909091em',\n },\n '& :where(blockquote):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.6666667em',\n marginBottom: '1.6666667em',\n paddingLeft: '1em',\n },\n '& :where(h1):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '2.6666667em',\n marginTop: '0',\n marginBottom: '0.8333333em',\n lineHeight: '1',\n },\n '& :where(h2):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.6666667em',\n marginTop: '1.8666667em',\n marginBottom: '1.0666667em',\n lineHeight: '1.3333333',\n },\n '& :where(h3):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.3333333em',\n marginTop: '1.6666667em',\n marginBottom: '0.6666667em',\n lineHeight: '1.5',\n },\n '& :where(h4):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.7777778em',\n marginBottom: '0.4444444em',\n lineHeight: '1.5555556',\n },\n '& :where(img):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.7777778em',\n marginBottom: '1.7777778em',\n },\n '& :where(video):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.7777778em',\n marginBottom: '1.7777778em',\n },\n '& :where(figure):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.7777778em',\n marginBottom: '1.7777778em',\n },\n '& :where(figure > *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n marginBottom: '0',\n },\n '& :where(figcaption):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8888889em',\n lineHeight: '1.5',\n marginTop: '1em',\n },\n '& :where(code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8888889em',\n },\n '& :where(h2 code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8666667em',\n },\n '& :where(h3 code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.875em',\n },\n '& :where(pre):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8888889em',\n lineHeight: '1.75',\n marginTop: '2em',\n marginBottom: '2em',\n borderRadius: '0.375rem',\n paddingTop: '1em',\n paddingRight: '1.5em',\n paddingBottom: '1em',\n paddingLeft: '1.5em',\n },\n '& :where(ol):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.3333333em',\n marginBottom: '1.3333333em',\n paddingLeft: '1.5555556em',\n },\n '& :where(ul):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.3333333em',\n marginBottom: '1.3333333em',\n paddingLeft: '1.5555556em',\n },\n '& :where(li):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.6666667em',\n marginBottom: '0.6666667em',\n },\n '& :where(ol > li):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0.4444444em',\n },\n '& :where(ul > li):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0.4444444em',\n },\n '& :where(.prose > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.8888889em',\n marginBottom: '0.8888889em',\n },\n '& :where(.prose > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.3333333em',\n },\n '& :where(.prose > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.3333333em',\n },\n '& :where(.prose > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.3333333em',\n },\n '& :where(.prose > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.3333333em',\n },\n '& :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '0.8888889em',\n marginBottom: '0.8888889em',\n },\n '& :where(hr):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '3.1111111em',\n marginBottom: '3.1111111em',\n },\n '& :where(hr + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h2 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h3 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h4 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(table):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8888889em',\n lineHeight: '1.5',\n },\n '& :where(thead th):not(:where([class~=\"not-prose\"] *))': {\n paddingRight: '0.75em',\n paddingBottom: '0.75em',\n paddingLeft: '0.75em',\n },\n '& :where(thead th:first-child):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0',\n },\n '& :where(thead th:last-child):not(:where([class~=\"not-prose\"] *))': {\n paddingRight: '0',\n },\n '& :where(tbody td, tfoot td):not(:where([class~=\"not-prose\"] *))': {\n paddingTop: '0.75em',\n paddingRight: '0.75em',\n paddingBottom: '0.75em',\n paddingLeft: '0.75em',\n },\n '& :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n paddingLeft: '0',\n },\n '& :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n paddingRight: '0',\n },\n '& :where(.prose > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(.prose > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n },\n '@media (min-width: 1280px)': {\n fontSize: '1.25rem',\n lineHeight: '1.8',\n '& :where(p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.2em',\n marginBottom: '1.2em',\n },\n '& :where([class~=\"lead\"]):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.2em',\n lineHeight: '1.5',\n marginTop: '1em',\n marginBottom: '1em',\n },\n '& :where(blockquote):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.6em',\n marginBottom: '1.6em',\n paddingLeft: '1.0666667em',\n },\n '& :where(h1):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '2.8em',\n marginTop: '0',\n marginBottom: '0.8571429em',\n lineHeight: '1',\n },\n '& :where(h2):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.8em',\n marginTop: '1.5555556em',\n marginBottom: '0.8888889em',\n lineHeight: '1.1111111',\n },\n '& :where(h3):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '1.5em',\n marginTop: '1.6em',\n marginBottom: '0.6666667em',\n lineHeight: '1.3333333',\n },\n '& :where(h4):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.8em',\n marginBottom: '0.6em',\n lineHeight: '1.6',\n },\n '& :where(img):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '2em',\n marginBottom: '2em',\n },\n '& :where(video):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '2em',\n marginBottom: '2em',\n },\n '& :where(figure):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '2em',\n marginBottom: '2em',\n },\n '& :where(figure > *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n marginBottom: '0',\n },\n '& :where(figcaption):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.9em',\n lineHeight: '1.5555556',\n marginTop: '1em',\n },\n '& :where(code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.9em',\n },\n '& :where(h2 code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.8611111em',\n },\n '& :where(h3 code):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.9em',\n },\n '& :where(pre):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.9em',\n lineHeight: '1.7777778',\n marginTop: '2em',\n marginBottom: '2em',\n borderRadius: '0.5rem',\n paddingTop: '1.1111111em',\n paddingRight: '1.3333333em',\n paddingBottom: '1.1111111em',\n paddingLeft: '1.3333333em',\n },\n '& :where(ol):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.2em',\n marginBottom: '1.2em',\n paddingLeft: '1.6em',\n },\n '& :where(ul):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '1.2em',\n marginBottom: '1.2em',\n paddingLeft: '1.6em',\n },\n '& :where(li):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.6em',\n marginBottom: '0.6em',\n },\n '& :where(ol > li):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0.4em',\n },\n '& :where(ul > li):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0.4em',\n },\n '& :where(.prose > ul > li p):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0.8em',\n marginBottom: '0.8em',\n },\n '& :where(.prose > ul > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.2em',\n },\n '& :where(.prose > ul > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.2em',\n },\n '& :where(.prose > ol > li > *:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '1.2em',\n },\n '& :where(.prose > ol > li > *:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n marginBottom: '1.2em',\n },\n '& :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=\"not-prose\"] *))':\n {\n marginTop: '0.8em',\n marginBottom: '0.8em',\n },\n '& :where(hr):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '2.8em',\n marginBottom: '2.8em',\n },\n '& :where(hr + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h2 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h3 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(h4 + *):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(table):not(:where([class~=\"not-prose\"] *))': {\n fontSize: '0.9em',\n lineHeight: '1.5555556',\n },\n '& :where(thead th):not(:where([class~=\"not-prose\"] *))': {\n paddingRight: '0.6666667em',\n paddingBottom: '0.8888889em',\n paddingLeft: '0.6666667em',\n },\n '& :where(thead th:first-child):not(:where([class~=\"not-prose\"] *))': {\n paddingLeft: '0',\n },\n '& :where(thead th:last-child):not(:where([class~=\"not-prose\"] *))': {\n paddingRight: '0',\n },\n '& :where(tbody td, tfoot td):not(:where([class~=\"not-prose\"] *))': {\n paddingTop: '0.8888889em',\n paddingRight: '0.6666667em',\n paddingBottom: '0.8888889em',\n paddingLeft: '0.6666667em',\n },\n '& :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=\"not-prose\"] *))':\n {\n paddingLeft: '0',\n },\n '& :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=\"not-prose\"] *))':\n {\n paddingRight: '0',\n },\n '& :where(.prose > :first-child):not(:where([class~=\"not-prose\"] *))': {\n marginTop: '0',\n },\n '& :where(.prose > :last-child):not(:where([class~=\"not-prose\"] *))': {\n marginBottom: '0',\n },\n },\n}) // From tailwindcss-typography\n\n;({\n fontWeight: '400',\n fontSize: '1rem',\n lineHeight: '1.625',\n '> * + *': {\n marginTop: '1em',\n },\n '& h1': {\n fontWeight: '700',\n fontSize: '3rem',\n },\n '& h1 lineHeight': {\n lineHeight: '1',\n },\n '@media (min-width: 640px)': {\n '& h1': {\n fontSize: '3.75rem',\n },\n '& h1 lineHeight': {\n lineHeight: '1',\n },\n },\n '& a': {\n fontWeight: '700',\n color: '#60a5fa',\n },\n '& a:hover,& a:focus': {\n color: '#2563eb',\n textDecoration: 'underline',\n },\n '& a:active': {\n color: '#ea580c',\n },\n '& b,& strong': {\n fontWeight: '700',\n },\n '& i,& em': {\n fontStyle: 'italic',\n },\n})\n\n\n`;\n\nexports[`twin.macro pluginUserParentSelector.tsx: pluginUserParentSelector.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`my-class1\\`\ntw\\`my-class2\\`\ntw\\`my-class3\\`\ntw\\`my-class4\\`\ntw\\`my-class5\\`\ntw\\`my-class6\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n backgroundColor: 'black',\n '& h2': {\n backgroundColor: 'red',\n },\n})\n;({\n backgroundColor: 'green',\n 'h2 &': {\n backgroundColor: 'yellow',\n },\n})\n;({\n backgroundColor: 'green',\n '.dark &:hover': {\n backgroundColor: 'yellow',\n },\n})\n;({\n '.test & :hover': {\n backgroundColor: 'orange',\n },\n})\n;({\n backgroundColor: 'brown',\n ':hover': {\n backgroundColor: 'pink',\n },\n})\n;({\n backgroundColor: 'blue',\n '& :hover': {\n backgroundColor: 'orange',\n },\n})\n\n\n`;\n\nexports[`twin.macro plugins.tsx: plugins.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Tailwind plugin tests\n\ntw\\`type-sm\\`\n\nconst addUtilitiesTest = tw\\`type-sm text-red-500 lg:type-sm md:type-sm!\\`\n\nconst addUtilitiesTest2 = tw\\`skew-15deg\\`\nconst addUtilitiesTest2Important = tw\\`skew-15deg! type-sm!\\`\nconst addUtilitiesTest2Media = tw\\`sm:skew-15deg lg:type-sm\\`\nconst addUtilitiesTest2Variants = tw\\`hover:active:skew-15deg even:visited:skew-15deg\\`\n\nconst addComponentsTest = tw\\`btn btn-blue btn-red\\`\nconst addComponentsTestMedia = tw\\`xl:btn sm:btn-blue lg:btn-red\\`\nconst addComponentsTestVariants = tw\\`hover:active:btn hocus:before:btn-blue even:visited:btn-red\\`\n\nconst addComponentsTestElementPrefixes = tw\\`prefixes\\`\nconst addComponentsTestElementScreenReplacements = tw\\`screenies\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// Tailwind plugin tests\n;({\n fontSize: '0.875rem',\n fontWeight: '500',\n lineHeight: '1.25',\n})\nconst addUtilitiesTest = {\n '--tw-text-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-text-opacity))',\n fontSize: '0.875rem',\n fontWeight: '500',\n lineHeight: '1.25',\n '@media (min-width: 768px)': {\n fontSize: '0.875rem !important',\n fontWeight: '500 !important',\n lineHeight: '1.25 !important',\n },\n '@media (min-width: 1024px)': {\n fontSize: '0.875rem',\n fontWeight: '500',\n lineHeight: '1.25',\n },\n}\nconst addUtilitiesTest2 = {\n transform: 'skewY(-15deg)',\n}\nconst addUtilitiesTest2Important = {\n fontSize: '0.875rem !important',\n fontWeight: '500 !important',\n lineHeight: '1.25 !important',\n transform: 'skewY(-15deg) !important',\n}\nconst addUtilitiesTest2Media = {\n '@media (min-width: 640px)': {\n transform: 'skewY(-15deg)',\n },\n '@media (min-width: 1024px)': {\n fontSize: '0.875rem',\n fontWeight: '500',\n lineHeight: '1.25',\n },\n}\nconst addUtilitiesTest2Variants = {\n ':nth-child(even):visited': {\n transform: 'skewY(-15deg)',\n },\n ':hover:active': {\n transform: 'skewY(-15deg)',\n },\n}\nconst addComponentsTest = {\n padding: '.5rem 1rem',\n borderRadius: '.25rem',\n fontWeight: '600',\n backgroundColor: '#e3342f',\n color: '#fff',\n ':hover': {\n backgroundColor: '#cc1f1a',\n },\n}\nconst addComponentsTestMedia = {\n '@media (min-width: 640px)': {\n backgroundColor: '#3490dc',\n color: '#fff',\n ':hover': {\n backgroundColor: '#2779bd',\n },\n },\n '@media (min-width: 1024px)': {\n backgroundColor: '#e3342f',\n color: '#fff',\n ':hover': {\n backgroundColor: '#cc1f1a',\n },\n },\n '@media (min-width: 1280px)': {\n padding: '.5rem 1rem',\n borderRadius: '.25rem',\n fontWeight: '600',\n },\n}\nconst addComponentsTestVariants = {\n ':nth-child(even):visited': {\n backgroundColor: '#e3342f',\n color: '#fff',\n },\n ':nth-child(even):visited:hover': {\n backgroundColor: '#cc1f1a',\n },\n ':hover:active': {\n padding: '.5rem 1rem',\n borderRadius: '.25rem',\n fontWeight: '600',\n },\n ':hover::before': {\n content: 'var(--tw-content)',\n backgroundColor: '#3490dc',\n color: '#fff',\n },\n ':focus::before': {\n content: 'var(--tw-content)',\n backgroundColor: '#3490dc',\n color: '#fff',\n },\n ':hover:hover::before': {\n content: 'var(--tw-content)',\n backgroundColor: '#2779bd',\n },\n ':focus:hover::before': {\n content: 'var(--tw-content)',\n backgroundColor: '#2779bd',\n },\n}\nconst addComponentsTestElementPrefixes = {\n '& h1': {\n margin: 'auto',\n marginRight: '10px',\n },\n '& h2:hover': {\n color: 'red',\n },\n '& h3:hover,& h3:active': {\n color: 'green',\n },\n '& :focus': {\n display: 'none',\n },\n}\nconst addComponentsTestElementScreenReplacements = {\n '@media (min-width: 640px)': {\n display: 'block',\n },\n '@media (min-width: 1024px)': {\n display: 'inline-block',\n },\n '@media (min-width: 768px)': {\n display: 'flex',\n },\n '@media (min-width: 1280px)': {\n '& h1': {\n marginTop: '50px',\n },\n '& h1:hover,& h1:focus': {\n color: 'blue',\n },\n },\n}\n\n\n`;\n\nexports[`twin.macro pointerEvents.tsx: pointerEvents.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/pointer-events\ntw\\`pointer-events-none\\`\ntw\\`pointer-events-auto\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/pointer-events\n;({\n pointerEvents: 'none',\n})\n;({\n pointerEvents: 'auto',\n})\n\n\n`;\n\nexports[`twin.macro position.tsx: position.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/position\ntw\\`static\\`\ntw\\`fixed\\`\ntw\\`absolute\\`\ntw\\`relative\\`\ntw\\`sticky\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/position\n;({\n position: 'static',\n})\n;({\n position: 'fixed',\n})\n;({\n position: 'absolute',\n})\n;({\n position: 'relative',\n})\n;({\n position: 'sticky',\n})\n\n\n`;\n\nexports[`twin.macro prefix.tsx: prefix.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// tw prop prefix\n;
    \n\n// tw import prefix\n;
    \n\n// tw prop + import prefix\n;
    \n\n// tw import + short css\n;
    \n\n// tw import + arbitrary property\n;
    \n\n// className should be ignored without the prefix\n;
    \n\n// className should be converted with a prefix\n;
    \n\n// group\n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n\n// custom plugin classes\n;
    \n;
    \n;
    \n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n; // tw import prefix\n; // tw prop + import prefix\n; // tw import + short css\n; // tw import + arbitrary property\n; // className should be ignored without the prefix\n;
    // className should be converted with a prefix\n; // group\n;\n;\n;\n;\n;\n; // custom plugin classes\n;\n; *': {\n margin: '20px',\n },\n }}\n data-tw=\"tw-test-1\"\n/>\n; *': {\n margin: '20px',\n },\n }}\n data-tw=\"tw-test-2\"\n/>\n\n\n`;\n\nexports[`twin.macro preflight.tsx: preflight.tsx 1`] = `\n\n// @ts-nocheck\nimport { globalStyles } from '../macro'\n\nglobalStyles\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '*, ::before, ::after': {\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n '::backdrop': {\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n})\n\n\n`;\n\nexports[`twin.macro presets.tsx: presets.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`text-badass\\`\ntw\\`text-banana\\`\ntw\\`text-hamburger\\`\ntw\\`active:text-white\\`\ntw\\`hocus:text-black\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(186 218 85 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(255 255 0 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(165 42 42 / var(--tw-text-opacity))',\n})\n;({\n ':active': {\n '--tw-text-opacity': '1',\n color: 'rgb(255 255 255 / var(--tw-text-opacity))',\n },\n})\n;({\n ':hover': {\n '--tw-text-opacity': '1',\n color: 'rgb(0 0 0 / var(--tw-text-opacity))',\n },\n ':focus': {\n '--tw-text-opacity': '1',\n color: 'rgb(0 0 0 / var(--tw-text-opacity))',\n },\n})\n\n\n`;\n\nexports[`twin.macro resize.tsx: resize.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/resize\ntw\\`resize-none\\`\ntw\\`resize-y\\`\ntw\\`resize-x\\`\ntw\\`resize\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/resize\n;({\n resize: 'none',\n})\n;({\n resize: 'vertical',\n})\n;({\n resize: 'horizontal',\n})\n;({\n resize: 'both',\n})\n\n\n`;\n\nexports[`twin.macro ringColor.tsx: ringColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/ring-color\ntheme\\`ringColor.\\`\n\ntw\\`ring-inherit\\`\ntw\\`ring-current\\`\ntw\\`ring-transparent\\`\ntw\\`ring-black\\`\ntw\\`ring-white\\`\ntw\\`ring-slate-50\\`\ntw\\`ring-slate-100\\`\ntw\\`ring-slate-200\\`\ntw\\`ring-slate-300\\`\ntw\\`ring-slate-400\\`\ntw\\`ring-slate-500\\`\ntw\\`ring-slate-600\\`\ntw\\`ring-slate-700\\`\ntw\\`ring-slate-800\\`\ntw\\`ring-slate-900\\`\ntw\\`ring-gray-50\\`\ntw\\`ring-gray-100\\`\ntw\\`ring-gray-200\\`\ntw\\`ring-gray-300\\`\ntw\\`ring-gray-400\\`\ntw\\`ring-gray-500\\`\ntw\\`ring-gray-600\\`\ntw\\`ring-gray-700\\`\ntw\\`ring-gray-800\\`\ntw\\`ring-gray-900\\`\ntw\\`ring-zinc-50\\`\ntw\\`ring-zinc-100\\`\ntw\\`ring-zinc-200\\`\ntw\\`ring-zinc-300\\`\ntw\\`ring-zinc-400\\`\ntw\\`ring-zinc-500\\`\ntw\\`ring-zinc-600\\`\ntw\\`ring-zinc-700\\`\ntw\\`ring-zinc-800\\`\ntw\\`ring-zinc-900\\`\ntw\\`ring-neutral-50\\`\ntw\\`ring-neutral-100\\`\ntw\\`ring-neutral-200\\`\ntw\\`ring-neutral-300\\`\ntw\\`ring-neutral-400\\`\ntw\\`ring-neutral-500\\`\ntw\\`ring-neutral-600\\`\ntw\\`ring-neutral-700\\`\ntw\\`ring-neutral-800\\`\ntw\\`ring-neutral-900\\`\ntw\\`ring-stone-50\\`\ntw\\`ring-stone-100\\`\ntw\\`ring-stone-200\\`\ntw\\`ring-stone-300\\`\ntw\\`ring-stone-400\\`\ntw\\`ring-stone-500\\`\ntw\\`ring-stone-600\\`\ntw\\`ring-stone-700\\`\ntw\\`ring-stone-800\\`\ntw\\`ring-stone-900\\`\ntw\\`ring-red-50\\`\ntw\\`ring-red-100\\`\ntw\\`ring-red-200\\`\ntw\\`ring-red-300\\`\ntw\\`ring-red-400\\`\ntw\\`ring-red-500\\`\ntw\\`ring-red-600\\`\ntw\\`ring-red-700\\`\ntw\\`ring-red-800\\`\ntw\\`ring-red-900\\`\ntw\\`ring-orange-50\\`\ntw\\`ring-orange-100\\`\ntw\\`ring-orange-200\\`\ntw\\`ring-orange-300\\`\ntw\\`ring-orange-400\\`\ntw\\`ring-orange-500\\`\ntw\\`ring-orange-600\\`\ntw\\`ring-orange-700\\`\ntw\\`ring-orange-800\\`\ntw\\`ring-orange-900\\`\ntw\\`ring-amber-50\\`\ntw\\`ring-amber-100\\`\ntw\\`ring-amber-200\\`\ntw\\`ring-amber-300\\`\ntw\\`ring-amber-400\\`\ntw\\`ring-amber-500\\`\ntw\\`ring-amber-600\\`\ntw\\`ring-amber-700\\`\ntw\\`ring-amber-800\\`\ntw\\`ring-amber-900\\`\ntw\\`ring-yellow-50\\`\ntw\\`ring-yellow-100\\`\ntw\\`ring-yellow-200\\`\ntw\\`ring-yellow-300\\`\ntw\\`ring-yellow-400\\`\ntw\\`ring-yellow-500\\`\ntw\\`ring-yellow-600\\`\ntw\\`ring-yellow-700\\`\ntw\\`ring-yellow-800\\`\ntw\\`ring-yellow-900\\`\ntw\\`ring-lime-50\\`\ntw\\`ring-lime-100\\`\ntw\\`ring-lime-200\\`\ntw\\`ring-lime-300\\`\ntw\\`ring-lime-400\\`\ntw\\`ring-lime-500\\`\ntw\\`ring-lime-600\\`\ntw\\`ring-lime-700\\`\ntw\\`ring-lime-800\\`\ntw\\`ring-lime-900\\`\ntw\\`ring-green-50\\`\ntw\\`ring-green-100\\`\ntw\\`ring-green-200\\`\ntw\\`ring-green-300\\`\ntw\\`ring-green-400\\`\ntw\\`ring-green-500\\`\ntw\\`ring-green-600\\`\ntw\\`ring-green-700\\`\ntw\\`ring-green-800\\`\ntw\\`ring-green-900\\`\ntw\\`ring-emerald-50\\`\ntw\\`ring-emerald-100\\`\ntw\\`ring-emerald-200\\`\ntw\\`ring-emerald-300\\`\ntw\\`ring-emerald-400\\`\ntw\\`ring-emerald-500\\`\ntw\\`ring-emerald-600\\`\ntw\\`ring-emerald-700\\`\ntw\\`ring-emerald-800\\`\ntw\\`ring-emerald-900\\`\ntw\\`ring-teal-50\\`\ntw\\`ring-teal-100\\`\ntw\\`ring-teal-200\\`\ntw\\`ring-teal-300\\`\ntw\\`ring-teal-400\\`\ntw\\`ring-teal-500\\`\ntw\\`ring-teal-600\\`\ntw\\`ring-teal-700\\`\ntw\\`ring-teal-800\\`\ntw\\`ring-teal-900\\`\ntw\\`ring-cyan-50\\`\ntw\\`ring-cyan-100\\`\ntw\\`ring-cyan-200\\`\ntw\\`ring-cyan-300\\`\ntw\\`ring-cyan-400\\`\ntw\\`ring-cyan-500\\`\ntw\\`ring-cyan-600\\`\ntw\\`ring-cyan-700\\`\ntw\\`ring-cyan-800\\`\ntw\\`ring-cyan-900\\`\ntw\\`ring-sky-50\\`\ntw\\`ring-sky-100\\`\ntw\\`ring-sky-200\\`\ntw\\`ring-sky-300\\`\ntw\\`ring-sky-400\\`\ntw\\`ring-sky-500\\`\ntw\\`ring-sky-600\\`\ntw\\`ring-sky-700\\`\ntw\\`ring-sky-800\\`\ntw\\`ring-sky-900\\`\ntw\\`ring-blue-50\\`\ntw\\`ring-blue-100\\`\ntw\\`ring-blue-200\\`\ntw\\`ring-blue-300\\`\ntw\\`ring-blue-400\\`\ntw\\`ring-blue-500\\`\ntw\\`ring-blue-600\\`\ntw\\`ring-blue-700\\`\ntw\\`ring-blue-800\\`\ntw\\`ring-blue-900\\`\ntw\\`ring-indigo-50\\`\ntw\\`ring-indigo-100\\`\ntw\\`ring-indigo-200\\`\ntw\\`ring-indigo-300\\`\ntw\\`ring-indigo-400\\`\ntw\\`ring-indigo-500\\`\ntw\\`ring-indigo-600\\`\ntw\\`ring-indigo-700\\`\ntw\\`ring-indigo-800\\`\ntw\\`ring-indigo-900\\`\ntw\\`ring-violet-50\\`\ntw\\`ring-violet-100\\`\ntw\\`ring-violet-200\\`\ntw\\`ring-violet-300\\`\ntw\\`ring-violet-400\\`\ntw\\`ring-violet-500\\`\ntw\\`ring-violet-600\\`\ntw\\`ring-violet-700\\`\ntw\\`ring-violet-800\\`\ntw\\`ring-violet-900\\`\ntw\\`ring-purple-50\\`\ntw\\`ring-purple-100\\`\ntw\\`ring-purple-200\\`\ntw\\`ring-purple-300\\`\ntw\\`ring-purple-400\\`\ntw\\`ring-purple-500\\`\ntw\\`ring-purple-600\\`\ntw\\`ring-purple-700\\`\ntw\\`ring-purple-800\\`\ntw\\`ring-purple-900\\`\ntw\\`ring-fuchsia-50\\`\ntw\\`ring-fuchsia-100\\`\ntw\\`ring-fuchsia-200\\`\ntw\\`ring-fuchsia-300\\`\ntw\\`ring-fuchsia-400\\`\ntw\\`ring-fuchsia-500\\`\ntw\\`ring-fuchsia-600\\`\ntw\\`ring-fuchsia-700\\`\ntw\\`ring-fuchsia-800\\`\ntw\\`ring-fuchsia-900\\`\ntw\\`ring-pink-50\\`\ntw\\`ring-pink-100\\`\ntw\\`ring-pink-200\\`\ntw\\`ring-pink-300\\`\ntw\\`ring-pink-400\\`\ntw\\`ring-pink-500\\`\ntw\\`ring-pink-600\\`\ntw\\`ring-pink-700\\`\ntw\\`ring-pink-800\\`\ntw\\`ring-pink-900\\`\ntw\\`ring-rose-50\\`\ntw\\`ring-rose-100\\`\ntw\\`ring-rose-200\\`\ntw\\`ring-rose-300\\`\ntw\\`ring-rose-400\\`\ntw\\`ring-rose-500\\`\ntw\\`ring-rose-600\\`\ntw\\`ring-rose-700\\`\ntw\\`ring-rose-800\\`\ntw\\`ring-rose-900\\`\n\ntw\\`ring-blue-500/50\\`\ntw\\`ring-blue-500/[.55]\\`\ntw\\`ring-[#50d71e]\\`\n\ntw\\`ring-red-500\\`\ntw\\`ring-red-500/25\\`\ntw\\`ring-red-500/fromConfig\\`\ntw\\`ring-red-500/fromConfig/25\\`\ntw\\`ring-red-500/fromConfig/[.555]\\`\ntw\\`ring-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`ring-red-500/[.555]\\`\ntw\\`ring-red-500/[var(--myvar)]\\`\ntw\\`ring-[theme('colors.red.500')]\\`\ntw\\`ring-[theme('colors.red.500')]/20\\`\n\ntw\\`ring-electric\\`\ntw\\`ring-electric/25\\`\ntw\\`ring-electric/[.555]\\`\ntw\\`ring-electric/[var(--myvar)]\\`\ntw\\`ring-[theme('colors.electric')]\\`\ntw\\`ring-[theme('colors.electric')]/20\\`\n\ntw\\`ring-[color:green]\\`\ntw\\`ring-[color:rgba(255, 255, 255, .45)]\\`\ntw\\`ring-[length:10px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/ring-color\n;({\n DEFAULT: '#3b82f6',\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n '--tw-ring-color': 'inherit',\n})\n;({\n '--tw-ring-color': 'currentColor',\n})\n;({\n '--tw-ring-color': 'transparent',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(0 0 0 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(255 255 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(248 250 252 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(241 245 249 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(226 232 240 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(203 213 225 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(148 163 184 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(100 116 139 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(71 85 105 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(51 65 85 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(30 41 59 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(15 23 42 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(249 250 251 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(243 244 246 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(229 231 235 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(209 213 219 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(156 163 175 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(107 114 128 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(75 85 99 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(55 65 81 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(31 41 55 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(17 24 39 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(250 250 250 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(244 244 245 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(228 228 231 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(212 212 216 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(161 161 170 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(113 113 122 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(82 82 91 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(63 63 70 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(39 39 42 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(24 24 27 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(250 250 250 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(245 245 245 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(229 229 229 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(212 212 212 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(163 163 163 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(115 115 115 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(82 82 82 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(64 64 64 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(38 38 38 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(23 23 23 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(250 250 249 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(245 245 244 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(231 229 228 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(214 211 209 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(168 162 158 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(120 113 108 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(87 83 78 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(68 64 60 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(41 37 36 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(28 25 23 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 242 242 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 226 226 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 202 202 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(252 165 165 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(248 113 113 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(239 68 68 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(220 38 38 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(185 28 28 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(153 27 27 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(127 29 29 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(255 247 237 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(255 237 213 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 215 170 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(253 186 116 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(251 146 60 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(249 115 22 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(234 88 12 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(194 65 12 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(154 52 18 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(124 45 18 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(255 251 235 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 243 199 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(253 230 138 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(252 211 77 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(251 191 36 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(245 158 11 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(217 119 6 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(180 83 9 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(146 64 14 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(120 53 15 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 252 232 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 249 195 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 240 138 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(253 224 71 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(250 204 21 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(234 179 8 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(202 138 4 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(161 98 7 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(133 77 14 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(113 63 18 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(247 254 231 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(236 252 203 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(217 249 157 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(190 242 100 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(163 230 53 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(132 204 22 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(101 163 13 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(77 124 15 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(63 98 18 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(54 83 20 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(240 253 244 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(220 252 231 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(187 247 208 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(134 239 172 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(74 222 128 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(34 197 94 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(22 163 74 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(21 128 61 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(22 101 52 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(20 83 45 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(236 253 245 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(209 250 229 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(167 243 208 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(110 231 183 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(52 211 153 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(16 185 129 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(5 150 105 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(4 120 87 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(6 95 70 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(6 78 59 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(240 253 250 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(204 251 241 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(153 246 228 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(94 234 212 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(45 212 191 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(20 184 166 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(13 148 136 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(15 118 110 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(17 94 89 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(19 78 74 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(236 254 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(207 250 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(165 243 252 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(103 232 249 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(34 211 238 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(6 182 212 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(8 145 178 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(14 116 144 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(21 94 117 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(22 78 99 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(240 249 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(224 242 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(186 230 253 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(125 211 252 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(56 189 248 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(14 165 233 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(2 132 199 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(3 105 161 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(7 89 133 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(12 74 110 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(239 246 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(219 234 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(191 219 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(147 197 253 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(96 165 250 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(59 130 246 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(37 99 235 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(29 78 216 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(30 64 175 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(30 58 138 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(238 242 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(224 231 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(199 210 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(165 180 252 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(129 140 248 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(99 102 241 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(79 70 229 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(67 56 202 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(55 48 163 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(49 46 129 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(245 243 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(237 233 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(221 214 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(196 181 253 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(167 139 250 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(139 92 246 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(124 58 237 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(109 40 217 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(91 33 182 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(76 29 149 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(250 245 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(243 232 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(233 213 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(216 180 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(192 132 252 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(168 85 247 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(147 51 234 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(126 34 206 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(107 33 168 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(88 28 135 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(253 244 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(250 232 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(245 208 254 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(240 171 252 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(232 121 249 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(217 70 239 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(192 38 211 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(162 28 175 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(134 25 143 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(112 26 117 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(253 242 248 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(252 231 243 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(251 207 232 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(249 168 212 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(244 114 182 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(236 72 153 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(219 39 119 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(190 24 93 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(157 23 77 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(131 24 67 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(255 241 242 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(255 228 230 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(254 205 211 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(253 164 175 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(251 113 133 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(244 63 94 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(225 29 72 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(190 18 60 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(159 18 57 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(136 19 55 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n})\n;({\n '--tw-ring-color': 'rgb(59 130 246 / .55)',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(80 215 30 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(239 68 68 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-color': 'rgb(239 68 68 / 0.25)',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(0 0 0 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-color': 'rgb(0 0 0 / 0.25)',\n})\n;({\n '--tw-ring-color': 'rgb(0 0 0 / .555)',\n})\n;({\n '--tw-ring-color': 'rgb(0 0 0 / var(--myvar))',\n})\n;({\n '--tw-ring-color': 'rgb(239 68 68 / .555)',\n})\n;({\n '--tw-ring-color': 'rgb(239 68 68 / var(--myvar))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(239 68 68 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-color': 'rgb(239 68 68 / 0.2)',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgba(219, 0, 255, var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-color': 'rgba(219, 0, 255, 0.25)',\n})\n;({\n '--tw-ring-color': 'rgba(219, 0, 255, .555)',\n})\n;({\n '--tw-ring-color': 'rgba(219, 0, 255, var(--myvar))',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(219 0 255 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-color': 'rgb(219 0 255 / 0.2)',\n})\n;({\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(0 128 0 / var(--tw-ring-opacity))',\n})\n;({\n '--tw-ring-color': 'rgba(255, 255, 255, .45)',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(10px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n\n\n`;\n\nexports[`twin.macro ringMisc.tsx: ringMisc.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Combined ring classes\ntw\\`ring ring-inset ring-purple-500 ring-offset-black ring-offset-4 ring-opacity-50\\`\ntw\\`ring ring-inset ring-purple-500 ring-offset-black ring-offset-4\\`\ntw\\`ring ring-purple-500 ring-offset-black ring-offset-4\\`\ntw\\`ring ring-offset-black ring-offset-4\\`\ntw\\`ring ring-offset-4\\`\n\n// Test the ring-opacity ordering - 'ring-opacity-x' should be moved to the end\n// https://github.com/ben-rogerson/twin.macro/issues/374\ntw\\`ring-4 ring-opacity-20 ring-green-500\\`\ntw\\`mt-5 md:(ring-opacity-20 ring-4 ring-green-500) mb-5\\`\n\ntw\\`ring-[10px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// Combined ring classes\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n '--tw-ring-inset': 'inset',\n '--tw-ring-opacity': '0.5',\n '--tw-ring-color': 'rgb(168 85 247 / var(--tw-ring-opacity))',\n '--tw-ring-offset-width': '4px',\n '--tw-ring-offset-color': '#000',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n '--tw-ring-inset': 'inset',\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(168 85 247 / var(--tw-ring-opacity))',\n '--tw-ring-offset-width': '4px',\n '--tw-ring-offset-color': '#000',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n '--tw-ring-opacity': '1',\n '--tw-ring-color': 'rgb(168 85 247 / var(--tw-ring-opacity))',\n '--tw-ring-offset-width': '4px',\n '--tw-ring-offset-color': '#000',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n '--tw-ring-offset-width': '4px',\n '--tw-ring-offset-color': '#000',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n '--tw-ring-offset-width': '4px',\n}) // Test the ring-opacity ordering - 'ring-opacity-x' should be moved to the end\n// https://github.com/ben-rogerson/twin.macro/issues/374\n\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n '--tw-ring-opacity': '0.2',\n '--tw-ring-color': 'rgb(34 197 94 / var(--tw-ring-opacity))',\n})\n;({\n marginBottom: '1.25rem',\n marginTop: '1.25rem',\n '@media (min-width: 768px)': {\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n '--tw-ring-opacity': '0.2',\n '--tw-ring-color': 'rgb(34 197 94 / var(--tw-ring-opacity))',\n },\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(10px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n\n\n`;\n\nexports[`twin.macro ringOffsetColor.tsx: ringOffsetColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/ring-offset-color\ntheme\\`ringOffsetColor\\`\n\ntw\\`ring-offset-inherit\\`\ntw\\`ring-offset-current\\`\ntw\\`ring-offset-transparent\\`\ntw\\`ring-offset-black\\`\ntw\\`ring-offset-white\\`\ntw\\`ring-offset-slate-50\\`\ntw\\`ring-offset-slate-100\\`\ntw\\`ring-offset-slate-200\\`\ntw\\`ring-offset-slate-300\\`\ntw\\`ring-offset-slate-400\\`\ntw\\`ring-offset-slate-500\\`\ntw\\`ring-offset-slate-600\\`\ntw\\`ring-offset-slate-700\\`\ntw\\`ring-offset-slate-800\\`\ntw\\`ring-offset-slate-900\\`\ntw\\`ring-offset-gray-50\\`\ntw\\`ring-offset-gray-100\\`\ntw\\`ring-offset-gray-200\\`\ntw\\`ring-offset-gray-300\\`\ntw\\`ring-offset-gray-400\\`\ntw\\`ring-offset-gray-500\\`\ntw\\`ring-offset-gray-600\\`\ntw\\`ring-offset-gray-700\\`\ntw\\`ring-offset-gray-800\\`\ntw\\`ring-offset-gray-900\\`\ntw\\`ring-offset-zinc-50\\`\ntw\\`ring-offset-zinc-100\\`\ntw\\`ring-offset-zinc-200\\`\ntw\\`ring-offset-zinc-300\\`\ntw\\`ring-offset-zinc-400\\`\ntw\\`ring-offset-zinc-500\\`\ntw\\`ring-offset-zinc-600\\`\ntw\\`ring-offset-zinc-700\\`\ntw\\`ring-offset-zinc-800\\`\ntw\\`ring-offset-zinc-900\\`\ntw\\`ring-offset-neutral-50\\`\ntw\\`ring-offset-neutral-100\\`\ntw\\`ring-offset-neutral-200\\`\ntw\\`ring-offset-neutral-300\\`\ntw\\`ring-offset-neutral-400\\`\ntw\\`ring-offset-neutral-500\\`\ntw\\`ring-offset-neutral-600\\`\ntw\\`ring-offset-neutral-700\\`\ntw\\`ring-offset-neutral-800\\`\ntw\\`ring-offset-neutral-900\\`\ntw\\`ring-offset-stone-50\\`\ntw\\`ring-offset-stone-100\\`\ntw\\`ring-offset-stone-200\\`\ntw\\`ring-offset-stone-300\\`\ntw\\`ring-offset-stone-400\\`\ntw\\`ring-offset-stone-500\\`\ntw\\`ring-offset-stone-600\\`\ntw\\`ring-offset-stone-700\\`\ntw\\`ring-offset-stone-800\\`\ntw\\`ring-offset-stone-900\\`\ntw\\`ring-offset-red-50\\`\ntw\\`ring-offset-red-100\\`\ntw\\`ring-offset-red-200\\`\ntw\\`ring-offset-red-300\\`\ntw\\`ring-offset-red-400\\`\ntw\\`ring-offset-red-500\\`\ntw\\`ring-offset-red-600\\`\ntw\\`ring-offset-red-700\\`\ntw\\`ring-offset-red-800\\`\ntw\\`ring-offset-red-900\\`\ntw\\`ring-offset-orange-50\\`\ntw\\`ring-offset-orange-100\\`\ntw\\`ring-offset-orange-200\\`\ntw\\`ring-offset-orange-300\\`\ntw\\`ring-offset-orange-400\\`\ntw\\`ring-offset-orange-500\\`\ntw\\`ring-offset-orange-600\\`\ntw\\`ring-offset-orange-700\\`\ntw\\`ring-offset-orange-800\\`\ntw\\`ring-offset-orange-900\\`\ntw\\`ring-offset-amber-50\\`\ntw\\`ring-offset-amber-100\\`\ntw\\`ring-offset-amber-200\\`\ntw\\`ring-offset-amber-300\\`\ntw\\`ring-offset-amber-400\\`\ntw\\`ring-offset-amber-500\\`\ntw\\`ring-offset-amber-600\\`\ntw\\`ring-offset-amber-700\\`\ntw\\`ring-offset-amber-800\\`\ntw\\`ring-offset-amber-900\\`\ntw\\`ring-offset-yellow-50\\`\ntw\\`ring-offset-yellow-100\\`\ntw\\`ring-offset-yellow-200\\`\ntw\\`ring-offset-yellow-300\\`\ntw\\`ring-offset-yellow-400\\`\ntw\\`ring-offset-yellow-500\\`\ntw\\`ring-offset-yellow-600\\`\ntw\\`ring-offset-yellow-700\\`\ntw\\`ring-offset-yellow-800\\`\ntw\\`ring-offset-yellow-900\\`\ntw\\`ring-offset-lime-50\\`\ntw\\`ring-offset-lime-100\\`\ntw\\`ring-offset-lime-200\\`\ntw\\`ring-offset-lime-300\\`\ntw\\`ring-offset-lime-400\\`\ntw\\`ring-offset-lime-500\\`\ntw\\`ring-offset-lime-600\\`\ntw\\`ring-offset-lime-700\\`\ntw\\`ring-offset-lime-800\\`\ntw\\`ring-offset-lime-900\\`\ntw\\`ring-offset-green-50\\`\ntw\\`ring-offset-green-100\\`\ntw\\`ring-offset-green-200\\`\ntw\\`ring-offset-green-300\\`\ntw\\`ring-offset-green-400\\`\ntw\\`ring-offset-green-500\\`\ntw\\`ring-offset-green-600\\`\ntw\\`ring-offset-green-700\\`\ntw\\`ring-offset-green-800\\`\ntw\\`ring-offset-green-900\\`\ntw\\`ring-offset-emerald-50\\`\ntw\\`ring-offset-emerald-100\\`\ntw\\`ring-offset-emerald-200\\`\ntw\\`ring-offset-emerald-300\\`\ntw\\`ring-offset-emerald-400\\`\ntw\\`ring-offset-emerald-500\\`\ntw\\`ring-offset-emerald-600\\`\ntw\\`ring-offset-emerald-700\\`\ntw\\`ring-offset-emerald-800\\`\ntw\\`ring-offset-emerald-900\\`\ntw\\`ring-offset-teal-50\\`\ntw\\`ring-offset-teal-100\\`\ntw\\`ring-offset-teal-200\\`\ntw\\`ring-offset-teal-300\\`\ntw\\`ring-offset-teal-400\\`\ntw\\`ring-offset-teal-500\\`\ntw\\`ring-offset-teal-600\\`\ntw\\`ring-offset-teal-700\\`\ntw\\`ring-offset-teal-800\\`\ntw\\`ring-offset-teal-900\\`\ntw\\`ring-offset-cyan-50\\`\ntw\\`ring-offset-cyan-100\\`\ntw\\`ring-offset-cyan-200\\`\ntw\\`ring-offset-cyan-300\\`\ntw\\`ring-offset-cyan-400\\`\ntw\\`ring-offset-cyan-500\\`\ntw\\`ring-offset-cyan-600\\`\ntw\\`ring-offset-cyan-700\\`\ntw\\`ring-offset-cyan-800\\`\ntw\\`ring-offset-cyan-900\\`\ntw\\`ring-offset-sky-50\\`\ntw\\`ring-offset-sky-100\\`\ntw\\`ring-offset-sky-200\\`\ntw\\`ring-offset-sky-300\\`\ntw\\`ring-offset-sky-400\\`\ntw\\`ring-offset-sky-500\\`\ntw\\`ring-offset-sky-600\\`\ntw\\`ring-offset-sky-700\\`\ntw\\`ring-offset-sky-800\\`\ntw\\`ring-offset-sky-900\\`\ntw\\`ring-offset-blue-50\\`\ntw\\`ring-offset-blue-100\\`\ntw\\`ring-offset-blue-200\\`\ntw\\`ring-offset-blue-300\\`\ntw\\`ring-offset-blue-400\\`\ntw\\`ring-offset-blue-500\\`\ntw\\`ring-offset-blue-600\\`\ntw\\`ring-offset-blue-700\\`\ntw\\`ring-offset-blue-800\\`\ntw\\`ring-offset-blue-900\\`\ntw\\`ring-offset-indigo-50\\`\ntw\\`ring-offset-indigo-100\\`\ntw\\`ring-offset-indigo-200\\`\ntw\\`ring-offset-indigo-300\\`\ntw\\`ring-offset-indigo-400\\`\ntw\\`ring-offset-indigo-500\\`\ntw\\`ring-offset-indigo-600\\`\ntw\\`ring-offset-indigo-700\\`\ntw\\`ring-offset-indigo-800\\`\ntw\\`ring-offset-indigo-900\\`\ntw\\`ring-offset-violet-50\\`\ntw\\`ring-offset-violet-100\\`\ntw\\`ring-offset-violet-200\\`\ntw\\`ring-offset-violet-300\\`\ntw\\`ring-offset-violet-400\\`\ntw\\`ring-offset-violet-500\\`\ntw\\`ring-offset-violet-600\\`\ntw\\`ring-offset-violet-700\\`\ntw\\`ring-offset-violet-800\\`\ntw\\`ring-offset-violet-900\\`\ntw\\`ring-offset-purple-50\\`\ntw\\`ring-offset-purple-100\\`\ntw\\`ring-offset-purple-200\\`\ntw\\`ring-offset-purple-300\\`\ntw\\`ring-offset-purple-400\\`\ntw\\`ring-offset-purple-500\\`\ntw\\`ring-offset-purple-600\\`\ntw\\`ring-offset-purple-700\\`\ntw\\`ring-offset-purple-800\\`\ntw\\`ring-offset-purple-900\\`\ntw\\`ring-offset-fuchsia-50\\`\ntw\\`ring-offset-fuchsia-100\\`\ntw\\`ring-offset-fuchsia-200\\`\ntw\\`ring-offset-fuchsia-300\\`\ntw\\`ring-offset-fuchsia-400\\`\ntw\\`ring-offset-fuchsia-500\\`\ntw\\`ring-offset-fuchsia-600\\`\ntw\\`ring-offset-fuchsia-700\\`\ntw\\`ring-offset-fuchsia-800\\`\ntw\\`ring-offset-fuchsia-900\\`\ntw\\`ring-offset-pink-50\\`\ntw\\`ring-offset-pink-100\\`\ntw\\`ring-offset-pink-200\\`\ntw\\`ring-offset-pink-300\\`\ntw\\`ring-offset-pink-400\\`\ntw\\`ring-offset-pink-500\\`\ntw\\`ring-offset-pink-600\\`\ntw\\`ring-offset-pink-700\\`\ntw\\`ring-offset-pink-800\\`\ntw\\`ring-offset-pink-900\\`\ntw\\`ring-offset-rose-50\\`\ntw\\`ring-offset-rose-100\\`\ntw\\`ring-offset-rose-200\\`\ntw\\`ring-offset-rose-300\\`\ntw\\`ring-offset-rose-400\\`\ntw\\`ring-offset-rose-500\\`\ntw\\`ring-offset-rose-600\\`\ntw\\`ring-offset-rose-700\\`\ntw\\`ring-offset-rose-800\\`\ntw\\`ring-offset-rose-900\\`\n\ntw\\`ring-offset-rose-900/50\\`\ntw\\`ring-offset-rose-900/[.50]\\`\ntw\\`ring-offset-[#50d71e]\\`\n\ntw\\`ring-offset-red-500\\`\ntw\\`ring-offset-red-500/25\\`\ntw\\`ring-offset-red-500/fromConfig\\`\ntw\\`ring-offset-red-500/fromConfig/25\\`\ntw\\`ring-offset-red-500/fromConfig/[.555]\\`\ntw\\`ring-offset-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`ring-offset-red-500/[.555]\\`\ntw\\`ring-offset-red-500/[var(--myvar)]\\`\ntw\\`ring-offset-[theme('colors.red.500')]\\`\ntw\\`ring-offset-[theme('colors.red.500')]/20\\`\n\ntw\\`ring-offset-electric\\`\ntw\\`ring-offset-electric/25\\`\ntw\\`ring-offset-electric/[.555]\\`\ntw\\`ring-offset-electric/[var(--myvar)]\\`\ntw\\`ring-offset-[theme('colors.electric')]\\`\ntw\\`ring-offset-[theme('colors.electric')]/20\\`\n\ntw\\`ring-offset-[color:green]\\`\ntw\\`ring-offset-[color:rgba(255, 255, 255, .45)]\\`\ntw\\`ring-offset-[length:10px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/ring-offset-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n '--tw-ring-offset-color': 'inherit',\n})\n;({\n '--tw-ring-offset-color': 'currentColor',\n})\n;({\n '--tw-ring-offset-color': 'transparent',\n})\n;({\n '--tw-ring-offset-color': '#000',\n})\n;({\n '--tw-ring-offset-color': '#fff',\n})\n;({\n '--tw-ring-offset-color': '#f8fafc',\n})\n;({\n '--tw-ring-offset-color': '#f1f5f9',\n})\n;({\n '--tw-ring-offset-color': '#e2e8f0',\n})\n;({\n '--tw-ring-offset-color': '#cbd5e1',\n})\n;({\n '--tw-ring-offset-color': '#94a3b8',\n})\n;({\n '--tw-ring-offset-color': '#64748b',\n})\n;({\n '--tw-ring-offset-color': '#475569',\n})\n;({\n '--tw-ring-offset-color': '#334155',\n})\n;({\n '--tw-ring-offset-color': '#1e293b',\n})\n;({\n '--tw-ring-offset-color': '#0f172a',\n})\n;({\n '--tw-ring-offset-color': '#f9fafb',\n})\n;({\n '--tw-ring-offset-color': '#f3f4f6',\n})\n;({\n '--tw-ring-offset-color': '#e5e7eb',\n})\n;({\n '--tw-ring-offset-color': '#d1d5db',\n})\n;({\n '--tw-ring-offset-color': '#9ca3af',\n})\n;({\n '--tw-ring-offset-color': '#6b7280',\n})\n;({\n '--tw-ring-offset-color': '#4b5563',\n})\n;({\n '--tw-ring-offset-color': '#374151',\n})\n;({\n '--tw-ring-offset-color': '#1f2937',\n})\n;({\n '--tw-ring-offset-color': '#111827',\n})\n;({\n '--tw-ring-offset-color': '#fafafa',\n})\n;({\n '--tw-ring-offset-color': '#f4f4f5',\n})\n;({\n '--tw-ring-offset-color': '#e4e4e7',\n})\n;({\n '--tw-ring-offset-color': '#d4d4d8',\n})\n;({\n '--tw-ring-offset-color': '#a1a1aa',\n})\n;({\n '--tw-ring-offset-color': '#71717a',\n})\n;({\n '--tw-ring-offset-color': '#52525b',\n})\n;({\n '--tw-ring-offset-color': '#3f3f46',\n})\n;({\n '--tw-ring-offset-color': '#27272a',\n})\n;({\n '--tw-ring-offset-color': '#18181b',\n})\n;({\n '--tw-ring-offset-color': '#fafafa',\n})\n;({\n '--tw-ring-offset-color': '#f5f5f5',\n})\n;({\n '--tw-ring-offset-color': '#e5e5e5',\n})\n;({\n '--tw-ring-offset-color': '#d4d4d4',\n})\n;({\n '--tw-ring-offset-color': '#a3a3a3',\n})\n;({\n '--tw-ring-offset-color': '#737373',\n})\n;({\n '--tw-ring-offset-color': '#525252',\n})\n;({\n '--tw-ring-offset-color': '#404040',\n})\n;({\n '--tw-ring-offset-color': '#262626',\n})\n;({\n '--tw-ring-offset-color': '#171717',\n})\n;({\n '--tw-ring-offset-color': '#fafaf9',\n})\n;({\n '--tw-ring-offset-color': '#f5f5f4',\n})\n;({\n '--tw-ring-offset-color': '#e7e5e4',\n})\n;({\n '--tw-ring-offset-color': '#d6d3d1',\n})\n;({\n '--tw-ring-offset-color': '#a8a29e',\n})\n;({\n '--tw-ring-offset-color': '#78716c',\n})\n;({\n '--tw-ring-offset-color': '#57534e',\n})\n;({\n '--tw-ring-offset-color': '#44403c',\n})\n;({\n '--tw-ring-offset-color': '#292524',\n})\n;({\n '--tw-ring-offset-color': '#1c1917',\n})\n;({\n '--tw-ring-offset-color': '#fef2f2',\n})\n;({\n '--tw-ring-offset-color': '#fee2e2',\n})\n;({\n '--tw-ring-offset-color': '#fecaca',\n})\n;({\n '--tw-ring-offset-color': '#fca5a5',\n})\n;({\n '--tw-ring-offset-color': '#f87171',\n})\n;({\n '--tw-ring-offset-color': '#ef4444',\n})\n;({\n '--tw-ring-offset-color': '#dc2626',\n})\n;({\n '--tw-ring-offset-color': '#b91c1c',\n})\n;({\n '--tw-ring-offset-color': '#991b1b',\n})\n;({\n '--tw-ring-offset-color': '#7f1d1d',\n})\n;({\n '--tw-ring-offset-color': '#fff7ed',\n})\n;({\n '--tw-ring-offset-color': '#ffedd5',\n})\n;({\n '--tw-ring-offset-color': '#fed7aa',\n})\n;({\n '--tw-ring-offset-color': '#fdba74',\n})\n;({\n '--tw-ring-offset-color': '#fb923c',\n})\n;({\n '--tw-ring-offset-color': '#f97316',\n})\n;({\n '--tw-ring-offset-color': '#ea580c',\n})\n;({\n '--tw-ring-offset-color': '#c2410c',\n})\n;({\n '--tw-ring-offset-color': '#9a3412',\n})\n;({\n '--tw-ring-offset-color': '#7c2d12',\n})\n;({\n '--tw-ring-offset-color': '#fffbeb',\n})\n;({\n '--tw-ring-offset-color': '#fef3c7',\n})\n;({\n '--tw-ring-offset-color': '#fde68a',\n})\n;({\n '--tw-ring-offset-color': '#fcd34d',\n})\n;({\n '--tw-ring-offset-color': '#fbbf24',\n})\n;({\n '--tw-ring-offset-color': '#f59e0b',\n})\n;({\n '--tw-ring-offset-color': '#d97706',\n})\n;({\n '--tw-ring-offset-color': '#b45309',\n})\n;({\n '--tw-ring-offset-color': '#92400e',\n})\n;({\n '--tw-ring-offset-color': '#78350f',\n})\n;({\n '--tw-ring-offset-color': '#fefce8',\n})\n;({\n '--tw-ring-offset-color': '#fef9c3',\n})\n;({\n '--tw-ring-offset-color': '#fef08a',\n})\n;({\n '--tw-ring-offset-color': '#fde047',\n})\n;({\n '--tw-ring-offset-color': '#facc15',\n})\n;({\n '--tw-ring-offset-color': '#eab308',\n})\n;({\n '--tw-ring-offset-color': '#ca8a04',\n})\n;({\n '--tw-ring-offset-color': '#a16207',\n})\n;({\n '--tw-ring-offset-color': '#854d0e',\n})\n;({\n '--tw-ring-offset-color': '#713f12',\n})\n;({\n '--tw-ring-offset-color': '#f7fee7',\n})\n;({\n '--tw-ring-offset-color': '#ecfccb',\n})\n;({\n '--tw-ring-offset-color': '#d9f99d',\n})\n;({\n '--tw-ring-offset-color': '#bef264',\n})\n;({\n '--tw-ring-offset-color': '#a3e635',\n})\n;({\n '--tw-ring-offset-color': '#84cc16',\n})\n;({\n '--tw-ring-offset-color': '#65a30d',\n})\n;({\n '--tw-ring-offset-color': '#4d7c0f',\n})\n;({\n '--tw-ring-offset-color': '#3f6212',\n})\n;({\n '--tw-ring-offset-color': '#365314',\n})\n;({\n '--tw-ring-offset-color': '#f0fdf4',\n})\n;({\n '--tw-ring-offset-color': '#dcfce7',\n})\n;({\n '--tw-ring-offset-color': '#bbf7d0',\n})\n;({\n '--tw-ring-offset-color': '#86efac',\n})\n;({\n '--tw-ring-offset-color': '#4ade80',\n})\n;({\n '--tw-ring-offset-color': '#22c55e',\n})\n;({\n '--tw-ring-offset-color': '#16a34a',\n})\n;({\n '--tw-ring-offset-color': '#15803d',\n})\n;({\n '--tw-ring-offset-color': '#166534',\n})\n;({\n '--tw-ring-offset-color': '#14532d',\n})\n;({\n '--tw-ring-offset-color': '#ecfdf5',\n})\n;({\n '--tw-ring-offset-color': '#d1fae5',\n})\n;({\n '--tw-ring-offset-color': '#a7f3d0',\n})\n;({\n '--tw-ring-offset-color': '#6ee7b7',\n})\n;({\n '--tw-ring-offset-color': '#34d399',\n})\n;({\n '--tw-ring-offset-color': '#10b981',\n})\n;({\n '--tw-ring-offset-color': '#059669',\n})\n;({\n '--tw-ring-offset-color': '#047857',\n})\n;({\n '--tw-ring-offset-color': '#065f46',\n})\n;({\n '--tw-ring-offset-color': '#064e3b',\n})\n;({\n '--tw-ring-offset-color': '#f0fdfa',\n})\n;({\n '--tw-ring-offset-color': '#ccfbf1',\n})\n;({\n '--tw-ring-offset-color': '#99f6e4',\n})\n;({\n '--tw-ring-offset-color': '#5eead4',\n})\n;({\n '--tw-ring-offset-color': '#2dd4bf',\n})\n;({\n '--tw-ring-offset-color': '#14b8a6',\n})\n;({\n '--tw-ring-offset-color': '#0d9488',\n})\n;({\n '--tw-ring-offset-color': '#0f766e',\n})\n;({\n '--tw-ring-offset-color': '#115e59',\n})\n;({\n '--tw-ring-offset-color': '#134e4a',\n})\n;({\n '--tw-ring-offset-color': '#ecfeff',\n})\n;({\n '--tw-ring-offset-color': '#cffafe',\n})\n;({\n '--tw-ring-offset-color': '#a5f3fc',\n})\n;({\n '--tw-ring-offset-color': '#67e8f9',\n})\n;({\n '--tw-ring-offset-color': '#22d3ee',\n})\n;({\n '--tw-ring-offset-color': '#06b6d4',\n})\n;({\n '--tw-ring-offset-color': '#0891b2',\n})\n;({\n '--tw-ring-offset-color': '#0e7490',\n})\n;({\n '--tw-ring-offset-color': '#155e75',\n})\n;({\n '--tw-ring-offset-color': '#164e63',\n})\n;({\n '--tw-ring-offset-color': '#f0f9ff',\n})\n;({\n '--tw-ring-offset-color': '#e0f2fe',\n})\n;({\n '--tw-ring-offset-color': '#bae6fd',\n})\n;({\n '--tw-ring-offset-color': '#7dd3fc',\n})\n;({\n '--tw-ring-offset-color': '#38bdf8',\n})\n;({\n '--tw-ring-offset-color': '#0ea5e9',\n})\n;({\n '--tw-ring-offset-color': '#0284c7',\n})\n;({\n '--tw-ring-offset-color': '#0369a1',\n})\n;({\n '--tw-ring-offset-color': '#075985',\n})\n;({\n '--tw-ring-offset-color': '#0c4a6e',\n})\n;({\n '--tw-ring-offset-color': '#eff6ff',\n})\n;({\n '--tw-ring-offset-color': '#dbeafe',\n})\n;({\n '--tw-ring-offset-color': '#bfdbfe',\n})\n;({\n '--tw-ring-offset-color': '#93c5fd',\n})\n;({\n '--tw-ring-offset-color': '#60a5fa',\n})\n;({\n '--tw-ring-offset-color': '#3b82f6',\n})\n;({\n '--tw-ring-offset-color': '#2563eb',\n})\n;({\n '--tw-ring-offset-color': '#1d4ed8',\n})\n;({\n '--tw-ring-offset-color': '#1e40af',\n})\n;({\n '--tw-ring-offset-color': '#1e3a8a',\n})\n;({\n '--tw-ring-offset-color': '#eef2ff',\n})\n;({\n '--tw-ring-offset-color': '#e0e7ff',\n})\n;({\n '--tw-ring-offset-color': '#c7d2fe',\n})\n;({\n '--tw-ring-offset-color': '#a5b4fc',\n})\n;({\n '--tw-ring-offset-color': '#818cf8',\n})\n;({\n '--tw-ring-offset-color': '#6366f1',\n})\n;({\n '--tw-ring-offset-color': '#4f46e5',\n})\n;({\n '--tw-ring-offset-color': '#4338ca',\n})\n;({\n '--tw-ring-offset-color': '#3730a3',\n})\n;({\n '--tw-ring-offset-color': '#312e81',\n})\n;({\n '--tw-ring-offset-color': '#f5f3ff',\n})\n;({\n '--tw-ring-offset-color': '#ede9fe',\n})\n;({\n '--tw-ring-offset-color': '#ddd6fe',\n})\n;({\n '--tw-ring-offset-color': '#c4b5fd',\n})\n;({\n '--tw-ring-offset-color': '#a78bfa',\n})\n;({\n '--tw-ring-offset-color': '#8b5cf6',\n})\n;({\n '--tw-ring-offset-color': '#7c3aed',\n})\n;({\n '--tw-ring-offset-color': '#6d28d9',\n})\n;({\n '--tw-ring-offset-color': '#5b21b6',\n})\n;({\n '--tw-ring-offset-color': '#4c1d95',\n})\n;({\n '--tw-ring-offset-color': '#faf5ff',\n})\n;({\n '--tw-ring-offset-color': '#f3e8ff',\n})\n;({\n '--tw-ring-offset-color': '#e9d5ff',\n})\n;({\n '--tw-ring-offset-color': '#d8b4fe',\n})\n;({\n '--tw-ring-offset-color': '#c084fc',\n})\n;({\n '--tw-ring-offset-color': '#a855f7',\n})\n;({\n '--tw-ring-offset-color': '#9333ea',\n})\n;({\n '--tw-ring-offset-color': '#7e22ce',\n})\n;({\n '--tw-ring-offset-color': '#6b21a8',\n})\n;({\n '--tw-ring-offset-color': '#581c87',\n})\n;({\n '--tw-ring-offset-color': '#fdf4ff',\n})\n;({\n '--tw-ring-offset-color': '#fae8ff',\n})\n;({\n '--tw-ring-offset-color': '#f5d0fe',\n})\n;({\n '--tw-ring-offset-color': '#f0abfc',\n})\n;({\n '--tw-ring-offset-color': '#e879f9',\n})\n;({\n '--tw-ring-offset-color': '#d946ef',\n})\n;({\n '--tw-ring-offset-color': '#c026d3',\n})\n;({\n '--tw-ring-offset-color': '#a21caf',\n})\n;({\n '--tw-ring-offset-color': '#86198f',\n})\n;({\n '--tw-ring-offset-color': '#701a75',\n})\n;({\n '--tw-ring-offset-color': '#fdf2f8',\n})\n;({\n '--tw-ring-offset-color': '#fce7f3',\n})\n;({\n '--tw-ring-offset-color': '#fbcfe8',\n})\n;({\n '--tw-ring-offset-color': '#f9a8d4',\n})\n;({\n '--tw-ring-offset-color': '#f472b6',\n})\n;({\n '--tw-ring-offset-color': '#ec4899',\n})\n;({\n '--tw-ring-offset-color': '#db2777',\n})\n;({\n '--tw-ring-offset-color': '#be185d',\n})\n;({\n '--tw-ring-offset-color': '#9d174d',\n})\n;({\n '--tw-ring-offset-color': '#831843',\n})\n;({\n '--tw-ring-offset-color': '#fff1f2',\n})\n;({\n '--tw-ring-offset-color': '#ffe4e6',\n})\n;({\n '--tw-ring-offset-color': '#fecdd3',\n})\n;({\n '--tw-ring-offset-color': '#fda4af',\n})\n;({\n '--tw-ring-offset-color': '#fb7185',\n})\n;({\n '--tw-ring-offset-color': '#f43f5e',\n})\n;({\n '--tw-ring-offset-color': '#e11d48',\n})\n;({\n '--tw-ring-offset-color': '#be123c',\n})\n;({\n '--tw-ring-offset-color': '#9f1239',\n})\n;({\n '--tw-ring-offset-color': '#881337',\n})\n;({\n '--tw-ring-offset-color': 'rgb(136 19 55 / 0.5)',\n})\n;({\n '--tw-ring-offset-color': 'rgb(136 19 55 / .50)',\n})\n;({\n '--tw-ring-offset-color': '#50d71e',\n})\n;({\n '--tw-ring-offset-color': '#ef4444',\n})\n;({\n '--tw-ring-offset-color': 'rgb(239 68 68 / 0.25)',\n})\n;({\n '--tw-ring-offset-color': '#000',\n})\n;({\n '--tw-ring-offset-color': 'rgb(0 0 0 / 0.25)',\n})\n;({\n '--tw-ring-offset-color': 'rgb(0 0 0 / .555)',\n})\n;({\n '--tw-ring-offset-color': 'rgb(0 0 0 / var(--myvar))',\n})\n;({\n '--tw-ring-offset-color': 'rgb(239 68 68 / .555)',\n})\n;({\n '--tw-ring-offset-color': 'rgb(239 68 68 / var(--myvar))',\n})\n;({\n '--tw-ring-offset-color': '#ef4444',\n})\n;({\n '--tw-ring-offset-color': 'rgb(239 68 68 / 0.2)',\n})\n;({\n '--tw-ring-offset-color': 'rgb(219, 0, 255)',\n})\n;({\n '--tw-ring-offset-color': 'rgba(219, 0, 255, 0.25)',\n})\n;({\n '--tw-ring-offset-color': 'rgba(219, 0, 255, .555)',\n})\n;({\n '--tw-ring-offset-color': 'rgba(219, 0, 255, var(--myvar))',\n})\n;({\n '--tw-ring-offset-color': 'rgb(219, 0, 255)',\n})\n;({\n '--tw-ring-offset-color': 'rgb(219 0 255 / 0.2)',\n})\n;({\n '--tw-ring-offset-color': 'green',\n})\n;({\n '--tw-ring-offset-color': 'rgba(255, 255, 255, .45)',\n})\n;({\n '--tw-ring-offset-width': '10px',\n})\n\n\n`;\n\nexports[`twin.macro ringOffsetWidth.tsx: ringOffsetWidth.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/ring-offset-width\ntheme\\`ringOffsetWidth\\`\n\ntw\\`ring-offset-0\\`\ntw\\`ring-offset-1\\`\ntw\\`ring-offset-2\\`\ntw\\`ring-offset-4\\`\ntw\\`ring-offset-8\\`\n\ntw\\`ring-offset-[3px]\\`\ntw\\`ring-offset-[19rem]\\`\ntw\\`ring-offset-[#76ad65]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/ring-offset-width\n;({\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n})\n;({\n '--tw-ring-offset-width': '0px',\n})\n;({\n '--tw-ring-offset-width': '1px',\n})\n;({\n '--tw-ring-offset-width': '2px',\n})\n;({\n '--tw-ring-offset-width': '4px',\n})\n;({\n '--tw-ring-offset-width': '8px',\n})\n;({\n '--tw-ring-offset-width': '3px',\n})\n;({\n '--tw-ring-offset-width': '19rem',\n})\n;({\n '--tw-ring-offset-color': '#76ad65',\n})\n\n\n`;\n\nexports[`twin.macro ringOpacity.tsx: ringOpacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/ring-opacity\n// Deprecated in favor of slash opacity syntax\ntw\\`ring-opacity-0\\`\ntw\\`ring-opacity-5\\`\ntw\\`ring-opacity-10\\`\ntw\\`ring-opacity-20\\`\ntw\\`ring-opacity-25\\`\ntw\\`ring-opacity-30\\`\ntw\\`ring-opacity-40\\`\ntw\\`ring-opacity-50\\`\ntw\\`ring-opacity-60\\`\ntw\\`ring-opacity-70\\`\ntw\\`ring-opacity-75\\`\ntw\\`ring-opacity-80\\`\ntw\\`ring-opacity-90\\`\ntw\\`ring-opacity-95\\`\ntw\\`ring-opacity-100\\`\n\ntw\\`ring-opacity-[var(--ring-opacity)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/ring-opacity\n// Deprecated in favor of slash opacity syntax\n;({\n '--tw-ring-opacity': '0',\n})\n;({\n '--tw-ring-opacity': '0.05',\n})\n;({\n '--tw-ring-opacity': '0.1',\n})\n;({\n '--tw-ring-opacity': '0.2',\n})\n;({\n '--tw-ring-opacity': '0.25',\n})\n;({\n '--tw-ring-opacity': '0.3',\n})\n;({\n '--tw-ring-opacity': '0.4',\n})\n;({\n '--tw-ring-opacity': '0.5',\n})\n;({\n '--tw-ring-opacity': '0.6',\n})\n;({\n '--tw-ring-opacity': '0.7',\n})\n;({\n '--tw-ring-opacity': '0.75',\n})\n;({\n '--tw-ring-opacity': '0.8',\n})\n;({\n '--tw-ring-opacity': '0.9',\n})\n;({\n '--tw-ring-opacity': '0.95',\n})\n;({\n '--tw-ring-opacity': '1',\n})\n;({\n '--tw-ring-opacity': 'var(--ring-opacity)',\n})\n\n\n`;\n\nexports[`twin.macro ringWidth.tsx: ringWidth.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/ring-width\ntheme\\`ringWidth.\\`\n\ntw\\`ring-0\\`\ntw\\`ring-1\\`\ntw\\`ring-2\\`\ntw\\`ring\\`\ntw\\`ring-4\\`\ntw\\`ring-8\\`\ntw\\`ring-inset\\`\n\ntw\\`ring-[10px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/ring-width\n;({\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n DEFAULT: '3px',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n;({\n '--tw-ring-inset': 'inset',\n})\n;({\n '--tw-ring-offset-shadow':\n 'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',\n '--tw-ring-shadow':\n 'var(--tw-ring-inset) 0 0 0 calc(10px + var(--tw-ring-offset-width)) var(--tw-ring-color)',\n boxShadow:\n 'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',\n})\n\n\n`;\n\nexports[`twin.macro rotate.tsx: rotate.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/rotate\ntheme\\`rotate\\`\n\ntw\\`rotate-0\\`\ntw\\`rotate-1\\`\ntw\\`rotate-2\\`\ntw\\`rotate-3\\`\ntw\\`rotate-6\\`\ntw\\`rotate-12\\`\ntw\\`rotate-45\\`\ntw\\`rotate-90\\`\ntw\\`rotate-180\\`\ntw\\`-rotate-1\\`\ntw\\`-rotate-2\\`\ntw\\`-rotate-3\\`\ntw\\`-rotate-6\\`\ntw\\`-rotate-12\\`\ntw\\`-rotate-45\\`\ntw\\`-rotate-90\\`\ntw\\`-rotate-180\\`\n\ntw\\`rotate-[17deg]\\`\ntw\\`rotate-[23deg] rotate-[2.3rad] rotate-[401grad] rotate-[1.5turn]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/rotate\n;({\n 0: '0deg',\n 1: '1deg',\n 2: '2deg',\n 3: '3deg',\n 6: '6deg',\n 12: '12deg',\n 45: '45deg',\n 90: '90deg',\n 180: '180deg',\n})\n;({\n '--tw-rotate': '0deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '1deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '2deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '3deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '6deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '12deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '45deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '90deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '180deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '-1deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '-2deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '-3deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '-6deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '-12deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '-45deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '-90deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '-180deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '17deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-rotate': '401grad',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n\n\n`;\n\nexports[`twin.macro sassyPseudo.tsx: sassyPseudo.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`hover:block first:mt-2 last-of-type:max-width[20px]\\`\ntw\\`hover:block first:mt-2 last-of-type:[max-width:20px]\\`\n\ntw\\`my-class1\\`\ntw\\`my-class2\\`\ntw\\`my-class3\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '&:first-child': {\n marginTop: '0.5rem',\n },\n '&:last-of-type': {\n maxWidth: '20px',\n },\n '&:hover': {\n display: 'block',\n },\n})\n;({\n '&:first-child': {\n marginTop: '0.5rem',\n },\n '&:last-of-type': {\n maxWidth: '20px',\n },\n '&:hover': {\n display: 'block',\n },\n})\n;({\n '&:hover': {\n backgroundColor: 'pink',\n },\n})\n;({\n '& :hover': {\n backgroundColor: 'orange',\n },\n})\n;({\n '.test & :hover': {\n backgroundColor: 'orange',\n },\n})\n\n\n`;\n\nexports[`twin.macro saturate.tsx: saturate.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/saturate\ntheme\\`saturate\\`\n\ntw\\`saturate-0\\`\ntw\\`saturate-50\\`\ntw\\`saturate-100\\`\ntw\\`saturate-150\\`\ntw\\`saturate-200\\`\n\ntw\\`saturate-[.25]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/saturate\n;({\n 0: '0',\n 50: '.5',\n 100: '1',\n 150: '1.5',\n 200: '2',\n})\n;({\n '--tw-saturate': 'saturate(0)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-saturate': 'saturate(.5)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-saturate': 'saturate(1)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-saturate': 'saturate(1.5)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-saturate': 'saturate(2)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-saturate': 'saturate(.25)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro scale.tsx: scale.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/scale\ntheme\\`scale\\`\n\ntw\\`scale-0\\`\ntw\\`scale-x-0\\`\ntw\\`scale-y-0\\`\ntw\\`scale-50\\`\ntw\\`scale-x-50\\`\ntw\\`scale-y-50\\`\ntw\\`scale-75\\`\ntw\\`scale-x-75\\`\ntw\\`scale-y-75\\`\ntw\\`scale-90\\`\ntw\\`scale-x-90\\`\ntw\\`scale-y-90\\`\ntw\\`scale-95\\`\ntw\\`scale-x-95\\`\ntw\\`scale-y-95\\`\ntw\\`scale-100\\`\ntw\\`scale-x-100\\`\ntw\\`scale-y-100\\`\ntw\\`scale-105\\`\ntw\\`scale-x-105\\`\ntw\\`scale-y-105\\`\ntw\\`scale-110\\`\ntw\\`scale-x-110\\`\ntw\\`scale-y-110\\`\ntw\\`scale-125\\`\ntw\\`scale-x-125\\`\ntw\\`scale-y-125\\`\ntw\\`scale-150\\`\ntw\\`scale-x-150\\`\ntw\\`scale-y-150\\`\n\ntw\\`scale-[1.7]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/scale\n;({\n 0: '0',\n 50: '.5',\n 75: '.75',\n 90: '.9',\n 95: '.95',\n 100: '1',\n 105: '1.05',\n 110: '1.1',\n 125: '1.25',\n 150: '1.5',\n})\n;({\n '--tw-scale-x': '0',\n '--tw-scale-y': '0',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '0',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '0',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '.5',\n '--tw-scale-y': '.5',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '.5',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '.5',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '.75',\n '--tw-scale-y': '.75',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '.75',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '.75',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '.9',\n '--tw-scale-y': '.9',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '.9',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '.9',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '.95',\n '--tw-scale-y': '.95',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '.95',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '.95',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '1',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.05',\n '--tw-scale-y': '1.05',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.05',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '1.05',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.1',\n '--tw-scale-y': '1.1',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.1',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '1.1',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.25',\n '--tw-scale-y': '1.25',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.25',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '1.25',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.5',\n '--tw-scale-y': '1.5',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.5',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-y': '1.5',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-scale-x': '1.7',\n '--tw-scale-y': '1.7',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n\n\n`;\n\nexports[`twin.macro screenImport.tsx: screenImport.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { styled, screen } from '../macro'\n\n// Media query only\nscreen\\`sm\\`\nscreen.md // Can't work with screen values that begin with a number, eg: screen.2xl\nscreen('lg')\nscreen(\\`xl\\`)\n\n// Constructed media queries\n;\\`\n \\${screen\\`sm\\`} {\n display: block;\n \\${tw\\`inline\\`}\n }\n\\`\n;({ [screen\\`sm\\`]: \\`display: block; \\${tw\\`inline\\`}\\` })\n;({ [screen\\`sm\\`]: { display: 'block', ...tw\\`inline\\` } })\n\n// Media queries with styles\nscreen.sm({ color: \\`red\\` })\nscreen\\`md\\`({ color: \\`red\\` })\nscreen('lg')({ color: \\`red\\` })\nscreen(\\`xl\\`)({ color: \\`red\\` })\nscreen.sm\\`color: red;\\`\nscreen\\`md\\`\\`color: red;\\`\nscreen('lg')\\`color: red;\\`\nscreen(\\`xl\\`)\\`color: red;\\`\n\nscreen.xl(tw\\`inline\\`)\nscreen.xl({ ...tw\\`inline\\` })\nscreen.xl({ ...tw\\`inline\\`, display: 'block' })\nscreen.xl\\`\n \\${tw\\`inline\\`}\n display: block;\n\\`\nscreen.xl\\`color: \\${true && 'blue'};\\`\n\n// Within template literals\n;\\`\\${screen.lg}\\`\n;\\`\\${screen\\`xl\\`}\\`\n;\\`\\${screen(\\`xl\\`)}\\`\n;\\`\\${screen('xl')}\\`\n\n// Screen keys\n;\n;\n;
    \n;\n\nstyled.div\\`\n \\${{ [screen.xl]: { color: 'red' } }}\n\\`\nstyled.div([{ [screen.xl]: { color: 'red' } }])\n\n// Logical expressions\n;\nstyled.div([{ [true && screen.xl]: { color: 'red' } }])\n\n// Conditional expressions\n;\nstyled.div\\`\n \\${{\n // eslint-disable-next-line no-constant-condition\n [true ? screen.xl : screen.sm]: { color: 'red' },\n }}\n\\`\n\n// Screen with values\n;
    \n;
    \n;\n;
    \n;
    \n;\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport _styled from '@emotion/styled'\n// Media query only\n;('@media (min-width: 100px)')\n;('@media (min-width: 200px)') // Can't work with screen values that begin with a number, eg: screen.2xl\n\n;('@media (min-width: 300px)')\n;('@media (min-width: 400px)') // Constructed media queries\n;\\`\n \\${'@media (min-width: 100px)'} {\n display: block;\n \\${{\n display: 'inline',\n }}\n }\n\\`\n;({\n '@media (min-width: 100px)': \\`display: block; \\${{\n display: 'inline',\n }}\\`,\n})\n;({\n '@media (min-width: 100px)': {\n display: 'block',\n ...{\n display: 'inline',\n },\n },\n}) // Media queries with styles\n\n;({\n '@media (min-width: 100px)': {\n color: \\`red\\`,\n },\n})\n;({\n '@media (min-width: 200px)': {\n color: \\`red\\`,\n },\n})\n;({\n '@media (min-width: 300px)': {\n color: \\`red\\`,\n },\n})\n;({\n '@media (min-width: 400px)': {\n color: \\`red\\`,\n },\n})\n;\\`@media (min-width: 100px) { \\${\\`color: red;\\`} }\\`\n;\\`@media (min-width: 200px) { \\${\\`color: red;\\`} }\\`\n;\\`@media (min-width: 300px) { \\${\\`color: red;\\`} }\\`\n;\\`@media (min-width: 400px) { \\${\\`color: red;\\`} }\\`\n;({\n '@media (min-width: 400px)': {\n display: 'inline',\n },\n})\n;({\n '@media (min-width: 400px)': {\n ...{\n display: 'inline',\n },\n },\n})\n;({\n '@media (min-width: 400px)': {\n ...{\n display: 'inline',\n },\n display: 'block',\n },\n})\n;\\`@media (min-width: 400px) { \\${\\`\n \\${{\n display: 'inline',\n }}\n display: block;\n\\`} }\\`\n;\\`@media (min-width: 400px) { \\${\\`color: \\${true && 'blue'};\\`} }\\` // Within template literals\n;\\`\\${'@media (min-width: 300px)'}\\`\n;\\`\\${'@media (min-width: 400px)'}\\`\n;\\`\\${'@media (min-width: 400px)'}\\`\n;\\`\\${'@media (min-width: 400px)'}\\` // Screen keys\n;\n;\n;\n;\n_styled.div\\`\n \\${{\n '@media (min-width: 400px)': {\n color: 'red',\n },\n }}\n\\`\n\n_styled.div([\n {\n '@media (min-width: 400px)': {\n color: 'red',\n },\n },\n]) // Logical expressions\n\n;\n\n_styled.div([\n {\n [true && '@media (min-width: 400px)']: {\n color: 'red',\n },\n },\n]) // Conditional expressions\n\n;\n_styled.div\\`\n \\${{\n // eslint-disable-next-line no-constant-condition\n [true ? '@media (min-width: 400px)' : '@media (min-width: 100px)']: {\n color: 'red',\n },\n }}\n\\` // Screen with values\n;\n;\n;\n;\n;
    \n;\n\n\n`;\n\nexports[`twin.macro screenReaders.tsx: screenReaders.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/screen-readers\ntw\\`sr-only\\`\ntw\\`not-sr-only\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/screen-readers\n;({\n position: 'absolute',\n width: '1px',\n height: '1px',\n padding: '0',\n margin: '-1px',\n overflow: 'hidden',\n clip: 'rect(0, 0, 0, 0)',\n whiteSpace: 'nowrap',\n borderWidth: '0',\n})\n;({\n position: 'static',\n width: 'auto',\n height: 'auto',\n padding: '0',\n margin: '0',\n overflow: 'visible',\n clip: 'auto',\n whiteSpace: 'normal',\n})\n\n\n`;\n\nexports[`twin.macro screens.tsx: screens.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`sm:block\\`\ntw\\`md:block\\`\ntw\\`lg:block\\`\ntw\\`xl:block\\`\ntw\\`2xl:block\\`\n\ntw\\`:font-bold\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '@media (min-width: 640px)': {\n display: 'block',\n },\n})\n;({\n '@media (min-width: 768px)': {\n display: 'block',\n },\n})\n;({\n '@media (min-width: 1024px)': {\n display: 'block',\n },\n})\n;({\n '@media (min-width: 1280px)': {\n display: 'block',\n },\n})\n;({\n '@media (min-width: 1536px)': {\n display: 'block',\n },\n})\n;({\n '@media (max-width: 399px)': {\n textDecorationLine: 'underline',\n },\n '@media (min-width: 500px)': {\n fontWeight: '700',\n },\n})\n\n\n`;\n\nexports[`twin.macro scrollBehavior.tsx: scrollBehavior.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/scroll-behavior\ntw\\`scroll-auto\\`\ntw\\`scroll-smooth\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/scroll-behavior\n;({\n scrollBehavior: 'auto',\n})\n;({\n scrollBehavior: 'smooth',\n})\n\n\n`;\n\nexports[`twin.macro scrollMargin.tsx: scrollMargin.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/scroll-margin\ntheme\\`scrollMargin\\`\n\ntw\\`scroll-m-0\\`\ntw\\`scroll-mx-0\\`\ntw\\`scroll-my-0\\`\ntw\\`scroll-mt-0\\`\ntw\\`scroll-mr-0\\`\ntw\\`scroll-mb-0\\`\ntw\\`scroll-ml-0\\`\ntw\\`scroll-m-px\\`\ntw\\`scroll-mx-px\\`\ntw\\`scroll-my-px\\`\ntw\\`scroll-mt-px\\`\ntw\\`scroll-mr-px\\`\ntw\\`scroll-mb-px\\`\ntw\\`scroll-ml-px\\`\ntw\\`scroll-m-0\\`\ntw\\`scroll-mx-0\\`\ntw\\`scroll-my-0\\`\ntw\\`scroll-mt-0\\`\ntw\\`scroll-mr-0\\`\ntw\\`scroll-mb-0\\`\ntw\\`scroll-ml-0\\`\ntw\\`scroll-m-1\\`\ntw\\`scroll-mx-1\\`\ntw\\`scroll-my-1\\`\ntw\\`scroll-mt-1\\`\ntw\\`scroll-mr-1\\`\ntw\\`scroll-mb-1\\`\ntw\\`scroll-ml-1\\`\ntw\\`scroll-m-1\\`\ntw\\`scroll-mx-1\\`\ntw\\`scroll-my-1\\`\ntw\\`scroll-mt-1\\`\ntw\\`scroll-mr-1\\`\ntw\\`scroll-mb-1\\`\ntw\\`scroll-ml-1\\`\ntw\\`scroll-m-2\\`\ntw\\`scroll-mx-2\\`\ntw\\`scroll-my-2\\`\ntw\\`scroll-mt-2\\`\ntw\\`scroll-mr-2\\`\ntw\\`scroll-mb-2\\`\ntw\\`scroll-ml-2\\`\ntw\\`scroll-m-2\\`\ntw\\`scroll-mx-2\\`\ntw\\`scroll-my-2\\`\ntw\\`scroll-mt-2\\`\ntw\\`scroll-mr-2\\`\ntw\\`scroll-mb-2\\`\ntw\\`scroll-ml-2\\`\ntw\\`scroll-m-3\\`\ntw\\`scroll-mx-3\\`\ntw\\`scroll-my-3\\`\ntw\\`scroll-mt-3\\`\ntw\\`scroll-mr-3\\`\ntw\\`scroll-mb-3\\`\ntw\\`scroll-ml-3\\`\ntw\\`scroll-m-3\\`\ntw\\`scroll-mx-3\\`\ntw\\`scroll-my-3\\`\ntw\\`scroll-mt-3\\`\ntw\\`scroll-mr-3\\`\ntw\\`scroll-mb-3\\`\ntw\\`scroll-ml-3\\`\ntw\\`scroll-m-4\\`\ntw\\`scroll-mx-4\\`\ntw\\`scroll-my-4\\`\ntw\\`scroll-mt-4\\`\ntw\\`scroll-mr-4\\`\ntw\\`scroll-mb-4\\`\ntw\\`scroll-ml-4\\`\ntw\\`scroll-m-5\\`\ntw\\`scroll-mx-5\\`\ntw\\`scroll-my-5\\`\ntw\\`scroll-mt-5\\`\ntw\\`scroll-mr-5\\`\ntw\\`scroll-mb-5\\`\ntw\\`scroll-ml-5\\`\ntw\\`scroll-m-6\\`\ntw\\`scroll-mx-6\\`\ntw\\`scroll-my-6\\`\ntw\\`scroll-mt-6\\`\ntw\\`scroll-mr-6\\`\ntw\\`scroll-mb-6\\`\ntw\\`scroll-ml-6\\`\ntw\\`scroll-m-7\\`\ntw\\`scroll-mx-7\\`\ntw\\`scroll-my-7\\`\ntw\\`scroll-mt-7\\`\ntw\\`scroll-mr-7\\`\ntw\\`scroll-mb-7\\`\ntw\\`scroll-ml-7\\`\ntw\\`scroll-m-8\\`\ntw\\`scroll-mx-8\\`\ntw\\`scroll-my-8\\`\ntw\\`scroll-mt-8\\`\ntw\\`scroll-mr-8\\`\ntw\\`scroll-mb-8\\`\ntw\\`scroll-ml-8\\`\ntw\\`scroll-m-9\\`\ntw\\`scroll-mx-9\\`\ntw\\`scroll-my-9\\`\ntw\\`scroll-mt-9\\`\ntw\\`scroll-mr-9\\`\ntw\\`scroll-mb-9\\`\ntw\\`scroll-ml-9\\`\ntw\\`scroll-m-10\\`\ntw\\`scroll-mx-10\\`\ntw\\`scroll-my-10\\`\ntw\\`scroll-mt-10\\`\ntw\\`scroll-mr-10\\`\ntw\\`scroll-mb-10\\`\ntw\\`scroll-ml-10\\`\ntw\\`scroll-m-11\\`\ntw\\`scroll-mx-11\\`\ntw\\`scroll-my-11\\`\ntw\\`scroll-mt-11\\`\ntw\\`scroll-mr-11\\`\ntw\\`scroll-mb-11\\`\ntw\\`scroll-ml-11\\`\ntw\\`scroll-m-12\\`\ntw\\`scroll-mx-12\\`\ntw\\`scroll-my-12\\`\ntw\\`scroll-mt-12\\`\ntw\\`scroll-mr-12\\`\ntw\\`scroll-mb-12\\`\ntw\\`scroll-ml-12\\`\ntw\\`scroll-m-14\\`\ntw\\`scroll-mx-14\\`\ntw\\`scroll-my-14\\`\ntw\\`scroll-mt-14\\`\ntw\\`scroll-mr-14\\`\ntw\\`scroll-mb-14\\`\ntw\\`scroll-ml-14\\`\ntw\\`scroll-m-16\\`\ntw\\`scroll-mx-16\\`\ntw\\`scroll-my-16\\`\ntw\\`scroll-mt-16\\`\ntw\\`scroll-mr-16\\`\ntw\\`scroll-mb-16\\`\ntw\\`scroll-ml-16\\`\ntw\\`scroll-m-20\\`\ntw\\`scroll-mx-20\\`\ntw\\`scroll-my-20\\`\ntw\\`scroll-mt-20\\`\ntw\\`scroll-mr-20\\`\ntw\\`scroll-mb-20\\`\ntw\\`scroll-ml-20\\`\ntw\\`scroll-m-24\\`\ntw\\`scroll-mx-24\\`\ntw\\`scroll-my-24\\`\ntw\\`scroll-mt-24\\`\ntw\\`scroll-mr-24\\`\ntw\\`scroll-mb-24\\`\ntw\\`scroll-ml-24\\`\ntw\\`scroll-m-28\\`\ntw\\`scroll-mx-28\\`\ntw\\`scroll-my-28\\`\ntw\\`scroll-mt-28\\`\ntw\\`scroll-mr-28\\`\ntw\\`scroll-mb-28\\`\ntw\\`scroll-ml-28\\`\ntw\\`scroll-m-32\\`\ntw\\`scroll-mx-32\\`\ntw\\`scroll-my-32\\`\ntw\\`scroll-mt-32\\`\ntw\\`scroll-mr-32\\`\ntw\\`scroll-mb-32\\`\ntw\\`scroll-ml-32\\`\ntw\\`scroll-m-36\\`\ntw\\`scroll-mx-36\\`\ntw\\`scroll-my-36\\`\ntw\\`scroll-mt-36\\`\ntw\\`scroll-mr-36\\`\ntw\\`scroll-mb-36\\`\ntw\\`scroll-ml-36\\`\ntw\\`scroll-m-40\\`\ntw\\`scroll-mx-40\\`\ntw\\`scroll-my-40\\`\ntw\\`scroll-mt-40\\`\ntw\\`scroll-mr-40\\`\ntw\\`scroll-mb-40\\`\ntw\\`scroll-ml-40\\`\ntw\\`scroll-m-44\\`\ntw\\`scroll-mx-44\\`\ntw\\`scroll-my-44\\`\ntw\\`scroll-mt-44\\`\ntw\\`scroll-mr-44\\`\ntw\\`scroll-mb-44\\`\ntw\\`scroll-ml-44\\`\ntw\\`scroll-m-48\\`\ntw\\`scroll-mx-48\\`\ntw\\`scroll-my-48\\`\ntw\\`scroll-mt-48\\`\ntw\\`scroll-mr-48\\`\ntw\\`scroll-mb-48\\`\ntw\\`scroll-ml-48\\`\ntw\\`scroll-m-52\\`\ntw\\`scroll-mx-52\\`\ntw\\`scroll-my-52\\`\ntw\\`scroll-mt-52\\`\ntw\\`scroll-mr-52\\`\ntw\\`scroll-mb-52\\`\ntw\\`scroll-ml-52\\`\ntw\\`scroll-m-56\\`\ntw\\`scroll-mx-56\\`\ntw\\`scroll-my-56\\`\ntw\\`scroll-mt-56\\`\ntw\\`scroll-mr-56\\`\ntw\\`scroll-mb-56\\`\ntw\\`scroll-ml-56\\`\ntw\\`scroll-m-60\\`\ntw\\`scroll-mx-60\\`\ntw\\`scroll-my-60\\`\ntw\\`scroll-mt-60\\`\ntw\\`scroll-mr-60\\`\ntw\\`scroll-mb-60\\`\ntw\\`scroll-ml-60\\`\ntw\\`scroll-m-64\\`\ntw\\`scroll-mx-64\\`\ntw\\`scroll-my-64\\`\ntw\\`scroll-mt-64\\`\ntw\\`scroll-mr-64\\`\ntw\\`scroll-mb-64\\`\ntw\\`scroll-ml-64\\`\ntw\\`scroll-m-72\\`\ntw\\`scroll-mx-72\\`\ntw\\`scroll-my-72\\`\ntw\\`scroll-mt-72\\`\ntw\\`scroll-mr-72\\`\ntw\\`scroll-mb-72\\`\ntw\\`scroll-ml-72\\`\ntw\\`scroll-m-80\\`\ntw\\`scroll-mx-80\\`\ntw\\`scroll-my-80\\`\ntw\\`scroll-mt-80\\`\ntw\\`scroll-mr-80\\`\ntw\\`scroll-mb-80\\`\ntw\\`scroll-ml-80\\`\ntw\\`scroll-m-96\\`\ntw\\`scroll-mx-96\\`\ntw\\`scroll-my-96\\`\ntw\\`scroll-mt-96\\`\ntw\\`scroll-mr-96\\`\ntw\\`scroll-mb-96\\`\ntw\\`scroll-ml-96\\`\n\ntw\\`-scroll-m-96\\`\ntw\\`-scroll-mx-96\\`\ntw\\`-scroll-my-96\\`\ntw\\`-scroll-mt-96\\`\ntw\\`-scroll-mr-96\\`\ntw\\`-scroll-mb-96\\`\ntw\\`-scroll-ml-96\\`\n\ntw\\`-scroll-m-[24rem]\\`\ntw\\`scroll-m-[24rem]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/scroll-margin\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n})\n;({\n scrollMargin: '0px',\n})\n;({\n scrollMarginLeft: '0px',\n scrollMarginRight: '0px',\n})\n;({\n scrollMarginTop: '0px',\n scrollMarginBottom: '0px',\n})\n;({\n scrollMarginTop: '0px',\n})\n;({\n scrollMarginRight: '0px',\n})\n;({\n scrollMarginBottom: '0px',\n})\n;({\n scrollMarginLeft: '0px',\n})\n;({\n scrollMargin: '1px',\n})\n;({\n scrollMarginLeft: '1px',\n scrollMarginRight: '1px',\n})\n;({\n scrollMarginTop: '1px',\n scrollMarginBottom: '1px',\n})\n;({\n scrollMarginTop: '1px',\n})\n;({\n scrollMarginRight: '1px',\n})\n;({\n scrollMarginBottom: '1px',\n})\n;({\n scrollMarginLeft: '1px',\n})\n;({\n scrollMargin: '0px',\n})\n;({\n scrollMarginLeft: '0px',\n scrollMarginRight: '0px',\n})\n;({\n scrollMarginTop: '0px',\n scrollMarginBottom: '0px',\n})\n;({\n scrollMarginTop: '0px',\n})\n;({\n scrollMarginRight: '0px',\n})\n;({\n scrollMarginBottom: '0px',\n})\n;({\n scrollMarginLeft: '0px',\n})\n;({\n scrollMargin: '0.25rem',\n})\n;({\n scrollMarginLeft: '0.25rem',\n scrollMarginRight: '0.25rem',\n})\n;({\n scrollMarginTop: '0.25rem',\n scrollMarginBottom: '0.25rem',\n})\n;({\n scrollMarginTop: '0.25rem',\n})\n;({\n scrollMarginRight: '0.25rem',\n})\n;({\n scrollMarginBottom: '0.25rem',\n})\n;({\n scrollMarginLeft: '0.25rem',\n})\n;({\n scrollMargin: '0.25rem',\n})\n;({\n scrollMarginLeft: '0.25rem',\n scrollMarginRight: '0.25rem',\n})\n;({\n scrollMarginTop: '0.25rem',\n scrollMarginBottom: '0.25rem',\n})\n;({\n scrollMarginTop: '0.25rem',\n})\n;({\n scrollMarginRight: '0.25rem',\n})\n;({\n scrollMarginBottom: '0.25rem',\n})\n;({\n scrollMarginLeft: '0.25rem',\n})\n;({\n scrollMargin: '0.5rem',\n})\n;({\n scrollMarginLeft: '0.5rem',\n scrollMarginRight: '0.5rem',\n})\n;({\n scrollMarginTop: '0.5rem',\n scrollMarginBottom: '0.5rem',\n})\n;({\n scrollMarginTop: '0.5rem',\n})\n;({\n scrollMarginRight: '0.5rem',\n})\n;({\n scrollMarginBottom: '0.5rem',\n})\n;({\n scrollMarginLeft: '0.5rem',\n})\n;({\n scrollMargin: '0.5rem',\n})\n;({\n scrollMarginLeft: '0.5rem',\n scrollMarginRight: '0.5rem',\n})\n;({\n scrollMarginTop: '0.5rem',\n scrollMarginBottom: '0.5rem',\n})\n;({\n scrollMarginTop: '0.5rem',\n})\n;({\n scrollMarginRight: '0.5rem',\n})\n;({\n scrollMarginBottom: '0.5rem',\n})\n;({\n scrollMarginLeft: '0.5rem',\n})\n;({\n scrollMargin: '0.75rem',\n})\n;({\n scrollMarginLeft: '0.75rem',\n scrollMarginRight: '0.75rem',\n})\n;({\n scrollMarginTop: '0.75rem',\n scrollMarginBottom: '0.75rem',\n})\n;({\n scrollMarginTop: '0.75rem',\n})\n;({\n scrollMarginRight: '0.75rem',\n})\n;({\n scrollMarginBottom: '0.75rem',\n})\n;({\n scrollMarginLeft: '0.75rem',\n})\n;({\n scrollMargin: '0.75rem',\n})\n;({\n scrollMarginLeft: '0.75rem',\n scrollMarginRight: '0.75rem',\n})\n;({\n scrollMarginTop: '0.75rem',\n scrollMarginBottom: '0.75rem',\n})\n;({\n scrollMarginTop: '0.75rem',\n})\n;({\n scrollMarginRight: '0.75rem',\n})\n;({\n scrollMarginBottom: '0.75rem',\n})\n;({\n scrollMarginLeft: '0.75rem',\n})\n;({\n scrollMargin: '1rem',\n})\n;({\n scrollMarginLeft: '1rem',\n scrollMarginRight: '1rem',\n})\n;({\n scrollMarginTop: '1rem',\n scrollMarginBottom: '1rem',\n})\n;({\n scrollMarginTop: '1rem',\n})\n;({\n scrollMarginRight: '1rem',\n})\n;({\n scrollMarginBottom: '1rem',\n})\n;({\n scrollMarginLeft: '1rem',\n})\n;({\n scrollMargin: '1.25rem',\n})\n;({\n scrollMarginLeft: '1.25rem',\n scrollMarginRight: '1.25rem',\n})\n;({\n scrollMarginTop: '1.25rem',\n scrollMarginBottom: '1.25rem',\n})\n;({\n scrollMarginTop: '1.25rem',\n})\n;({\n scrollMarginRight: '1.25rem',\n})\n;({\n scrollMarginBottom: '1.25rem',\n})\n;({\n scrollMarginLeft: '1.25rem',\n})\n;({\n scrollMargin: '1.5rem',\n})\n;({\n scrollMarginLeft: '1.5rem',\n scrollMarginRight: '1.5rem',\n})\n;({\n scrollMarginTop: '1.5rem',\n scrollMarginBottom: '1.5rem',\n})\n;({\n scrollMarginTop: '1.5rem',\n})\n;({\n scrollMarginRight: '1.5rem',\n})\n;({\n scrollMarginBottom: '1.5rem',\n})\n;({\n scrollMarginLeft: '1.5rem',\n})\n;({\n scrollMargin: '1.75rem',\n})\n;({\n scrollMarginLeft: '1.75rem',\n scrollMarginRight: '1.75rem',\n})\n;({\n scrollMarginTop: '1.75rem',\n scrollMarginBottom: '1.75rem',\n})\n;({\n scrollMarginTop: '1.75rem',\n})\n;({\n scrollMarginRight: '1.75rem',\n})\n;({\n scrollMarginBottom: '1.75rem',\n})\n;({\n scrollMarginLeft: '1.75rem',\n})\n;({\n scrollMargin: '2rem',\n})\n;({\n scrollMarginLeft: '2rem',\n scrollMarginRight: '2rem',\n})\n;({\n scrollMarginTop: '2rem',\n scrollMarginBottom: '2rem',\n})\n;({\n scrollMarginTop: '2rem',\n})\n;({\n scrollMarginRight: '2rem',\n})\n;({\n scrollMarginBottom: '2rem',\n})\n;({\n scrollMarginLeft: '2rem',\n})\n;({\n scrollMargin: '2.25rem',\n})\n;({\n scrollMarginLeft: '2.25rem',\n scrollMarginRight: '2.25rem',\n})\n;({\n scrollMarginTop: '2.25rem',\n scrollMarginBottom: '2.25rem',\n})\n;({\n scrollMarginTop: '2.25rem',\n})\n;({\n scrollMarginRight: '2.25rem',\n})\n;({\n scrollMarginBottom: '2.25rem',\n})\n;({\n scrollMarginLeft: '2.25rem',\n})\n;({\n scrollMargin: '2.5rem',\n})\n;({\n scrollMarginLeft: '2.5rem',\n scrollMarginRight: '2.5rem',\n})\n;({\n scrollMarginTop: '2.5rem',\n scrollMarginBottom: '2.5rem',\n})\n;({\n scrollMarginTop: '2.5rem',\n})\n;({\n scrollMarginRight: '2.5rem',\n})\n;({\n scrollMarginBottom: '2.5rem',\n})\n;({\n scrollMarginLeft: '2.5rem',\n})\n;({\n scrollMargin: '2.75rem',\n})\n;({\n scrollMarginLeft: '2.75rem',\n scrollMarginRight: '2.75rem',\n})\n;({\n scrollMarginTop: '2.75rem',\n scrollMarginBottom: '2.75rem',\n})\n;({\n scrollMarginTop: '2.75rem',\n})\n;({\n scrollMarginRight: '2.75rem',\n})\n;({\n scrollMarginBottom: '2.75rem',\n})\n;({\n scrollMarginLeft: '2.75rem',\n})\n;({\n scrollMargin: '3rem',\n})\n;({\n scrollMarginLeft: '3rem',\n scrollMarginRight: '3rem',\n})\n;({\n scrollMarginTop: '3rem',\n scrollMarginBottom: '3rem',\n})\n;({\n scrollMarginTop: '3rem',\n})\n;({\n scrollMarginRight: '3rem',\n})\n;({\n scrollMarginBottom: '3rem',\n})\n;({\n scrollMarginLeft: '3rem',\n})\n;({\n scrollMargin: '3.5rem',\n})\n;({\n scrollMarginLeft: '3.5rem',\n scrollMarginRight: '3.5rem',\n})\n;({\n scrollMarginTop: '3.5rem',\n scrollMarginBottom: '3.5rem',\n})\n;({\n scrollMarginTop: '3.5rem',\n})\n;({\n scrollMarginRight: '3.5rem',\n})\n;({\n scrollMarginBottom: '3.5rem',\n})\n;({\n scrollMarginLeft: '3.5rem',\n})\n;({\n scrollMargin: '4rem',\n})\n;({\n scrollMarginLeft: '4rem',\n scrollMarginRight: '4rem',\n})\n;({\n scrollMarginTop: '4rem',\n scrollMarginBottom: '4rem',\n})\n;({\n scrollMarginTop: '4rem',\n})\n;({\n scrollMarginRight: '4rem',\n})\n;({\n scrollMarginBottom: '4rem',\n})\n;({\n scrollMarginLeft: '4rem',\n})\n;({\n scrollMargin: '5rem',\n})\n;({\n scrollMarginLeft: '5rem',\n scrollMarginRight: '5rem',\n})\n;({\n scrollMarginTop: '5rem',\n scrollMarginBottom: '5rem',\n})\n;({\n scrollMarginTop: '5rem',\n})\n;({\n scrollMarginRight: '5rem',\n})\n;({\n scrollMarginBottom: '5rem',\n})\n;({\n scrollMarginLeft: '5rem',\n})\n;({\n scrollMargin: '6rem',\n})\n;({\n scrollMarginLeft: '6rem',\n scrollMarginRight: '6rem',\n})\n;({\n scrollMarginTop: '6rem',\n scrollMarginBottom: '6rem',\n})\n;({\n scrollMarginTop: '6rem',\n})\n;({\n scrollMarginRight: '6rem',\n})\n;({\n scrollMarginBottom: '6rem',\n})\n;({\n scrollMarginLeft: '6rem',\n})\n;({\n scrollMargin: '7rem',\n})\n;({\n scrollMarginLeft: '7rem',\n scrollMarginRight: '7rem',\n})\n;({\n scrollMarginTop: '7rem',\n scrollMarginBottom: '7rem',\n})\n;({\n scrollMarginTop: '7rem',\n})\n;({\n scrollMarginRight: '7rem',\n})\n;({\n scrollMarginBottom: '7rem',\n})\n;({\n scrollMarginLeft: '7rem',\n})\n;({\n scrollMargin: '8rem',\n})\n;({\n scrollMarginLeft: '8rem',\n scrollMarginRight: '8rem',\n})\n;({\n scrollMarginTop: '8rem',\n scrollMarginBottom: '8rem',\n})\n;({\n scrollMarginTop: '8rem',\n})\n;({\n scrollMarginRight: '8rem',\n})\n;({\n scrollMarginBottom: '8rem',\n})\n;({\n scrollMarginLeft: '8rem',\n})\n;({\n scrollMargin: '9rem',\n})\n;({\n scrollMarginLeft: '9rem',\n scrollMarginRight: '9rem',\n})\n;({\n scrollMarginTop: '9rem',\n scrollMarginBottom: '9rem',\n})\n;({\n scrollMarginTop: '9rem',\n})\n;({\n scrollMarginRight: '9rem',\n})\n;({\n scrollMarginBottom: '9rem',\n})\n;({\n scrollMarginLeft: '9rem',\n})\n;({\n scrollMargin: '10rem',\n})\n;({\n scrollMarginLeft: '10rem',\n scrollMarginRight: '10rem',\n})\n;({\n scrollMarginTop: '10rem',\n scrollMarginBottom: '10rem',\n})\n;({\n scrollMarginTop: '10rem',\n})\n;({\n scrollMarginRight: '10rem',\n})\n;({\n scrollMarginBottom: '10rem',\n})\n;({\n scrollMarginLeft: '10rem',\n})\n;({\n scrollMargin: '11rem',\n})\n;({\n scrollMarginLeft: '11rem',\n scrollMarginRight: '11rem',\n})\n;({\n scrollMarginTop: '11rem',\n scrollMarginBottom: '11rem',\n})\n;({\n scrollMarginTop: '11rem',\n})\n;({\n scrollMarginRight: '11rem',\n})\n;({\n scrollMarginBottom: '11rem',\n})\n;({\n scrollMarginLeft: '11rem',\n})\n;({\n scrollMargin: '12rem',\n})\n;({\n scrollMarginLeft: '12rem',\n scrollMarginRight: '12rem',\n})\n;({\n scrollMarginTop: '12rem',\n scrollMarginBottom: '12rem',\n})\n;({\n scrollMarginTop: '12rem',\n})\n;({\n scrollMarginRight: '12rem',\n})\n;({\n scrollMarginBottom: '12rem',\n})\n;({\n scrollMarginLeft: '12rem',\n})\n;({\n scrollMargin: '13rem',\n})\n;({\n scrollMarginLeft: '13rem',\n scrollMarginRight: '13rem',\n})\n;({\n scrollMarginTop: '13rem',\n scrollMarginBottom: '13rem',\n})\n;({\n scrollMarginTop: '13rem',\n})\n;({\n scrollMarginRight: '13rem',\n})\n;({\n scrollMarginBottom: '13rem',\n})\n;({\n scrollMarginLeft: '13rem',\n})\n;({\n scrollMargin: '14rem',\n})\n;({\n scrollMarginLeft: '14rem',\n scrollMarginRight: '14rem',\n})\n;({\n scrollMarginTop: '14rem',\n scrollMarginBottom: '14rem',\n})\n;({\n scrollMarginTop: '14rem',\n})\n;({\n scrollMarginRight: '14rem',\n})\n;({\n scrollMarginBottom: '14rem',\n})\n;({\n scrollMarginLeft: '14rem',\n})\n;({\n scrollMargin: '15rem',\n})\n;({\n scrollMarginLeft: '15rem',\n scrollMarginRight: '15rem',\n})\n;({\n scrollMarginTop: '15rem',\n scrollMarginBottom: '15rem',\n})\n;({\n scrollMarginTop: '15rem',\n})\n;({\n scrollMarginRight: '15rem',\n})\n;({\n scrollMarginBottom: '15rem',\n})\n;({\n scrollMarginLeft: '15rem',\n})\n;({\n scrollMargin: '16rem',\n})\n;({\n scrollMarginLeft: '16rem',\n scrollMarginRight: '16rem',\n})\n;({\n scrollMarginTop: '16rem',\n scrollMarginBottom: '16rem',\n})\n;({\n scrollMarginTop: '16rem',\n})\n;({\n scrollMarginRight: '16rem',\n})\n;({\n scrollMarginBottom: '16rem',\n})\n;({\n scrollMarginLeft: '16rem',\n})\n;({\n scrollMargin: '18rem',\n})\n;({\n scrollMarginLeft: '18rem',\n scrollMarginRight: '18rem',\n})\n;({\n scrollMarginTop: '18rem',\n scrollMarginBottom: '18rem',\n})\n;({\n scrollMarginTop: '18rem',\n})\n;({\n scrollMarginRight: '18rem',\n})\n;({\n scrollMarginBottom: '18rem',\n})\n;({\n scrollMarginLeft: '18rem',\n})\n;({\n scrollMargin: '20rem',\n})\n;({\n scrollMarginLeft: '20rem',\n scrollMarginRight: '20rem',\n})\n;({\n scrollMarginTop: '20rem',\n scrollMarginBottom: '20rem',\n})\n;({\n scrollMarginTop: '20rem',\n})\n;({\n scrollMarginRight: '20rem',\n})\n;({\n scrollMarginBottom: '20rem',\n})\n;({\n scrollMarginLeft: '20rem',\n})\n;({\n scrollMargin: '24rem',\n})\n;({\n scrollMarginLeft: '24rem',\n scrollMarginRight: '24rem',\n})\n;({\n scrollMarginTop: '24rem',\n scrollMarginBottom: '24rem',\n})\n;({\n scrollMarginTop: '24rem',\n})\n;({\n scrollMarginRight: '24rem',\n})\n;({\n scrollMarginBottom: '24rem',\n})\n;({\n scrollMarginLeft: '24rem',\n})\n;({\n scrollMargin: '-24rem',\n})\n;({\n scrollMarginLeft: '-24rem',\n scrollMarginRight: '-24rem',\n})\n;({\n scrollMarginTop: '-24rem',\n scrollMarginBottom: '-24rem',\n})\n;({\n scrollMarginTop: '-24rem',\n})\n;({\n scrollMarginRight: '-24rem',\n})\n;({\n scrollMarginBottom: '-24rem',\n})\n;({\n scrollMarginLeft: '-24rem',\n})\n;({\n scrollMargin: '-24rem',\n})\n;({\n scrollMargin: '24rem',\n})\n\n\n`;\n\nexports[`twin.macro scrollPadding.tsx: scrollPadding.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/scroll-padding\ntheme\\`scrollPadding\\`\n\ntw\\`scroll-p-0\\`\ntw\\`scroll-px-0\\`\ntw\\`scroll-py-0\\`\ntw\\`scroll-pt-0\\`\ntw\\`scroll-pr-0\\`\ntw\\`scroll-pb-0\\`\ntw\\`scroll-pl-0\\`\ntw\\`scroll-p-px\\`\ntw\\`scroll-px-px\\`\ntw\\`scroll-py-px\\`\ntw\\`scroll-pt-px\\`\ntw\\`scroll-pr-px\\`\ntw\\`scroll-pb-px\\`\ntw\\`scroll-pl-px\\`\ntw\\`scroll-p-0\\`\ntw\\`scroll-px-0\\`\ntw\\`scroll-py-0\\`\ntw\\`scroll-pt-0\\`\ntw\\`scroll-pr-0\\`\ntw\\`scroll-pb-0\\`\ntw\\`scroll-pl-0\\`\ntw\\`scroll-p-1\\`\ntw\\`scroll-px-1\\`\ntw\\`scroll-py-1\\`\ntw\\`scroll-pt-1\\`\ntw\\`scroll-pr-1\\`\ntw\\`scroll-pb-1\\`\ntw\\`scroll-pl-1\\`\ntw\\`scroll-p-1\\`\ntw\\`scroll-px-1\\`\ntw\\`scroll-py-1\\`\ntw\\`scroll-pt-1\\`\ntw\\`scroll-pr-1\\`\ntw\\`scroll-pb-1\\`\ntw\\`scroll-pl-1\\`\ntw\\`scroll-p-2\\`\ntw\\`scroll-px-2\\`\ntw\\`scroll-py-2\\`\ntw\\`scroll-pt-2\\`\ntw\\`scroll-pr-2\\`\ntw\\`scroll-pb-2\\`\ntw\\`scroll-pl-2\\`\ntw\\`scroll-p-2\\`\ntw\\`scroll-px-2\\`\ntw\\`scroll-py-2\\`\ntw\\`scroll-pt-2\\`\ntw\\`scroll-pr-2\\`\ntw\\`scroll-pb-2\\`\ntw\\`scroll-pl-2\\`\ntw\\`scroll-p-3\\`\ntw\\`scroll-px-3\\`\ntw\\`scroll-py-3\\`\ntw\\`scroll-pt-3\\`\ntw\\`scroll-pr-3\\`\ntw\\`scroll-pb-3\\`\ntw\\`scroll-pl-3\\`\ntw\\`scroll-p-3\\`\ntw\\`scroll-px-3\\`\ntw\\`scroll-py-3\\`\ntw\\`scroll-pt-3\\`\ntw\\`scroll-pr-3\\`\ntw\\`scroll-pb-3\\`\ntw\\`scroll-pl-3\\`\ntw\\`scroll-p-4\\`\ntw\\`scroll-px-4\\`\ntw\\`scroll-py-4\\`\ntw\\`scroll-pt-4\\`\ntw\\`scroll-pr-4\\`\ntw\\`scroll-pb-4\\`\ntw\\`scroll-pl-4\\`\ntw\\`scroll-p-5\\`\ntw\\`scroll-px-5\\`\ntw\\`scroll-py-5\\`\ntw\\`scroll-pt-5\\`\ntw\\`scroll-pr-5\\`\ntw\\`scroll-pb-5\\`\ntw\\`scroll-pl-5\\`\ntw\\`scroll-p-6\\`\ntw\\`scroll-px-6\\`\ntw\\`scroll-py-6\\`\ntw\\`scroll-pt-6\\`\ntw\\`scroll-pr-6\\`\ntw\\`scroll-pb-6\\`\ntw\\`scroll-pl-6\\`\ntw\\`scroll-p-7\\`\ntw\\`scroll-px-7\\`\ntw\\`scroll-py-7\\`\ntw\\`scroll-pt-7\\`\ntw\\`scroll-pr-7\\`\ntw\\`scroll-pb-7\\`\ntw\\`scroll-pl-7\\`\ntw\\`scroll-p-8\\`\ntw\\`scroll-px-8\\`\ntw\\`scroll-py-8\\`\ntw\\`scroll-pt-8\\`\ntw\\`scroll-pr-8\\`\ntw\\`scroll-pb-8\\`\ntw\\`scroll-pl-8\\`\ntw\\`scroll-p-9\\`\ntw\\`scroll-px-9\\`\ntw\\`scroll-py-9\\`\ntw\\`scroll-pt-9\\`\ntw\\`scroll-pr-9\\`\ntw\\`scroll-pb-9\\`\ntw\\`scroll-pl-9\\`\ntw\\`scroll-p-10\\`\ntw\\`scroll-px-10\\`\ntw\\`scroll-py-10\\`\ntw\\`scroll-pt-10\\`\ntw\\`scroll-pr-10\\`\ntw\\`scroll-pb-10\\`\ntw\\`scroll-pl-10\\`\ntw\\`scroll-p-11\\`\ntw\\`scroll-px-11\\`\ntw\\`scroll-py-11\\`\ntw\\`scroll-pt-11\\`\ntw\\`scroll-pr-11\\`\ntw\\`scroll-pb-11\\`\ntw\\`scroll-pl-11\\`\ntw\\`scroll-p-12\\`\ntw\\`scroll-px-12\\`\ntw\\`scroll-py-12\\`\ntw\\`scroll-pt-12\\`\ntw\\`scroll-pr-12\\`\ntw\\`scroll-pb-12\\`\ntw\\`scroll-pl-12\\`\ntw\\`scroll-p-14\\`\ntw\\`scroll-px-14\\`\ntw\\`scroll-py-14\\`\ntw\\`scroll-pt-14\\`\ntw\\`scroll-pr-14\\`\ntw\\`scroll-pb-14\\`\ntw\\`scroll-pl-14\\`\ntw\\`scroll-p-16\\`\ntw\\`scroll-px-16\\`\ntw\\`scroll-py-16\\`\ntw\\`scroll-pt-16\\`\ntw\\`scroll-pr-16\\`\ntw\\`scroll-pb-16\\`\ntw\\`scroll-pl-16\\`\ntw\\`scroll-p-20\\`\ntw\\`scroll-px-20\\`\ntw\\`scroll-py-20\\`\ntw\\`scroll-pt-20\\`\ntw\\`scroll-pr-20\\`\ntw\\`scroll-pb-20\\`\ntw\\`scroll-pl-20\\`\ntw\\`scroll-p-24\\`\ntw\\`scroll-px-24\\`\ntw\\`scroll-py-24\\`\ntw\\`scroll-pt-24\\`\ntw\\`scroll-pr-24\\`\ntw\\`scroll-pb-24\\`\ntw\\`scroll-pl-24\\`\ntw\\`scroll-p-28\\`\ntw\\`scroll-px-28\\`\ntw\\`scroll-py-28\\`\ntw\\`scroll-pt-28\\`\ntw\\`scroll-pr-28\\`\ntw\\`scroll-pb-28\\`\ntw\\`scroll-pl-28\\`\ntw\\`scroll-p-32\\`\ntw\\`scroll-px-32\\`\ntw\\`scroll-py-32\\`\ntw\\`scroll-pt-32\\`\ntw\\`scroll-pr-32\\`\ntw\\`scroll-pb-32\\`\ntw\\`scroll-pl-32\\`\ntw\\`scroll-p-36\\`\ntw\\`scroll-px-36\\`\ntw\\`scroll-py-36\\`\ntw\\`scroll-pt-36\\`\ntw\\`scroll-pr-36\\`\ntw\\`scroll-pb-36\\`\ntw\\`scroll-pl-36\\`\ntw\\`scroll-p-40\\`\ntw\\`scroll-px-40\\`\ntw\\`scroll-py-40\\`\ntw\\`scroll-pt-40\\`\ntw\\`scroll-pr-40\\`\ntw\\`scroll-pb-40\\`\ntw\\`scroll-pl-40\\`\ntw\\`scroll-p-44\\`\ntw\\`scroll-px-44\\`\ntw\\`scroll-py-44\\`\ntw\\`scroll-pt-44\\`\ntw\\`scroll-pr-44\\`\ntw\\`scroll-pb-44\\`\ntw\\`scroll-pl-44\\`\ntw\\`scroll-p-48\\`\ntw\\`scroll-px-48\\`\ntw\\`scroll-py-48\\`\ntw\\`scroll-pt-48\\`\ntw\\`scroll-pr-48\\`\ntw\\`scroll-pb-48\\`\ntw\\`scroll-pl-48\\`\ntw\\`scroll-p-52\\`\ntw\\`scroll-px-52\\`\ntw\\`scroll-py-52\\`\ntw\\`scroll-pt-52\\`\ntw\\`scroll-pr-52\\`\ntw\\`scroll-pb-52\\`\ntw\\`scroll-pl-52\\`\ntw\\`scroll-p-56\\`\ntw\\`scroll-px-56\\`\ntw\\`scroll-py-56\\`\ntw\\`scroll-pt-56\\`\ntw\\`scroll-pr-56\\`\ntw\\`scroll-pb-56\\`\ntw\\`scroll-pl-56\\`\ntw\\`scroll-p-60\\`\ntw\\`scroll-px-60\\`\ntw\\`scroll-py-60\\`\ntw\\`scroll-pt-60\\`\ntw\\`scroll-pr-60\\`\ntw\\`scroll-pb-60\\`\ntw\\`scroll-pl-60\\`\ntw\\`scroll-p-64\\`\ntw\\`scroll-px-64\\`\ntw\\`scroll-py-64\\`\ntw\\`scroll-pt-64\\`\ntw\\`scroll-pr-64\\`\ntw\\`scroll-pb-64\\`\ntw\\`scroll-pl-64\\`\ntw\\`scroll-p-72\\`\ntw\\`scroll-px-72\\`\ntw\\`scroll-py-72\\`\ntw\\`scroll-pt-72\\`\ntw\\`scroll-pr-72\\`\ntw\\`scroll-pb-72\\`\ntw\\`scroll-pl-72\\`\ntw\\`scroll-p-80\\`\ntw\\`scroll-px-80\\`\ntw\\`scroll-py-80\\`\ntw\\`scroll-pt-80\\`\ntw\\`scroll-pr-80\\`\ntw\\`scroll-pb-80\\`\ntw\\`scroll-pl-80\\`\ntw\\`scroll-p-96\\`\ntw\\`scroll-px-96\\`\ntw\\`scroll-py-96\\`\ntw\\`scroll-pt-96\\`\ntw\\`scroll-pr-96\\`\ntw\\`scroll-pb-96\\`\ntw\\`scroll-pl-96\\`\n\ntw\\`scroll-p-[24rem]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/scroll-padding\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n})\n;({\n scrollPadding: '0px',\n})\n;({\n scrollPaddingLeft: '0px',\n scrollPaddingRight: '0px',\n})\n;({\n scrollPaddingTop: '0px',\n scrollPaddingBottom: '0px',\n})\n;({\n scrollPaddingTop: '0px',\n})\n;({\n scrollPaddingRight: '0px',\n})\n;({\n scrollPaddingBottom: '0px',\n})\n;({\n scrollPaddingLeft: '0px',\n})\n;({\n scrollPadding: '1px',\n})\n;({\n scrollPaddingLeft: '1px',\n scrollPaddingRight: '1px',\n})\n;({\n scrollPaddingTop: '1px',\n scrollPaddingBottom: '1px',\n})\n;({\n scrollPaddingTop: '1px',\n})\n;({\n scrollPaddingRight: '1px',\n})\n;({\n scrollPaddingBottom: '1px',\n})\n;({\n scrollPaddingLeft: '1px',\n})\n;({\n scrollPadding: '0px',\n})\n;({\n scrollPaddingLeft: '0px',\n scrollPaddingRight: '0px',\n})\n;({\n scrollPaddingTop: '0px',\n scrollPaddingBottom: '0px',\n})\n;({\n scrollPaddingTop: '0px',\n})\n;({\n scrollPaddingRight: '0px',\n})\n;({\n scrollPaddingBottom: '0px',\n})\n;({\n scrollPaddingLeft: '0px',\n})\n;({\n scrollPadding: '0.25rem',\n})\n;({\n scrollPaddingLeft: '0.25rem',\n scrollPaddingRight: '0.25rem',\n})\n;({\n scrollPaddingTop: '0.25rem',\n scrollPaddingBottom: '0.25rem',\n})\n;({\n scrollPaddingTop: '0.25rem',\n})\n;({\n scrollPaddingRight: '0.25rem',\n})\n;({\n scrollPaddingBottom: '0.25rem',\n})\n;({\n scrollPaddingLeft: '0.25rem',\n})\n;({\n scrollPadding: '0.25rem',\n})\n;({\n scrollPaddingLeft: '0.25rem',\n scrollPaddingRight: '0.25rem',\n})\n;({\n scrollPaddingTop: '0.25rem',\n scrollPaddingBottom: '0.25rem',\n})\n;({\n scrollPaddingTop: '0.25rem',\n})\n;({\n scrollPaddingRight: '0.25rem',\n})\n;({\n scrollPaddingBottom: '0.25rem',\n})\n;({\n scrollPaddingLeft: '0.25rem',\n})\n;({\n scrollPadding: '0.5rem',\n})\n;({\n scrollPaddingLeft: '0.5rem',\n scrollPaddingRight: '0.5rem',\n})\n;({\n scrollPaddingTop: '0.5rem',\n scrollPaddingBottom: '0.5rem',\n})\n;({\n scrollPaddingTop: '0.5rem',\n})\n;({\n scrollPaddingRight: '0.5rem',\n})\n;({\n scrollPaddingBottom: '0.5rem',\n})\n;({\n scrollPaddingLeft: '0.5rem',\n})\n;({\n scrollPadding: '0.5rem',\n})\n;({\n scrollPaddingLeft: '0.5rem',\n scrollPaddingRight: '0.5rem',\n})\n;({\n scrollPaddingTop: '0.5rem',\n scrollPaddingBottom: '0.5rem',\n})\n;({\n scrollPaddingTop: '0.5rem',\n})\n;({\n scrollPaddingRight: '0.5rem',\n})\n;({\n scrollPaddingBottom: '0.5rem',\n})\n;({\n scrollPaddingLeft: '0.5rem',\n})\n;({\n scrollPadding: '0.75rem',\n})\n;({\n scrollPaddingLeft: '0.75rem',\n scrollPaddingRight: '0.75rem',\n})\n;({\n scrollPaddingTop: '0.75rem',\n scrollPaddingBottom: '0.75rem',\n})\n;({\n scrollPaddingTop: '0.75rem',\n})\n;({\n scrollPaddingRight: '0.75rem',\n})\n;({\n scrollPaddingBottom: '0.75rem',\n})\n;({\n scrollPaddingLeft: '0.75rem',\n})\n;({\n scrollPadding: '0.75rem',\n})\n;({\n scrollPaddingLeft: '0.75rem',\n scrollPaddingRight: '0.75rem',\n})\n;({\n scrollPaddingTop: '0.75rem',\n scrollPaddingBottom: '0.75rem',\n})\n;({\n scrollPaddingTop: '0.75rem',\n})\n;({\n scrollPaddingRight: '0.75rem',\n})\n;({\n scrollPaddingBottom: '0.75rem',\n})\n;({\n scrollPaddingLeft: '0.75rem',\n})\n;({\n scrollPadding: '1rem',\n})\n;({\n scrollPaddingLeft: '1rem',\n scrollPaddingRight: '1rem',\n})\n;({\n scrollPaddingTop: '1rem',\n scrollPaddingBottom: '1rem',\n})\n;({\n scrollPaddingTop: '1rem',\n})\n;({\n scrollPaddingRight: '1rem',\n})\n;({\n scrollPaddingBottom: '1rem',\n})\n;({\n scrollPaddingLeft: '1rem',\n})\n;({\n scrollPadding: '1.25rem',\n})\n;({\n scrollPaddingLeft: '1.25rem',\n scrollPaddingRight: '1.25rem',\n})\n;({\n scrollPaddingTop: '1.25rem',\n scrollPaddingBottom: '1.25rem',\n})\n;({\n scrollPaddingTop: '1.25rem',\n})\n;({\n scrollPaddingRight: '1.25rem',\n})\n;({\n scrollPaddingBottom: '1.25rem',\n})\n;({\n scrollPaddingLeft: '1.25rem',\n})\n;({\n scrollPadding: '1.5rem',\n})\n;({\n scrollPaddingLeft: '1.5rem',\n scrollPaddingRight: '1.5rem',\n})\n;({\n scrollPaddingTop: '1.5rem',\n scrollPaddingBottom: '1.5rem',\n})\n;({\n scrollPaddingTop: '1.5rem',\n})\n;({\n scrollPaddingRight: '1.5rem',\n})\n;({\n scrollPaddingBottom: '1.5rem',\n})\n;({\n scrollPaddingLeft: '1.5rem',\n})\n;({\n scrollPadding: '1.75rem',\n})\n;({\n scrollPaddingLeft: '1.75rem',\n scrollPaddingRight: '1.75rem',\n})\n;({\n scrollPaddingTop: '1.75rem',\n scrollPaddingBottom: '1.75rem',\n})\n;({\n scrollPaddingTop: '1.75rem',\n})\n;({\n scrollPaddingRight: '1.75rem',\n})\n;({\n scrollPaddingBottom: '1.75rem',\n})\n;({\n scrollPaddingLeft: '1.75rem',\n})\n;({\n scrollPadding: '2rem',\n})\n;({\n scrollPaddingLeft: '2rem',\n scrollPaddingRight: '2rem',\n})\n;({\n scrollPaddingTop: '2rem',\n scrollPaddingBottom: '2rem',\n})\n;({\n scrollPaddingTop: '2rem',\n})\n;({\n scrollPaddingRight: '2rem',\n})\n;({\n scrollPaddingBottom: '2rem',\n})\n;({\n scrollPaddingLeft: '2rem',\n})\n;({\n scrollPadding: '2.25rem',\n})\n;({\n scrollPaddingLeft: '2.25rem',\n scrollPaddingRight: '2.25rem',\n})\n;({\n scrollPaddingTop: '2.25rem',\n scrollPaddingBottom: '2.25rem',\n})\n;({\n scrollPaddingTop: '2.25rem',\n})\n;({\n scrollPaddingRight: '2.25rem',\n})\n;({\n scrollPaddingBottom: '2.25rem',\n})\n;({\n scrollPaddingLeft: '2.25rem',\n})\n;({\n scrollPadding: '2.5rem',\n})\n;({\n scrollPaddingLeft: '2.5rem',\n scrollPaddingRight: '2.5rem',\n})\n;({\n scrollPaddingTop: '2.5rem',\n scrollPaddingBottom: '2.5rem',\n})\n;({\n scrollPaddingTop: '2.5rem',\n})\n;({\n scrollPaddingRight: '2.5rem',\n})\n;({\n scrollPaddingBottom: '2.5rem',\n})\n;({\n scrollPaddingLeft: '2.5rem',\n})\n;({\n scrollPadding: '2.75rem',\n})\n;({\n scrollPaddingLeft: '2.75rem',\n scrollPaddingRight: '2.75rem',\n})\n;({\n scrollPaddingTop: '2.75rem',\n scrollPaddingBottom: '2.75rem',\n})\n;({\n scrollPaddingTop: '2.75rem',\n})\n;({\n scrollPaddingRight: '2.75rem',\n})\n;({\n scrollPaddingBottom: '2.75rem',\n})\n;({\n scrollPaddingLeft: '2.75rem',\n})\n;({\n scrollPadding: '3rem',\n})\n;({\n scrollPaddingLeft: '3rem',\n scrollPaddingRight: '3rem',\n})\n;({\n scrollPaddingTop: '3rem',\n scrollPaddingBottom: '3rem',\n})\n;({\n scrollPaddingTop: '3rem',\n})\n;({\n scrollPaddingRight: '3rem',\n})\n;({\n scrollPaddingBottom: '3rem',\n})\n;({\n scrollPaddingLeft: '3rem',\n})\n;({\n scrollPadding: '3.5rem',\n})\n;({\n scrollPaddingLeft: '3.5rem',\n scrollPaddingRight: '3.5rem',\n})\n;({\n scrollPaddingTop: '3.5rem',\n scrollPaddingBottom: '3.5rem',\n})\n;({\n scrollPaddingTop: '3.5rem',\n})\n;({\n scrollPaddingRight: '3.5rem',\n})\n;({\n scrollPaddingBottom: '3.5rem',\n})\n;({\n scrollPaddingLeft: '3.5rem',\n})\n;({\n scrollPadding: '4rem',\n})\n;({\n scrollPaddingLeft: '4rem',\n scrollPaddingRight: '4rem',\n})\n;({\n scrollPaddingTop: '4rem',\n scrollPaddingBottom: '4rem',\n})\n;({\n scrollPaddingTop: '4rem',\n})\n;({\n scrollPaddingRight: '4rem',\n})\n;({\n scrollPaddingBottom: '4rem',\n})\n;({\n scrollPaddingLeft: '4rem',\n})\n;({\n scrollPadding: '5rem',\n})\n;({\n scrollPaddingLeft: '5rem',\n scrollPaddingRight: '5rem',\n})\n;({\n scrollPaddingTop: '5rem',\n scrollPaddingBottom: '5rem',\n})\n;({\n scrollPaddingTop: '5rem',\n})\n;({\n scrollPaddingRight: '5rem',\n})\n;({\n scrollPaddingBottom: '5rem',\n})\n;({\n scrollPaddingLeft: '5rem',\n})\n;({\n scrollPadding: '6rem',\n})\n;({\n scrollPaddingLeft: '6rem',\n scrollPaddingRight: '6rem',\n})\n;({\n scrollPaddingTop: '6rem',\n scrollPaddingBottom: '6rem',\n})\n;({\n scrollPaddingTop: '6rem',\n})\n;({\n scrollPaddingRight: '6rem',\n})\n;({\n scrollPaddingBottom: '6rem',\n})\n;({\n scrollPaddingLeft: '6rem',\n})\n;({\n scrollPadding: '7rem',\n})\n;({\n scrollPaddingLeft: '7rem',\n scrollPaddingRight: '7rem',\n})\n;({\n scrollPaddingTop: '7rem',\n scrollPaddingBottom: '7rem',\n})\n;({\n scrollPaddingTop: '7rem',\n})\n;({\n scrollPaddingRight: '7rem',\n})\n;({\n scrollPaddingBottom: '7rem',\n})\n;({\n scrollPaddingLeft: '7rem',\n})\n;({\n scrollPadding: '8rem',\n})\n;({\n scrollPaddingLeft: '8rem',\n scrollPaddingRight: '8rem',\n})\n;({\n scrollPaddingTop: '8rem',\n scrollPaddingBottom: '8rem',\n})\n;({\n scrollPaddingTop: '8rem',\n})\n;({\n scrollPaddingRight: '8rem',\n})\n;({\n scrollPaddingBottom: '8rem',\n})\n;({\n scrollPaddingLeft: '8rem',\n})\n;({\n scrollPadding: '9rem',\n})\n;({\n scrollPaddingLeft: '9rem',\n scrollPaddingRight: '9rem',\n})\n;({\n scrollPaddingTop: '9rem',\n scrollPaddingBottom: '9rem',\n})\n;({\n scrollPaddingTop: '9rem',\n})\n;({\n scrollPaddingRight: '9rem',\n})\n;({\n scrollPaddingBottom: '9rem',\n})\n;({\n scrollPaddingLeft: '9rem',\n})\n;({\n scrollPadding: '10rem',\n})\n;({\n scrollPaddingLeft: '10rem',\n scrollPaddingRight: '10rem',\n})\n;({\n scrollPaddingTop: '10rem',\n scrollPaddingBottom: '10rem',\n})\n;({\n scrollPaddingTop: '10rem',\n})\n;({\n scrollPaddingRight: '10rem',\n})\n;({\n scrollPaddingBottom: '10rem',\n})\n;({\n scrollPaddingLeft: '10rem',\n})\n;({\n scrollPadding: '11rem',\n})\n;({\n scrollPaddingLeft: '11rem',\n scrollPaddingRight: '11rem',\n})\n;({\n scrollPaddingTop: '11rem',\n scrollPaddingBottom: '11rem',\n})\n;({\n scrollPaddingTop: '11rem',\n})\n;({\n scrollPaddingRight: '11rem',\n})\n;({\n scrollPaddingBottom: '11rem',\n})\n;({\n scrollPaddingLeft: '11rem',\n})\n;({\n scrollPadding: '12rem',\n})\n;({\n scrollPaddingLeft: '12rem',\n scrollPaddingRight: '12rem',\n})\n;({\n scrollPaddingTop: '12rem',\n scrollPaddingBottom: '12rem',\n})\n;({\n scrollPaddingTop: '12rem',\n})\n;({\n scrollPaddingRight: '12rem',\n})\n;({\n scrollPaddingBottom: '12rem',\n})\n;({\n scrollPaddingLeft: '12rem',\n})\n;({\n scrollPadding: '13rem',\n})\n;({\n scrollPaddingLeft: '13rem',\n scrollPaddingRight: '13rem',\n})\n;({\n scrollPaddingTop: '13rem',\n scrollPaddingBottom: '13rem',\n})\n;({\n scrollPaddingTop: '13rem',\n})\n;({\n scrollPaddingRight: '13rem',\n})\n;({\n scrollPaddingBottom: '13rem',\n})\n;({\n scrollPaddingLeft: '13rem',\n})\n;({\n scrollPadding: '14rem',\n})\n;({\n scrollPaddingLeft: '14rem',\n scrollPaddingRight: '14rem',\n})\n;({\n scrollPaddingTop: '14rem',\n scrollPaddingBottom: '14rem',\n})\n;({\n scrollPaddingTop: '14rem',\n})\n;({\n scrollPaddingRight: '14rem',\n})\n;({\n scrollPaddingBottom: '14rem',\n})\n;({\n scrollPaddingLeft: '14rem',\n})\n;({\n scrollPadding: '15rem',\n})\n;({\n scrollPaddingLeft: '15rem',\n scrollPaddingRight: '15rem',\n})\n;({\n scrollPaddingTop: '15rem',\n scrollPaddingBottom: '15rem',\n})\n;({\n scrollPaddingTop: '15rem',\n})\n;({\n scrollPaddingRight: '15rem',\n})\n;({\n scrollPaddingBottom: '15rem',\n})\n;({\n scrollPaddingLeft: '15rem',\n})\n;({\n scrollPadding: '16rem',\n})\n;({\n scrollPaddingLeft: '16rem',\n scrollPaddingRight: '16rem',\n})\n;({\n scrollPaddingTop: '16rem',\n scrollPaddingBottom: '16rem',\n})\n;({\n scrollPaddingTop: '16rem',\n})\n;({\n scrollPaddingRight: '16rem',\n})\n;({\n scrollPaddingBottom: '16rem',\n})\n;({\n scrollPaddingLeft: '16rem',\n})\n;({\n scrollPadding: '18rem',\n})\n;({\n scrollPaddingLeft: '18rem',\n scrollPaddingRight: '18rem',\n})\n;({\n scrollPaddingTop: '18rem',\n scrollPaddingBottom: '18rem',\n})\n;({\n scrollPaddingTop: '18rem',\n})\n;({\n scrollPaddingRight: '18rem',\n})\n;({\n scrollPaddingBottom: '18rem',\n})\n;({\n scrollPaddingLeft: '18rem',\n})\n;({\n scrollPadding: '20rem',\n})\n;({\n scrollPaddingLeft: '20rem',\n scrollPaddingRight: '20rem',\n})\n;({\n scrollPaddingTop: '20rem',\n scrollPaddingBottom: '20rem',\n})\n;({\n scrollPaddingTop: '20rem',\n})\n;({\n scrollPaddingRight: '20rem',\n})\n;({\n scrollPaddingBottom: '20rem',\n})\n;({\n scrollPaddingLeft: '20rem',\n})\n;({\n scrollPadding: '24rem',\n})\n;({\n scrollPaddingLeft: '24rem',\n scrollPaddingRight: '24rem',\n})\n;({\n scrollPaddingTop: '24rem',\n scrollPaddingBottom: '24rem',\n})\n;({\n scrollPaddingTop: '24rem',\n})\n;({\n scrollPaddingRight: '24rem',\n})\n;({\n scrollPaddingBottom: '24rem',\n})\n;({\n scrollPaddingLeft: '24rem',\n})\n;({\n scrollPadding: '24rem',\n})\n\n\n`;\n\nexports[`twin.macro scrollSnapAlign.tsx: scrollSnapAlign.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/scroll-snap-align\ntw\\`snap-start\\`\ntw\\`snap-end\\`\ntw\\`snap-center\\`\ntw\\`snap-align-none\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/scroll-snap-align\n;({\n scrollSnapAlign: 'start',\n})\n;({\n scrollSnapAlign: 'end',\n})\n;({\n scrollSnapAlign: 'center',\n})\n;({\n scrollSnapAlign: 'none',\n})\n\n\n`;\n\nexports[`twin.macro scrollSnapStop.tsx: scrollSnapStop.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/scroll-snap-stop\ntw\\`snap-normal\\`\ntw\\`snap-always\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/scroll-snap-stop\n;({\n scrollSnapStop: 'normal',\n})\n;({\n scrollSnapStop: 'always',\n})\n\n\n`;\n\nexports[`twin.macro scrollSnapType.tsx: scrollSnapType.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/scroll-snap-type\ntw\\`snap-none\\`\ntw\\`snap-x\\`\ntw\\`snap-y\\`\ntw\\`snap-both\\`\ntw\\`snap-mandatory\\`\ntw\\`snap-proximity\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/scroll-snap-type\n;({\n scrollSnapType: 'none',\n})\n;({\n scrollSnapType: 'x var(--tw-scroll-snap-strictness)',\n})\n;({\n scrollSnapType: 'y var(--tw-scroll-snap-strictness)',\n})\n;({\n scrollSnapType: 'both var(--tw-scroll-snap-strictness)',\n})\n;({\n '--tw-scroll-snap-strictness': 'mandatory',\n})\n;({\n '--tw-scroll-snap-strictness': 'proximity',\n})\n\n\n`;\n\nexports[`twin.macro separator.tsx: separator.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`[&[data-foo][data-bar]:not([data-baz])]__underline\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '&[data-foo][data-bar]:not([data-baz])': {\n textDecorationLine: 'underline',\n },\n})\n\n\n`;\n\nexports[`twin.macro sepia.tsx: sepia.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/sepia\ntheme\\`sepia.\\`\n\ntw\\`sepia-0\\`\ntw\\`sepia\\`\n\ntw\\`sepia-[.25]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/sepia\n;({\n 0: '0',\n DEFAULT: '100%',\n})\n;({\n '--tw-sepia': 'sepia(0)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-sepia': 'sepia(100%)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n;({\n '--tw-sepia': 'sepia(.25)',\n filter:\n 'var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)',\n})\n\n\n`;\n\nexports[`twin.macro shortCss.tsx: shortCss.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// within cs prop\n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n\n// within tw prop\n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n;
    \n\n// within css prop\n;
    \n\n// within tw import\ntw\\`maxWidth[100vw - 2rem]\\`\ntw\\`maxWidth[100vw - 2rem] block\\`\ntw\\`md:maxWidth[100vw - 2rem]\\`\ntw\\`hover:(maxWidth[100vw - 2rem] width[2rem])\\`\ntw\\`hover:(maxWidth[100vw - 2rem] before:content['test'])\\`\ntw\\`hover:(maxWidth[100vw - 2rem] before:content['test'])!\\`\ntw\\`hover:(maxWidth[100vw - 2rem]! before:content['test'])\\`\n\n// prop ordering\n;
    \n\n// Setting css variables\ntw\\`--css-prop[true] md:--css-prop[false]\\`\n\n// Using css variables\ntw\\`max-width[var(--css-react)] md:max-width[var(--css-react-md)]\\`\n\n// Browser vendor prefixes\ntw\\`-webkit-gradient[gradient here] md:-webkit-gradient[gradient here md]\\`\n\n// Grid template\ntw\\`grid-template-columns[[main-start] 1fr [content-start] 1fr [content-end] 1fr [main-end]] md:grid-template-columns[[main-start-md] 1fr [content-start-md] 1fr [content-end-md] 1fr [main-end-md]]\\`\n\n// Short css trumps core plugins\ntw\\`transition-property[margin]\\`\n\n// Crazy calcs\ntw\\`padding[calc((2em * -1) + var(--myVar))]\\`\n\n// Multiline\ntw\\`padding[\n calc((2em * -1) + var(--myVar))\n]\\`\ntw\\`padding[\n calc((2em * -1) +\n var(--myVar))\n]\\`\n\n// Theme value\ntw\\`--color[theme(colors.red.500)]\\`\ntw\\`--color[this theme(colors.red.500) that]\\`\n\n// Automatic '' value\ntw\\`touch-action[]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;\n;\n;\n;\n;\n;\n; // within tw prop\n;\n;\n;\n;\n;\n;\n; // within css prop\n; // within tw import\n\n;({\n maxWidth: '100vw - 2rem',\n})\n;({\n display: 'block',\n maxWidth: '100vw - 2rem',\n})\n;({\n '@media (min-width: 768px)': {\n maxWidth: '100vw - 2rem',\n },\n})\n;({\n ':hover': {\n maxWidth: '100vw - 2rem',\n width: '2rem',\n },\n})\n;({\n ':hover': {\n maxWidth: '100vw - 2rem',\n },\n ':hover::before': {\n content: \"'test'\",\n },\n})\n;({\n ':hover': {\n maxWidth: '100vw - 2rem !important',\n },\n ':hover::before': {\n content: \"'test' !important\",\n },\n})\n;({\n ':hover': {\n maxWidth: '100vw - 2rem !important',\n },\n ':hover::before': {\n content: \"'test'\",\n },\n}) // prop ordering\n; // Setting css variables\n\n;({\n '--css-prop': 'true',\n '@media (min-width: 768px)': {\n '--css-prop': 'false',\n },\n}) // Using css variables\n\n;({\n maxWidth: 'var(--css-react)',\n '@media (min-width: 768px)': {\n maxWidth: 'var(--css-react-md)',\n },\n}) // Browser vendor prefixes\n\n;({\n WebkitGradient: 'gradient here',\n '@media (min-width: 768px)': {\n WebkitGradient: 'gradient here md',\n },\n}) // Grid template\n\n;({\n gridTemplateColumns:\n '[main-start] 1fr [content-start] 1fr [content-end] 1fr [main-end]',\n '@media (min-width: 768px)': {\n gridTemplateColumns:\n '[main-start-md] 1fr [content-start-md] 1fr [content-end-md] 1fr [main-end-md]',\n },\n}) // Short css trumps core plugins\n\n;({\n transitionProperty: 'margin',\n}) // Crazy calcs\n\n;({\n padding: 'calc((2em * -1) + var(--myVar))',\n}) // Multiline\n\n;({\n padding: 'calc((2em * -1) + var(--myVar))',\n})\n;({\n padding: 'calc((2em * -1) + var(--myVar))',\n}) // Theme value\n\n;({\n '--color': '#ef4444',\n})\n;({\n '--color': 'this #ef4444 that',\n}) // Automatic '' value\n\n;({\n touchAction: \"''\",\n})\n\n\n`;\n\nexports[`twin.macro skew.tsx: skew.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/skew\ntheme\\`skew\\`\n\ntw\\`skew-x-0\\`\ntw\\`skew-y-0\\`\ntw\\`skew-x-1\\`\ntw\\`skew-y-1\\`\ntw\\`skew-x-2\\`\ntw\\`skew-y-2\\`\ntw\\`skew-x-3\\`\ntw\\`skew-y-3\\`\ntw\\`skew-x-6\\`\ntw\\`skew-y-6\\`\ntw\\`skew-x-12\\`\ntw\\`skew-y-12\\`\n\ntw\\`-skew-x-1\\`\ntw\\`-skew-y-1\\`\ntw\\`-skew-x-2\\`\ntw\\`-skew-y-2\\`\ntw\\`-skew-x-3\\`\ntw\\`-skew-y-3\\`\ntw\\`-skew-x-6\\`\ntw\\`-skew-y-6\\`\ntw\\`-skew-x-12\\`\ntw\\`-skew-y-12\\`\n\ntw\\`skew-x-[17deg]\\`\ntw\\`-skew-x-[17deg]\\`\ntw\\`skew-y-[17deg]\\`\ntw\\`-skew-y-[17deg]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/skew\n;({\n 0: '0deg',\n 1: '1deg',\n 2: '2deg',\n 3: '3deg',\n 6: '6deg',\n 12: '12deg',\n})\n;({\n '--tw-skew-x': '0deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '0deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '1deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '1deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '2deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '2deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '3deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '3deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '6deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '6deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '12deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '12deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '-1deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '-1deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '-2deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '-2deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '-3deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '-3deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '-6deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '-6deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '-12deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '-12deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '17deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-x': '-17deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '17deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-skew-y': '-17deg',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n\n\n`;\n\nexports[`twin.macro spaceBetween.tsx: spaceBetween.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/space\ntheme\\`space\\`\n\ntw\\`space-x-0\\`\ntw\\`space-x-0.5\\`\ntw\\`space-x-1\\`\ntw\\`space-x-1.5\\`\ntw\\`space-x-2\\`\ntw\\`space-x-2.5\\`\ntw\\`space-x-3\\`\ntw\\`space-x-3.5\\`\ntw\\`space-x-4\\`\ntw\\`space-x-5\\`\ntw\\`space-x-6\\`\ntw\\`space-x-7\\`\ntw\\`space-x-8\\`\ntw\\`space-x-9\\`\ntw\\`space-x-10\\`\ntw\\`space-x-11\\`\ntw\\`space-x-12\\`\ntw\\`space-x-14\\`\ntw\\`space-x-16\\`\ntw\\`space-x-20\\`\ntw\\`space-x-24\\`\ntw\\`space-x-28\\`\ntw\\`space-x-32\\`\ntw\\`space-x-36\\`\ntw\\`space-x-40\\`\ntw\\`space-x-44\\`\ntw\\`space-x-48\\`\ntw\\`space-x-52\\`\ntw\\`space-x-56\\`\ntw\\`space-x-60\\`\ntw\\`space-x-64\\`\ntw\\`space-x-72\\`\ntw\\`space-x-80\\`\ntw\\`space-x-96\\`\ntw\\`space-x-px\\`\ntw\\`space-y-0\\`\ntw\\`space-y-0.5\\`\ntw\\`space-y-1\\`\ntw\\`space-y-1.5\\`\ntw\\`space-y-2\\`\ntw\\`space-y-2.5\\`\ntw\\`space-y-3\\`\ntw\\`space-y-3.5\\`\ntw\\`space-y-4\\`\ntw\\`space-y-5\\`\ntw\\`space-y-6\\`\ntw\\`space-y-7\\`\ntw\\`space-y-8\\`\ntw\\`space-y-9\\`\ntw\\`space-y-10\\`\ntw\\`space-y-12\\`\ntw\\`space-y-14\\`\ntw\\`space-y-16\\`\ntw\\`space-y-20\\`\ntw\\`space-y-24\\`\ntw\\`space-y-28\\`\ntw\\`space-y-32\\`\ntw\\`space-y-36\\`\ntw\\`space-y-40\\`\ntw\\`space-y-44\\`\ntw\\`space-y-48\\`\ntw\\`space-y-52\\`\ntw\\`space-y-56\\`\ntw\\`space-y-60\\`\ntw\\`space-y-64\\`\ntw\\`space-y-72\\`\ntw\\`space-y-80\\`\ntw\\`space-y-px\\`\ntw\\`-space-x-0\\`\ntw\\`-space-x-0.5\\`\ntw\\`-space-x-1\\`\ntw\\`-space-x-1.5\\`\ntw\\`-space-x-2\\`\ntw\\`-space-x-2.5\\`\ntw\\`-space-x-3\\`\ntw\\`-space-x-3.5\\`\ntw\\`-space-x-4\\`\ntw\\`-space-x-5\\`\ntw\\`-space-x-6\\`\ntw\\`-space-x-7\\`\ntw\\`-space-x-8\\`\ntw\\`-space-x-9\\`\ntw\\`-space-x-10\\`\ntw\\`-space-x-12\\`\ntw\\`-space-x-14\\`\ntw\\`-space-x-16\\`\ntw\\`-space-x-20\\`\ntw\\`-space-x-24\\`\ntw\\`-space-x-28\\`\ntw\\`-space-x-32\\`\ntw\\`-space-x-36\\`\ntw\\`-space-x-40\\`\ntw\\`-space-x-44\\`\ntw\\`-space-x-48\\`\ntw\\`-space-x-52\\`\ntw\\`-space-x-56\\`\ntw\\`-space-x-60\\`\ntw\\`-space-x-64\\`\ntw\\`-space-x-72\\`\ntw\\`-space-x-80\\`\ntw\\`-space-x-96\\`\ntw\\`-space-x-px\\`\ntw\\`-space-y-0\\`\ntw\\`-space-y-0.5\\`\ntw\\`-space-y-1\\`\ntw\\`-space-y-1.5\\`\ntw\\`-space-y-2\\`\ntw\\`-space-y-2.5\\`\ntw\\`-space-y-3\\`\ntw\\`-space-y-3.5\\`\ntw\\`-space-y-4\\`\ntw\\`-space-y-5\\`\ntw\\`-space-y-6\\`\ntw\\`-space-y-7\\`\ntw\\`-space-y-8\\`\ntw\\`-space-y-9\\`\ntw\\`-space-y-10\\`\ntw\\`-space-y-12\\`\ntw\\`-space-y-14\\`\ntw\\`-space-y-16\\`\ntw\\`-space-y-20\\`\ntw\\`-space-y-24\\`\ntw\\`-space-y-28\\`\ntw\\`-space-y-32\\`\ntw\\`-space-y-36\\`\ntw\\`-space-y-40\\`\ntw\\`-space-y-44\\`\ntw\\`-space-y-48\\`\ntw\\`-space-y-52\\`\ntw\\`-space-y-56\\`\ntw\\`-space-y-60\\`\ntw\\`-space-y-64\\`\ntw\\`-space-y-72\\`\ntw\\`-space-y-80\\`\ntw\\`-space-y-96\\`\ntw\\`-space-y-px\\`\ntw\\`space-x-reverse\\`\ntw\\`space-y-reverse\\`\ntw\\`space-x-[5px]\\`\ntw\\`space-y-[5px]\\`\ntw\\`-space-x-[5px]\\`\ntw\\`-space-y-[5px]\\`\n\ntw\\`space-x-reverse space-x-0\\`\ntw\\`space-x-0 space-x-reverse\\`\ntw\\`space-y-reverse space-y-0\\`\ntw\\`space-y-0 space-y-reverse\\`\n\ntw\\`space-x-reverse space-x-32\\`\ntw\\`space-x-32 space-x-reverse\\`\ntw\\`space-y-reverse space-y-32\\`\ntw\\`space-y-32 space-y-reverse\\`\n\ntw\\`space-x-reverse space-x-px\\`\ntw\\`space-x-px space-x-reverse\\`\ntw\\`space-y-reverse space-y-px\\`\ntw\\`space-y-px space-y-reverse\\`\n\ntw\\`space-x-reverse space-x-12\\`\ntw\\`space-x-12 space-x-reverse\\`\ntw\\`space-y-reverse space-y-12\\`\ntw\\`space-y-12 space-y-reverse\\`\n\ntw\\`space-x-[20cm]\\`\ntw\\`space-x-[calc(20%-1cm)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/space\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0.125rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0.25rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0.375rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0.375rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0.625rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0.625rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0.75rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(0.875rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0.875rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(1rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(1rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(1.25rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(1.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(1.75rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(1.75rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(2rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(2rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(2.25rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(2.25rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(2.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(2.75rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(2.75rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(3rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(3rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(3.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(3.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(4rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(4rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(6rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(6rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(7rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(7rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(8rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(8rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(9rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(9rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(10rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(10rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(11rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(11rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(12rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(12rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(13rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(13rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(14rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(14rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(15rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(15rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(16rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(16rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(18rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(18rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(20rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(20rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(24rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(24rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(1px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(1px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.125rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.125rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.25rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.25rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.375rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.375rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.625rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.625rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.75rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.75rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(0.875rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0.875rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(1rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(1rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(1.25rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(1.25rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(1.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(1.5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(1.75rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(1.75rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(2rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(2rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(2.25rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(2.25rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(2.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(2.5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(3rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(3rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(3.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(3.5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(4rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(4rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(6rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(6rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(7rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(7rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(8rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(8rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(9rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(9rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(10rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(10rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(11rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(11rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(12rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(12rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(13rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(13rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(14rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(14rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(15rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(15rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(16rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(16rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(18rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(18rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(20rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(20rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(1px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(1px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-0px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-0px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-0.125rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-0.25rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-0.375rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-0.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-0.625rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-0.75rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-0.875rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-1rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-1rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-1.25rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-1.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-1.75rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-2rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-2rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-2.25rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-2.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-3rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-3rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-3.5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-4rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-4rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-5rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-5rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-6rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-6rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-7rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-7rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-8rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-8rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-9rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-9rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-10rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-10rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-11rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-11rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-12rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-12rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-13rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-13rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-14rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-14rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-15rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-15rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-16rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-16rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-18rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-18rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-20rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-20rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-24rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-24rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-1px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-1px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-0px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-0px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-0.125rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-0.25rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-0.375rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-0.5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-0.625rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-0.75rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-0.875rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-1rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-1rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-1.25rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-1.5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-1.75rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-2rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-2rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-2.25rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-2.5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-3rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-3rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-3.5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-4rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-4rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-5rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-5rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-6rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-6rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-7rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-7rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-8rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-8rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-9rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-9rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-10rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-10rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-11rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-11rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-12rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-12rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-13rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-13rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-14rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-14rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-15rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-15rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-16rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-16rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-18rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-18rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-20rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-20rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-24rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-24rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-1px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-1px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(5px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(5px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(5px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(5px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(-5px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(-5px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '0',\n marginTop: 'calc(-5px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(-5px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n marginRight: 'calc(0px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n marginRight: 'calc(0px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(0px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n marginTop: 'calc(0px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n marginTop: 'calc(0px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(0px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n marginRight: 'calc(8rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(8rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n marginRight: 'calc(8rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(8rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n marginTop: 'calc(8rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(8rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n marginTop: 'calc(8rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(8rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n marginRight: 'calc(1px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(1px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n marginRight: 'calc(1px * var(--tw-space-x-reverse))',\n marginLeft: 'calc(1px * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n marginTop: 'calc(1px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(1px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n marginTop: 'calc(1px * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(1px * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n marginRight: 'calc(3rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(3rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '1',\n marginRight: 'calc(3rem * var(--tw-space-x-reverse))',\n marginLeft: 'calc(3rem * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n marginTop: 'calc(3rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(3rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-y-reverse': '1',\n marginTop: 'calc(3rem * calc(1 - var(--tw-space-y-reverse)))',\n marginBottom: 'calc(3rem * var(--tw-space-y-reverse))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(20cm * var(--tw-space-x-reverse))',\n marginLeft: 'calc(20cm * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n;({\n '> :not([hidden]) ~ :not([hidden])': {\n '--tw-space-x-reverse': '0',\n marginRight: 'calc(calc(20% - 1cm) * var(--tw-space-x-reverse))',\n marginLeft: 'calc(calc(20% - 1cm) * calc(1 - var(--tw-space-x-reverse)))',\n },\n})\n\n\n`;\n\nexports[`twin.macro stitchesDotSyntax.tsx: stitchesDotSyntax.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { styled } from '../macro'\n\ntw.div\\`block\\`\nstyled.div(tw\\`block\\`)\nstyled.div({ display: 'block' })\n\n// Classic syntax\nstyled('div', tw\\`block\\`)\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport { styled as _styled } from '__fixtures__/stitches/stitches.config.js'\n\n_styled('div', {\n display: 'block',\n})\n\n_styled('div', {\n display: 'block',\n})\n\n_styled('div', {\n display: 'block',\n}) // Classic syntax\n\n_styled('div', {\n display: 'block',\n})\n\n\n`;\n\nexports[`twin.macro stitchesGlobals.tsx: stitchesGlobals.tsx 1`] = `\n\n// @ts-nocheck\nimport { globalStyles } from '../macro'\nimport { global } from './stitches.config'\n\nconst globals = global(globalStyles)\n\nexport function App() {\n globals()\n // ...\n}\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\nimport { global } from './stitches.config'\nconst globals = global({\n '*, ::before, ::after': {\n boxSizing: 'border-box',\n borderWidth: '0',\n borderStyle: 'solid',\n borderColor: '#e5e7eb',\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n '::before, ::after': {\n '--tw-content': \"''\",\n },\n html: {\n lineHeight: '1.5',\n WebkitTextSizeAdjust: '100%',\n MozTabSize: '4',\n tabSize: '4',\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n fontFeatureSettings: ' normal',\n fontVariationSettings: ' normal',\n },\n body: {\n margin: '0',\n lineHeight: 'inherit',\n },\n hr: {\n height: '0',\n color: 'inherit',\n borderTopWidth: '1px',\n },\n 'abbr:where([title])': {\n textDecoration: 'underline dotted',\n },\n 'h1, h2, h3, h4, h5, h6': {\n fontSize: 'inherit',\n fontWeight: 'inherit',\n },\n a: {\n color: 'inherit',\n textDecoration: 'inherit',\n },\n 'b, strong': {\n fontWeight: 'bolder',\n },\n 'code, kbd, samp, pre': {\n fontFamily:\n 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n fontSize: '1em',\n },\n small: {\n fontSize: '80%',\n },\n 'sub, sup': {\n fontSize: '75%',\n lineHeight: '0',\n position: 'relative',\n verticalAlign: 'baseline',\n },\n sub: {\n bottom: '-0.25em',\n },\n sup: {\n top: '-0.5em',\n },\n table: {\n textIndent: '0',\n borderColor: 'inherit',\n borderCollapse: 'collapse',\n },\n 'button, input, optgroup, select, textarea': {\n fontFamily: 'inherit',\n fontSize: '100%',\n fontWeight: 'inherit',\n lineHeight: 'inherit',\n color: 'inherit',\n margin: '0',\n padding: '0',\n },\n 'button, select': {\n textTransform: 'none',\n },\n \"button, [type='button'], [type='reset'], [type='submit']\": {\n WebkitAppearance: 'button',\n backgroundColor: 'transparent',\n backgroundImage: 'none',\n },\n ':-moz-focusring': {\n outline: 'auto',\n },\n ':-moz-ui-invalid': {\n boxShadow: 'none',\n },\n progress: {\n verticalAlign: 'baseline',\n },\n '::-webkit-inner-spin-button, ::-webkit-outer-spin-button': {\n height: 'auto',\n },\n \"[type='search']\": {\n WebkitAppearance: 'textfield',\n outlineOffset: '-2px',\n },\n '::-webkit-search-decoration': {\n WebkitAppearance: 'none',\n },\n '::-webkit-file-upload-button': {\n WebkitAppearance: 'button',\n font: 'inherit',\n },\n summary: {\n display: 'list-item',\n },\n 'blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre': {\n margin: '0',\n },\n fieldset: {\n margin: '0',\n padding: '0',\n },\n legend: {\n padding: '0',\n },\n 'ol, ul, menu': {\n listStyle: 'none',\n margin: '0',\n padding: '0',\n },\n textarea: {\n resize: 'vertical',\n },\n 'input::placeholder, textarea::placeholder': {\n opacity: '1',\n color: '#9ca3af',\n },\n 'button, [role=\"button\"]': {\n cursor: 'pointer',\n },\n ':disabled': {\n cursor: 'default',\n },\n 'img, svg, video, canvas, audio, iframe, embed, object': {\n display: 'block',\n verticalAlign: 'middle',\n },\n 'img, video': {\n maxWidth: '100%',\n height: 'auto',\n },\n '[hidden]': {\n display: 'none',\n },\n '::backdrop': {\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n '@keyframes spin': {\n to: {\n transform: 'rotate(360deg)',\n },\n },\n '@keyframes ping': {\n '75%, 100%': {\n transform: 'scale(2)',\n opacity: '0',\n },\n },\n '@keyframes pulse': {\n '50%': {\n opacity: '.5',\n },\n },\n '@keyframes bounce': {\n '0%, 100%': {\n transform: 'translateY(-25%)',\n animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',\n },\n '50%': {\n transform: 'none',\n animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',\n },\n },\n})\nexport function App() {\n globals() // ...\n}\n\n\n`;\n\nexports[`twin.macro stitchesImports.tsx: stitchesImports.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { css, styled } from '../macro'\n\ncss(tw\\`block\\`)\ntw.div\\`block\\`\nstyled.div(tw\\`block\\`)\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport { css as _css } from '__fixtures__/stitches/stitches.config.js'\nimport { styled as _styled } from '__fixtures__/stitches/stitches.config.js'\n\n_css({\n display: 'block',\n})\n\n_styled('div', {\n display: 'block',\n})\n\n_styled('div', {\n display: 'block',\n})\n\n\n`;\n\nexports[`twin.macro stitchesProps.tsx: stitchesProps.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n// tw prop\n;
    \n\n// tw + css prop\n;
    \n;
    \n;
    \n;
    \n\n// Extracted styles\nconst styles = {\n container: ({ isInline }) => ({ ...tw\\`block\\`, ...(isInline && tw\\`inline\\`) }),\n}\n;
    \n\n// Dot syntax\nconst Component = { Sub: () => [] }\n;\n;\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\nimport { styled as _styled } from '__fixtures__/stitches/stitches.config.js'\n\nconst _TwComponent = _styled('div', {\n display: 'block',\n})\n\n;<_TwComponent /> // tw + css prop\n\nconst _TwComponent2 = _styled('div', {\n display: 'block',\n})\n\nconst _TwComponent3 = _styled(_TwComponent2, {})\n\n;<_TwComponent3\n css={{\n color: 'black',\n }}\n/>\n\nconst _TwComponent4 = _styled('div', {\n display: 'block',\n})\n\nconst _TwComponent5 = _styled(_TwComponent4, {})\n\n;<_TwComponent5\n css={{\n '--tw-text-opacity': '1',\n color: 'rgb(0 0 0 / var(--tw-text-opacity))',\n }}\n/>\n\nconst _TwComponent6 = _styled('div', {\n display: 'block',\n})\n\nconst _TwComponent7 = _styled(_TwComponent6, {})\n\n;<_TwComponent7\n css={{\n color: 'black',\n }}\n/>\n\nconst _TwComponent8 = _styled('div', {\n display: 'block',\n})\n\nconst _TwComponent9 = _styled(_TwComponent8, {})\n\n;<_TwComponent9\n css={{\n color: 'black',\n }}\n thisShouldBePreserved=\"yup\"\n/> // Extracted styles\n\nconst styles = {\n container: ({ isInline }) => ({\n ...{\n display: 'block',\n },\n ...(isInline && {\n display: 'inline',\n }),\n }),\n}\n\nconst _TwComponent10 = _styled('div', {})\n\n;<_TwComponent10\n css={styles.container({\n isInline: true,\n })}\n/> // Dot syntax\n\nconst Component = {\n Sub: () => [],\n}\n\nconst _TwComponent11 = _styled(Component.Sub, {})\n\n;<_TwComponent11\n css={{\n position: 'fixed',\n }}\n/>\n\nconst _TwComponent12 = _styled(Component.Sub, {\n animation: 'spin 1s linear infinite',\n})\n\n;<_TwComponent12 />\n\n\n`;\n\nexports[`twin.macro stroke.tsx: stroke.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/stroke\ntheme\\`stroke\\`\n\ntw\\`stroke-none\\`\ntw\\`stroke-inherit\\`\ntw\\`stroke-current\\`\ntw\\`stroke-transparent\\`\ntw\\`stroke-black\\`\ntw\\`stroke-white\\`\ntw\\`stroke-slate-50\\`\ntw\\`stroke-slate-100\\`\ntw\\`stroke-slate-200\\`\ntw\\`stroke-slate-300\\`\ntw\\`stroke-slate-400\\`\ntw\\`stroke-slate-500\\`\ntw\\`stroke-slate-600\\`\ntw\\`stroke-slate-700\\`\ntw\\`stroke-slate-800\\`\ntw\\`stroke-slate-900\\`\ntw\\`stroke-gray-50\\`\ntw\\`stroke-gray-100\\`\ntw\\`stroke-gray-200\\`\ntw\\`stroke-gray-300\\`\ntw\\`stroke-gray-400\\`\ntw\\`stroke-gray-500\\`\ntw\\`stroke-gray-600\\`\ntw\\`stroke-gray-700\\`\ntw\\`stroke-gray-800\\`\ntw\\`stroke-gray-900\\`\ntw\\`stroke-zinc-50\\`\ntw\\`stroke-zinc-100\\`\ntw\\`stroke-zinc-200\\`\ntw\\`stroke-zinc-300\\`\ntw\\`stroke-zinc-400\\`\ntw\\`stroke-zinc-500\\`\ntw\\`stroke-zinc-600\\`\ntw\\`stroke-zinc-700\\`\ntw\\`stroke-zinc-800\\`\ntw\\`stroke-zinc-900\\`\ntw\\`stroke-neutral-50\\`\ntw\\`stroke-neutral-100\\`\ntw\\`stroke-neutral-200\\`\ntw\\`stroke-neutral-300\\`\ntw\\`stroke-neutral-400\\`\ntw\\`stroke-neutral-500\\`\ntw\\`stroke-neutral-600\\`\ntw\\`stroke-neutral-700\\`\ntw\\`stroke-neutral-800\\`\ntw\\`stroke-neutral-900\\`\ntw\\`stroke-stone-50\\`\ntw\\`stroke-stone-100\\`\ntw\\`stroke-stone-200\\`\ntw\\`stroke-stone-300\\`\ntw\\`stroke-stone-400\\`\ntw\\`stroke-stone-500\\`\ntw\\`stroke-stone-600\\`\ntw\\`stroke-stone-700\\`\ntw\\`stroke-stone-800\\`\ntw\\`stroke-stone-900\\`\ntw\\`stroke-red-50\\`\ntw\\`stroke-red-100\\`\ntw\\`stroke-red-200\\`\ntw\\`stroke-red-300\\`\ntw\\`stroke-red-400\\`\ntw\\`stroke-red-500\\`\ntw\\`stroke-red-600\\`\ntw\\`stroke-red-700\\`\ntw\\`stroke-red-800\\`\ntw\\`stroke-red-900\\`\ntw\\`stroke-orange-50\\`\ntw\\`stroke-orange-100\\`\ntw\\`stroke-orange-200\\`\ntw\\`stroke-orange-300\\`\ntw\\`stroke-orange-400\\`\ntw\\`stroke-orange-500\\`\ntw\\`stroke-orange-600\\`\ntw\\`stroke-orange-700\\`\ntw\\`stroke-orange-800\\`\ntw\\`stroke-orange-900\\`\ntw\\`stroke-amber-50\\`\ntw\\`stroke-amber-100\\`\ntw\\`stroke-amber-200\\`\ntw\\`stroke-amber-300\\`\ntw\\`stroke-amber-400\\`\ntw\\`stroke-amber-500\\`\ntw\\`stroke-amber-600\\`\ntw\\`stroke-amber-700\\`\ntw\\`stroke-amber-800\\`\ntw\\`stroke-amber-900\\`\ntw\\`stroke-yellow-50\\`\ntw\\`stroke-yellow-100\\`\ntw\\`stroke-yellow-200\\`\ntw\\`stroke-yellow-300\\`\ntw\\`stroke-yellow-400\\`\ntw\\`stroke-yellow-500\\`\ntw\\`stroke-yellow-600\\`\ntw\\`stroke-yellow-700\\`\ntw\\`stroke-yellow-800\\`\ntw\\`stroke-yellow-900\\`\ntw\\`stroke-lime-50\\`\ntw\\`stroke-lime-100\\`\ntw\\`stroke-lime-200\\`\ntw\\`stroke-lime-300\\`\ntw\\`stroke-lime-400\\`\ntw\\`stroke-lime-500\\`\ntw\\`stroke-lime-600\\`\ntw\\`stroke-lime-700\\`\ntw\\`stroke-lime-800\\`\ntw\\`stroke-lime-900\\`\ntw\\`stroke-green-50\\`\ntw\\`stroke-green-100\\`\ntw\\`stroke-green-200\\`\ntw\\`stroke-green-300\\`\ntw\\`stroke-green-400\\`\ntw\\`stroke-green-500\\`\ntw\\`stroke-green-600\\`\ntw\\`stroke-green-700\\`\ntw\\`stroke-green-800\\`\ntw\\`stroke-green-900\\`\ntw\\`stroke-emerald-50\\`\ntw\\`stroke-emerald-100\\`\ntw\\`stroke-emerald-200\\`\ntw\\`stroke-emerald-300\\`\ntw\\`stroke-emerald-400\\`\ntw\\`stroke-emerald-500\\`\ntw\\`stroke-emerald-600\\`\ntw\\`stroke-emerald-700\\`\ntw\\`stroke-emerald-800\\`\ntw\\`stroke-emerald-900\\`\ntw\\`stroke-teal-50\\`\ntw\\`stroke-teal-100\\`\ntw\\`stroke-teal-200\\`\ntw\\`stroke-teal-300\\`\ntw\\`stroke-teal-400\\`\ntw\\`stroke-teal-500\\`\ntw\\`stroke-teal-600\\`\ntw\\`stroke-teal-700\\`\ntw\\`stroke-teal-800\\`\ntw\\`stroke-teal-900\\`\ntw\\`stroke-cyan-50\\`\ntw\\`stroke-cyan-100\\`\ntw\\`stroke-cyan-200\\`\ntw\\`stroke-cyan-300\\`\ntw\\`stroke-cyan-400\\`\ntw\\`stroke-cyan-500\\`\ntw\\`stroke-cyan-600\\`\ntw\\`stroke-cyan-700\\`\ntw\\`stroke-cyan-800\\`\ntw\\`stroke-cyan-900\\`\ntw\\`stroke-sky-50\\`\ntw\\`stroke-sky-100\\`\ntw\\`stroke-sky-200\\`\ntw\\`stroke-sky-300\\`\ntw\\`stroke-sky-400\\`\ntw\\`stroke-sky-500\\`\ntw\\`stroke-sky-600\\`\ntw\\`stroke-sky-700\\`\ntw\\`stroke-sky-800\\`\ntw\\`stroke-sky-900\\`\ntw\\`stroke-blue-50\\`\ntw\\`stroke-blue-100\\`\ntw\\`stroke-blue-200\\`\ntw\\`stroke-blue-300\\`\ntw\\`stroke-blue-400\\`\ntw\\`stroke-blue-500\\`\ntw\\`stroke-blue-600\\`\ntw\\`stroke-blue-700\\`\ntw\\`stroke-blue-800\\`\ntw\\`stroke-blue-900\\`\ntw\\`stroke-indigo-50\\`\ntw\\`stroke-indigo-100\\`\ntw\\`stroke-indigo-200\\`\ntw\\`stroke-indigo-300\\`\ntw\\`stroke-indigo-400\\`\ntw\\`stroke-indigo-500\\`\ntw\\`stroke-indigo-600\\`\ntw\\`stroke-indigo-700\\`\ntw\\`stroke-indigo-800\\`\ntw\\`stroke-indigo-900\\`\ntw\\`stroke-violet-50\\`\ntw\\`stroke-violet-100\\`\ntw\\`stroke-violet-200\\`\ntw\\`stroke-violet-300\\`\ntw\\`stroke-violet-400\\`\ntw\\`stroke-violet-500\\`\ntw\\`stroke-violet-600\\`\ntw\\`stroke-violet-700\\`\ntw\\`stroke-violet-800\\`\ntw\\`stroke-violet-900\\`\ntw\\`stroke-purple-50\\`\ntw\\`stroke-purple-100\\`\ntw\\`stroke-purple-200\\`\ntw\\`stroke-purple-300\\`\ntw\\`stroke-purple-400\\`\ntw\\`stroke-purple-500\\`\ntw\\`stroke-purple-600\\`\ntw\\`stroke-purple-700\\`\ntw\\`stroke-purple-800\\`\ntw\\`stroke-purple-900\\`\ntw\\`stroke-fuchsia-50\\`\ntw\\`stroke-fuchsia-100\\`\ntw\\`stroke-fuchsia-200\\`\ntw\\`stroke-fuchsia-300\\`\ntw\\`stroke-fuchsia-400\\`\ntw\\`stroke-fuchsia-500\\`\ntw\\`stroke-fuchsia-600\\`\ntw\\`stroke-fuchsia-700\\`\ntw\\`stroke-fuchsia-800\\`\ntw\\`stroke-fuchsia-900\\`\ntw\\`stroke-pink-50\\`\ntw\\`stroke-pink-100\\`\ntw\\`stroke-pink-200\\`\ntw\\`stroke-pink-300\\`\ntw\\`stroke-pink-400\\`\ntw\\`stroke-pink-500\\`\ntw\\`stroke-pink-600\\`\ntw\\`stroke-pink-700\\`\ntw\\`stroke-pink-800\\`\ntw\\`stroke-pink-900\\`\ntw\\`stroke-rose-50\\`\ntw\\`stroke-rose-100\\`\ntw\\`stroke-rose-200\\`\ntw\\`stroke-rose-300\\`\ntw\\`stroke-rose-400\\`\ntw\\`stroke-rose-500\\`\ntw\\`stroke-rose-600\\`\ntw\\`stroke-rose-700\\`\ntw\\`stroke-rose-800\\`\ntw\\`stroke-rose-900\\`\n\ntw\\`stroke-[#243c5a]\\`\n\ntw\\`stroke-red-500\\`\ntw\\`stroke-red-500/25\\`\ntw\\`stroke-red-500/fromConfig\\`\ntw\\`stroke-red-500/fromConfig/25\\`\ntw\\`stroke-red-500/fromConfig/[.555]\\`\ntw\\`stroke-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`stroke-red-500/[.555]\\`\ntw\\`stroke-red-500/[var(--myvar)]\\`\ntw\\`stroke-[theme('colors.red.500')]\\`\ntw\\`stroke-[theme('colors.red.500')]/20\\`\n\ntw\\`stroke-electric\\`\ntw\\`stroke-electric/25\\`\ntw\\`stroke-electric/[.555]\\`\ntw\\`stroke-electric/[var(--myvar)]\\`\ntw\\`stroke-[theme('colors.electric')]\\`\ntw\\`stroke-[theme('colors.electric')]/20\\`\n\ntw\\`stroke-[color:green]\\`\ntw\\`stroke-[color:rgba(255, 255, 255, .45)]\\`\ntw\\`stroke-[length:10px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/stroke\n;({\n none: 'none',\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n stroke: 'none',\n})\n;({\n stroke: 'inherit',\n})\n;({\n stroke: 'currentColor',\n})\n;({\n stroke: 'transparent',\n})\n;({\n stroke: '#000',\n})\n;({\n stroke: '#fff',\n})\n;({\n stroke: '#f8fafc',\n})\n;({\n stroke: '#f1f5f9',\n})\n;({\n stroke: '#e2e8f0',\n})\n;({\n stroke: '#cbd5e1',\n})\n;({\n stroke: '#94a3b8',\n})\n;({\n stroke: '#64748b',\n})\n;({\n stroke: '#475569',\n})\n;({\n stroke: '#334155',\n})\n;({\n stroke: '#1e293b',\n})\n;({\n stroke: '#0f172a',\n})\n;({\n stroke: '#f9fafb',\n})\n;({\n stroke: '#f3f4f6',\n})\n;({\n stroke: '#e5e7eb',\n})\n;({\n stroke: '#d1d5db',\n})\n;({\n stroke: '#9ca3af',\n})\n;({\n stroke: '#6b7280',\n})\n;({\n stroke: '#4b5563',\n})\n;({\n stroke: '#374151',\n})\n;({\n stroke: '#1f2937',\n})\n;({\n stroke: '#111827',\n})\n;({\n stroke: '#fafafa',\n})\n;({\n stroke: '#f4f4f5',\n})\n;({\n stroke: '#e4e4e7',\n})\n;({\n stroke: '#d4d4d8',\n})\n;({\n stroke: '#a1a1aa',\n})\n;({\n stroke: '#71717a',\n})\n;({\n stroke: '#52525b',\n})\n;({\n stroke: '#3f3f46',\n})\n;({\n stroke: '#27272a',\n})\n;({\n stroke: '#18181b',\n})\n;({\n stroke: '#fafafa',\n})\n;({\n stroke: '#f5f5f5',\n})\n;({\n stroke: '#e5e5e5',\n})\n;({\n stroke: '#d4d4d4',\n})\n;({\n stroke: '#a3a3a3',\n})\n;({\n stroke: '#737373',\n})\n;({\n stroke: '#525252',\n})\n;({\n stroke: '#404040',\n})\n;({\n stroke: '#262626',\n})\n;({\n stroke: '#171717',\n})\n;({\n stroke: '#fafaf9',\n})\n;({\n stroke: '#f5f5f4',\n})\n;({\n stroke: '#e7e5e4',\n})\n;({\n stroke: '#d6d3d1',\n})\n;({\n stroke: '#a8a29e',\n})\n;({\n stroke: '#78716c',\n})\n;({\n stroke: '#57534e',\n})\n;({\n stroke: '#44403c',\n})\n;({\n stroke: '#292524',\n})\n;({\n stroke: '#1c1917',\n})\n;({\n stroke: '#fef2f2',\n})\n;({\n stroke: '#fee2e2',\n})\n;({\n stroke: '#fecaca',\n})\n;({\n stroke: '#fca5a5',\n})\n;({\n stroke: '#f87171',\n})\n;({\n stroke: '#ef4444',\n})\n;({\n stroke: '#dc2626',\n})\n;({\n stroke: '#b91c1c',\n})\n;({\n stroke: '#991b1b',\n})\n;({\n stroke: '#7f1d1d',\n})\n;({\n stroke: '#fff7ed',\n})\n;({\n stroke: '#ffedd5',\n})\n;({\n stroke: '#fed7aa',\n})\n;({\n stroke: '#fdba74',\n})\n;({\n stroke: '#fb923c',\n})\n;({\n stroke: '#f97316',\n})\n;({\n stroke: '#ea580c',\n})\n;({\n stroke: '#c2410c',\n})\n;({\n stroke: '#9a3412',\n})\n;({\n stroke: '#7c2d12',\n})\n;({\n stroke: '#fffbeb',\n})\n;({\n stroke: '#fef3c7',\n})\n;({\n stroke: '#fde68a',\n})\n;({\n stroke: '#fcd34d',\n})\n;({\n stroke: '#fbbf24',\n})\n;({\n stroke: '#f59e0b',\n})\n;({\n stroke: '#d97706',\n})\n;({\n stroke: '#b45309',\n})\n;({\n stroke: '#92400e',\n})\n;({\n stroke: '#78350f',\n})\n;({\n stroke: '#fefce8',\n})\n;({\n stroke: '#fef9c3',\n})\n;({\n stroke: '#fef08a',\n})\n;({\n stroke: '#fde047',\n})\n;({\n stroke: '#facc15',\n})\n;({\n stroke: '#eab308',\n})\n;({\n stroke: '#ca8a04',\n})\n;({\n stroke: '#a16207',\n})\n;({\n stroke: '#854d0e',\n})\n;({\n stroke: '#713f12',\n})\n;({\n stroke: '#f7fee7',\n})\n;({\n stroke: '#ecfccb',\n})\n;({\n stroke: '#d9f99d',\n})\n;({\n stroke: '#bef264',\n})\n;({\n stroke: '#a3e635',\n})\n;({\n stroke: '#84cc16',\n})\n;({\n stroke: '#65a30d',\n})\n;({\n stroke: '#4d7c0f',\n})\n;({\n stroke: '#3f6212',\n})\n;({\n stroke: '#365314',\n})\n;({\n stroke: '#f0fdf4',\n})\n;({\n stroke: '#dcfce7',\n})\n;({\n stroke: '#bbf7d0',\n})\n;({\n stroke: '#86efac',\n})\n;({\n stroke: '#4ade80',\n})\n;({\n stroke: '#22c55e',\n})\n;({\n stroke: '#16a34a',\n})\n;({\n stroke: '#15803d',\n})\n;({\n stroke: '#166534',\n})\n;({\n stroke: '#14532d',\n})\n;({\n stroke: '#ecfdf5',\n})\n;({\n stroke: '#d1fae5',\n})\n;({\n stroke: '#a7f3d0',\n})\n;({\n stroke: '#6ee7b7',\n})\n;({\n stroke: '#34d399',\n})\n;({\n stroke: '#10b981',\n})\n;({\n stroke: '#059669',\n})\n;({\n stroke: '#047857',\n})\n;({\n stroke: '#065f46',\n})\n;({\n stroke: '#064e3b',\n})\n;({\n stroke: '#f0fdfa',\n})\n;({\n stroke: '#ccfbf1',\n})\n;({\n stroke: '#99f6e4',\n})\n;({\n stroke: '#5eead4',\n})\n;({\n stroke: '#2dd4bf',\n})\n;({\n stroke: '#14b8a6',\n})\n;({\n stroke: '#0d9488',\n})\n;({\n stroke: '#0f766e',\n})\n;({\n stroke: '#115e59',\n})\n;({\n stroke: '#134e4a',\n})\n;({\n stroke: '#ecfeff',\n})\n;({\n stroke: '#cffafe',\n})\n;({\n stroke: '#a5f3fc',\n})\n;({\n stroke: '#67e8f9',\n})\n;({\n stroke: '#22d3ee',\n})\n;({\n stroke: '#06b6d4',\n})\n;({\n stroke: '#0891b2',\n})\n;({\n stroke: '#0e7490',\n})\n;({\n stroke: '#155e75',\n})\n;({\n stroke: '#164e63',\n})\n;({\n stroke: '#f0f9ff',\n})\n;({\n stroke: '#e0f2fe',\n})\n;({\n stroke: '#bae6fd',\n})\n;({\n stroke: '#7dd3fc',\n})\n;({\n stroke: '#38bdf8',\n})\n;({\n stroke: '#0ea5e9',\n})\n;({\n stroke: '#0284c7',\n})\n;({\n stroke: '#0369a1',\n})\n;({\n stroke: '#075985',\n})\n;({\n stroke: '#0c4a6e',\n})\n;({\n stroke: '#eff6ff',\n})\n;({\n stroke: '#dbeafe',\n})\n;({\n stroke: '#bfdbfe',\n})\n;({\n stroke: '#93c5fd',\n})\n;({\n stroke: '#60a5fa',\n})\n;({\n stroke: '#3b82f6',\n})\n;({\n stroke: '#2563eb',\n})\n;({\n stroke: '#1d4ed8',\n})\n;({\n stroke: '#1e40af',\n})\n;({\n stroke: '#1e3a8a',\n})\n;({\n stroke: '#eef2ff',\n})\n;({\n stroke: '#e0e7ff',\n})\n;({\n stroke: '#c7d2fe',\n})\n;({\n stroke: '#a5b4fc',\n})\n;({\n stroke: '#818cf8',\n})\n;({\n stroke: '#6366f1',\n})\n;({\n stroke: '#4f46e5',\n})\n;({\n stroke: '#4338ca',\n})\n;({\n stroke: '#3730a3',\n})\n;({\n stroke: '#312e81',\n})\n;({\n stroke: '#f5f3ff',\n})\n;({\n stroke: '#ede9fe',\n})\n;({\n stroke: '#ddd6fe',\n})\n;({\n stroke: '#c4b5fd',\n})\n;({\n stroke: '#a78bfa',\n})\n;({\n stroke: '#8b5cf6',\n})\n;({\n stroke: '#7c3aed',\n})\n;({\n stroke: '#6d28d9',\n})\n;({\n stroke: '#5b21b6',\n})\n;({\n stroke: '#4c1d95',\n})\n;({\n stroke: '#faf5ff',\n})\n;({\n stroke: '#f3e8ff',\n})\n;({\n stroke: '#e9d5ff',\n})\n;({\n stroke: '#d8b4fe',\n})\n;({\n stroke: '#c084fc',\n})\n;({\n stroke: '#a855f7',\n})\n;({\n stroke: '#9333ea',\n})\n;({\n stroke: '#7e22ce',\n})\n;({\n stroke: '#6b21a8',\n})\n;({\n stroke: '#581c87',\n})\n;({\n stroke: '#fdf4ff',\n})\n;({\n stroke: '#fae8ff',\n})\n;({\n stroke: '#f5d0fe',\n})\n;({\n stroke: '#f0abfc',\n})\n;({\n stroke: '#e879f9',\n})\n;({\n stroke: '#d946ef',\n})\n;({\n stroke: '#c026d3',\n})\n;({\n stroke: '#a21caf',\n})\n;({\n stroke: '#86198f',\n})\n;({\n stroke: '#701a75',\n})\n;({\n stroke: '#fdf2f8',\n})\n;({\n stroke: '#fce7f3',\n})\n;({\n stroke: '#fbcfe8',\n})\n;({\n stroke: '#f9a8d4',\n})\n;({\n stroke: '#f472b6',\n})\n;({\n stroke: '#ec4899',\n})\n;({\n stroke: '#db2777',\n})\n;({\n stroke: '#be185d',\n})\n;({\n stroke: '#9d174d',\n})\n;({\n stroke: '#831843',\n})\n;({\n stroke: '#fff1f2',\n})\n;({\n stroke: '#ffe4e6',\n})\n;({\n stroke: '#fecdd3',\n})\n;({\n stroke: '#fda4af',\n})\n;({\n stroke: '#fb7185',\n})\n;({\n stroke: '#f43f5e',\n})\n;({\n stroke: '#e11d48',\n})\n;({\n stroke: '#be123c',\n})\n;({\n stroke: '#9f1239',\n})\n;({\n stroke: '#881337',\n})\n;({\n stroke: '#243c5a',\n})\n;({\n stroke: '#ef4444',\n})\n;({\n stroke: 'rgb(239 68 68 / 0.25)',\n})\n;({\n stroke: '#000',\n})\n;({\n stroke: 'rgb(0 0 0 / 0.25)',\n})\n;({\n stroke: 'rgb(0 0 0 / .555)',\n})\n;({\n stroke: 'rgb(0 0 0 / var(--myvar))',\n})\n;({\n stroke: 'rgb(239 68 68 / .555)',\n})\n;({\n stroke: 'rgb(239 68 68 / var(--myvar))',\n})\n;({\n stroke: '#ef4444',\n})\n;({\n stroke: 'rgb(239 68 68 / 0.2)',\n})\n;({\n stroke: 'rgb(219, 0, 255)',\n})\n;({\n stroke: 'rgba(219, 0, 255, 0.25)',\n})\n;({\n stroke: 'rgba(219, 0, 255, .555)',\n})\n;({\n stroke: 'rgba(219, 0, 255, var(--myvar))',\n})\n;({\n stroke: 'rgb(219, 0, 255)',\n})\n;({\n stroke: 'rgb(219 0 255 / 0.2)',\n})\n;({\n stroke: 'green',\n})\n;({\n stroke: 'rgba(255, 255, 255, .45)',\n})\n;({\n strokeWidth: '10px',\n})\n\n\n`;\n\nexports[`twin.macro strokeWidth.tsx: strokeWidth.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/stroke-width\ntheme\\`strokeWidth\\`\n\ntw\\`stroke-0\\`\ntw\\`stroke-1\\`\ntw\\`stroke-2\\`\n\ntw\\`stroke-[2px]\\`\n\ntw\\`stroke-[color:red]\\`\ntw\\`stroke-[length:2px]\\`\ntw\\`stroke-[number:10]\\`\ntw\\`stroke-[percentage:10%]\\`\ntw\\`stroke-[url:url(hand.cur)_2_2, pointer]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/stroke-width\n;({\n 0: '0',\n 1: '1',\n 2: '2',\n})\n;({\n strokeWidth: '0',\n})\n;({\n strokeWidth: '1',\n})\n;({\n strokeWidth: '2',\n})\n;({\n strokeWidth: '2px',\n})\n;({\n stroke: 'red',\n})\n;({\n strokeWidth: '2px',\n})\n;({\n strokeWidth: '10',\n})\n;({\n strokeWidth: '10%',\n})\n;({\n stroke: 'url(hand.cur) 2 2, pointer',\n})\n\n\n`;\n\nexports[`twin.macro tableLayout.tsx: tableLayout.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/table-layout\ntw\\`table-auto\\`\ntw\\`table-fixed\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/table-layout\n;({\n tableLayout: 'auto',\n})\n;({\n tableLayout: 'fixed',\n})\n\n\n`;\n\nexports[`twin.macro textAlign.tsx: textAlign.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-align\ntw\\`text-left\\`\ntw\\`text-center\\`\ntw\\`text-right\\`\ntw\\`text-justify\\`\ntw\\`text-start\\`\ntw\\`text-end\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-align\n;({\n textAlign: 'left',\n})\n;({\n textAlign: 'center',\n})\n;({\n textAlign: 'right',\n})\n;({\n textAlign: 'justify',\n})\n;({\n textAlign: 'start',\n})\n;({\n textAlign: 'end',\n})\n\n\n`;\n\nexports[`twin.macro textColor.tsx: textColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-color\ntheme\\`textColor\\`\n\ntw\\`text-inherit\\`\ntw\\`text-current\\`\ntw\\`text-transparent\\`\ntw\\`text-black\\`\ntw\\`text-white\\`\ntw\\`text-slate-50\\`\ntw\\`text-slate-100\\`\ntw\\`text-slate-200\\`\ntw\\`text-slate-300\\`\ntw\\`text-slate-400\\`\ntw\\`text-slate-500\\`\ntw\\`text-slate-600\\`\ntw\\`text-slate-700\\`\ntw\\`text-slate-800\\`\ntw\\`text-slate-900\\`\ntw\\`text-gray-50\\`\ntw\\`text-gray-100\\`\ntw\\`text-gray-200\\`\ntw\\`text-gray-300\\`\ntw\\`text-gray-400\\`\ntw\\`text-gray-500\\`\ntw\\`text-gray-600\\`\ntw\\`text-gray-700\\`\ntw\\`text-gray-800\\`\ntw\\`text-gray-900\\`\ntw\\`text-zinc-50\\`\ntw\\`text-zinc-100\\`\ntw\\`text-zinc-200\\`\ntw\\`text-zinc-300\\`\ntw\\`text-zinc-400\\`\ntw\\`text-zinc-500\\`\ntw\\`text-zinc-600\\`\ntw\\`text-zinc-700\\`\ntw\\`text-zinc-800\\`\ntw\\`text-zinc-900\\`\ntw\\`text-neutral-50\\`\ntw\\`text-neutral-100\\`\ntw\\`text-neutral-200\\`\ntw\\`text-neutral-300\\`\ntw\\`text-neutral-400\\`\ntw\\`text-neutral-500\\`\ntw\\`text-neutral-600\\`\ntw\\`text-neutral-700\\`\ntw\\`text-neutral-800\\`\ntw\\`text-neutral-900\\`\ntw\\`text-stone-50\\`\ntw\\`text-stone-100\\`\ntw\\`text-stone-200\\`\ntw\\`text-stone-300\\`\ntw\\`text-stone-400\\`\ntw\\`text-stone-500\\`\ntw\\`text-stone-600\\`\ntw\\`text-stone-700\\`\ntw\\`text-stone-800\\`\ntw\\`text-stone-900\\`\ntw\\`text-red-50\\`\ntw\\`text-red-100\\`\ntw\\`text-red-200\\`\ntw\\`text-red-300\\`\ntw\\`text-red-400\\`\ntw\\`text-red-500\\`\ntw\\`text-red-600\\`\ntw\\`text-red-700\\`\ntw\\`text-red-800\\`\ntw\\`text-red-900\\`\ntw\\`text-orange-50\\`\ntw\\`text-orange-100\\`\ntw\\`text-orange-200\\`\ntw\\`text-orange-300\\`\ntw\\`text-orange-400\\`\ntw\\`text-orange-500\\`\ntw\\`text-orange-600\\`\ntw\\`text-orange-700\\`\ntw\\`text-orange-800\\`\ntw\\`text-orange-900\\`\ntw\\`text-amber-50\\`\ntw\\`text-amber-100\\`\ntw\\`text-amber-200\\`\ntw\\`text-amber-300\\`\ntw\\`text-amber-400\\`\ntw\\`text-amber-500\\`\ntw\\`text-amber-600\\`\ntw\\`text-amber-700\\`\ntw\\`text-amber-800\\`\ntw\\`text-amber-900\\`\ntw\\`text-yellow-50\\`\ntw\\`text-yellow-100\\`\ntw\\`text-yellow-200\\`\ntw\\`text-yellow-300\\`\ntw\\`text-yellow-400\\`\ntw\\`text-yellow-500\\`\ntw\\`text-yellow-600\\`\ntw\\`text-yellow-700\\`\ntw\\`text-yellow-800\\`\ntw\\`text-yellow-900\\`\ntw\\`text-lime-50\\`\ntw\\`text-lime-100\\`\ntw\\`text-lime-200\\`\ntw\\`text-lime-300\\`\ntw\\`text-lime-400\\`\ntw\\`text-lime-500\\`\ntw\\`text-lime-600\\`\ntw\\`text-lime-700\\`\ntw\\`text-lime-800\\`\ntw\\`text-lime-900\\`\ntw\\`text-green-50\\`\ntw\\`text-green-100\\`\ntw\\`text-green-200\\`\ntw\\`text-green-300\\`\ntw\\`text-green-400\\`\ntw\\`text-green-500\\`\ntw\\`text-green-600\\`\ntw\\`text-green-700\\`\ntw\\`text-green-800\\`\ntw\\`text-green-900\\`\ntw\\`text-emerald-50\\`\ntw\\`text-emerald-100\\`\ntw\\`text-emerald-200\\`\ntw\\`text-emerald-300\\`\ntw\\`text-emerald-400\\`\ntw\\`text-emerald-500\\`\ntw\\`text-emerald-600\\`\ntw\\`text-emerald-700\\`\ntw\\`text-emerald-800\\`\ntw\\`text-emerald-900\\`\ntw\\`text-teal-50\\`\ntw\\`text-teal-100\\`\ntw\\`text-teal-200\\`\ntw\\`text-teal-300\\`\ntw\\`text-teal-400\\`\ntw\\`text-teal-500\\`\ntw\\`text-teal-600\\`\ntw\\`text-teal-700\\`\ntw\\`text-teal-800\\`\ntw\\`text-teal-900\\`\ntw\\`text-cyan-50\\`\ntw\\`text-cyan-100\\`\ntw\\`text-cyan-200\\`\ntw\\`text-cyan-300\\`\ntw\\`text-cyan-400\\`\ntw\\`text-cyan-500\\`\ntw\\`text-cyan-600\\`\ntw\\`text-cyan-700\\`\ntw\\`text-cyan-800\\`\ntw\\`text-cyan-900\\`\ntw\\`text-sky-50\\`\ntw\\`text-sky-100\\`\ntw\\`text-sky-200\\`\ntw\\`text-sky-300\\`\ntw\\`text-sky-400\\`\ntw\\`text-sky-500\\`\ntw\\`text-sky-600\\`\ntw\\`text-sky-700\\`\ntw\\`text-sky-800\\`\ntw\\`text-sky-900\\`\ntw\\`text-blue-50\\`\ntw\\`text-blue-100\\`\ntw\\`text-blue-200\\`\ntw\\`text-blue-300\\`\ntw\\`text-blue-400\\`\ntw\\`text-blue-500\\`\ntw\\`text-blue-600\\`\ntw\\`text-blue-700\\`\ntw\\`text-blue-800\\`\ntw\\`text-blue-900\\`\ntw\\`text-indigo-50\\`\ntw\\`text-indigo-100\\`\ntw\\`text-indigo-200\\`\ntw\\`text-indigo-300\\`\ntw\\`text-indigo-400\\`\ntw\\`text-indigo-500\\`\ntw\\`text-indigo-600\\`\ntw\\`text-indigo-700\\`\ntw\\`text-indigo-800\\`\ntw\\`text-indigo-900\\`\ntw\\`text-violet-50\\`\ntw\\`text-violet-100\\`\ntw\\`text-violet-200\\`\ntw\\`text-violet-300\\`\ntw\\`text-violet-400\\`\ntw\\`text-violet-500\\`\ntw\\`text-violet-600\\`\ntw\\`text-violet-700\\`\ntw\\`text-violet-800\\`\ntw\\`text-violet-900\\`\ntw\\`text-purple-50\\`\ntw\\`text-purple-100\\`\ntw\\`text-purple-200\\`\ntw\\`text-purple-300\\`\ntw\\`text-purple-400\\`\ntw\\`text-purple-500\\`\ntw\\`text-purple-600\\`\ntw\\`text-purple-700\\`\ntw\\`text-purple-800\\`\ntw\\`text-purple-900\\`\ntw\\`text-fuchsia-50\\`\ntw\\`text-fuchsia-100\\`\ntw\\`text-fuchsia-200\\`\ntw\\`text-fuchsia-300\\`\ntw\\`text-fuchsia-400\\`\ntw\\`text-fuchsia-500\\`\ntw\\`text-fuchsia-600\\`\ntw\\`text-fuchsia-700\\`\ntw\\`text-fuchsia-800\\`\ntw\\`text-fuchsia-900\\`\ntw\\`text-pink-50\\`\ntw\\`text-pink-100\\`\ntw\\`text-pink-200\\`\ntw\\`text-pink-300\\`\ntw\\`text-pink-400\\`\ntw\\`text-pink-500\\`\ntw\\`text-pink-600\\`\ntw\\`text-pink-700\\`\ntw\\`text-pink-800\\`\ntw\\`text-pink-900\\`\ntw\\`text-rose-50\\`\ntw\\`text-rose-100\\`\ntw\\`text-rose-200\\`\ntw\\`text-rose-300\\`\ntw\\`text-rose-400\\`\ntw\\`text-rose-500\\`\ntw\\`text-rose-600\\`\ntw\\`text-rose-700\\`\ntw\\`text-rose-800\\`\ntw\\`text-rose-900\\`\n\ntw\\`text-blue-600/50\\`\ntw\\`text-blue-600/[.5]\\`\ntw\\`text-[#50d71e]\\`\ntw\\`text-[color:var(--color)]\\`\n\ntw\\`text-red-500\\`\ntw\\`text-red-500/25\\`\ntw\\`text-red-500/fromConfig\\`\ntw\\`text-red-500/fromConfig/25\\`\ntw\\`text-red-500/fromConfig/[.555]\\`\ntw\\`text-red-500/fromConfig/[var(--myvar)]\\`\ntw\\`text-red-500/[.555]\\`\ntw\\`text-red-500/[var(--myvar)]\\`\ntw\\`text-[theme('colors.red.500')]\\`\ntw\\`text-[theme('colors.red.500')]/20\\`\n\ntw\\`text-electric\\`\ntw\\`text-electric/25\\`\ntw\\`text-electric/[.555]\\`\ntw\\`text-electric/[var(--myvar)]\\`\ntw\\`text-[theme('colors.electric')]\\`\ntw\\`text-[theme('colors.electric')]/20\\`\n\ntw\\`text-[color:green]\\`\ntw\\`text-[color:rgba(255, 255, 255, .45)]\\`\ntw\\`text-[absolute-size:medium]\\`\ntw\\`text-[relative-size:larger]\\`\ntw\\`text-[length:10px]\\`\ntw\\`text-[percentage:10%]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n color: 'inherit',\n})\n;({\n color: 'currentColor',\n})\n;({\n color: 'transparent',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(0 0 0 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(255 255 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(248 250 252 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(241 245 249 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(226 232 240 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(203 213 225 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(148 163 184 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(100 116 139 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(71 85 105 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(51 65 85 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(30 41 59 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(15 23 42 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(249 250 251 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(243 244 246 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(229 231 235 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(209 213 219 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(156 163 175 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(107 114 128 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(75 85 99 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(55 65 81 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(31 41 55 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(17 24 39 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(250 250 250 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(244 244 245 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(228 228 231 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(212 212 216 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(161 161 170 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(113 113 122 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(82 82 91 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(63 63 70 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(39 39 42 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(24 24 27 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(250 250 250 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(245 245 245 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(229 229 229 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(212 212 212 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(163 163 163 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(115 115 115 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(82 82 82 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(64 64 64 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(38 38 38 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(23 23 23 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(250 250 249 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(245 245 244 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(231 229 228 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(214 211 209 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(168 162 158 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(120 113 108 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(87 83 78 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(68 64 60 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(41 37 36 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(28 25 23 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 242 242 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 226 226 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 202 202 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(252 165 165 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(248 113 113 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(220 38 38 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(185 28 28 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(153 27 27 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(127 29 29 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(255 247 237 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(255 237 213 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 215 170 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(253 186 116 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(251 146 60 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(249 115 22 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(234 88 12 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(194 65 12 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(154 52 18 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(124 45 18 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(255 251 235 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 243 199 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(253 230 138 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(252 211 77 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(251 191 36 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(245 158 11 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(217 119 6 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(180 83 9 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(146 64 14 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(120 53 15 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 252 232 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 249 195 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 240 138 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(253 224 71 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(250 204 21 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(234 179 8 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(202 138 4 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(161 98 7 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(133 77 14 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(113 63 18 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(247 254 231 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(236 252 203 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(217 249 157 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(190 242 100 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(163 230 53 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(132 204 22 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(101 163 13 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(77 124 15 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(63 98 18 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(54 83 20 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(240 253 244 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(220 252 231 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(187 247 208 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(134 239 172 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(74 222 128 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(34 197 94 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(22 163 74 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(21 128 61 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(22 101 52 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(20 83 45 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(236 253 245 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(209 250 229 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(167 243 208 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(110 231 183 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(52 211 153 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(16 185 129 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(5 150 105 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(4 120 87 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(6 95 70 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(6 78 59 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(240 253 250 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(204 251 241 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(153 246 228 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(94 234 212 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(45 212 191 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(20 184 166 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(13 148 136 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(15 118 110 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(17 94 89 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(19 78 74 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(236 254 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(207 250 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(165 243 252 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(103 232 249 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(34 211 238 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(6 182 212 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(8 145 178 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(14 116 144 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(21 94 117 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(22 78 99 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(240 249 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(224 242 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(186 230 253 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(125 211 252 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(56 189 248 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(14 165 233 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(2 132 199 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(3 105 161 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(7 89 133 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(12 74 110 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(239 246 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(219 234 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(191 219 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(147 197 253 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(96 165 250 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(59 130 246 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(37 99 235 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(29 78 216 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(30 64 175 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(30 58 138 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(238 242 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(224 231 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(199 210 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(165 180 252 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(129 140 248 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(99 102 241 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(79 70 229 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(67 56 202 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(55 48 163 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(49 46 129 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(245 243 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(237 233 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(221 214 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(196 181 253 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(167 139 250 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(139 92 246 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(124 58 237 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(109 40 217 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(91 33 182 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(76 29 149 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(250 245 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(243 232 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(233 213 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(216 180 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(192 132 252 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(168 85 247 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(147 51 234 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(126 34 206 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(107 33 168 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(88 28 135 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(253 244 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(250 232 255 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(245 208 254 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(240 171 252 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(232 121 249 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(217 70 239 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(192 38 211 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(162 28 175 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(134 25 143 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(112 26 117 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(253 242 248 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(252 231 243 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(251 207 232 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(249 168 212 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(244 114 182 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(236 72 153 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(219 39 119 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(190 24 93 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(157 23 77 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(131 24 67 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(255 241 242 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(255 228 230 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(254 205 211 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(253 164 175 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(251 113 133 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(244 63 94 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(225 29 72 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(190 18 60 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(159 18 57 / var(--tw-text-opacity))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(136 19 55 / var(--tw-text-opacity))',\n})\n;({\n color: 'rgb(37 99 235 / 0.5)',\n})\n;({\n color: 'rgb(37 99 235 / .5)',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(80 215 30 / var(--tw-text-opacity))',\n})\n;({\n color: 'var(--color)',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-text-opacity))',\n})\n;({\n color: 'rgb(239 68 68 / 0.25)',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(0 0 0 / var(--tw-text-opacity))',\n})\n;({\n color: 'rgb(0 0 0 / 0.25)',\n})\n;({\n color: 'rgb(0 0 0 / .555)',\n})\n;({\n color: 'rgb(0 0 0 / var(--myvar))',\n})\n;({\n color: 'rgb(239 68 68 / .555)',\n})\n;({\n color: 'rgb(239 68 68 / var(--myvar))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(239 68 68 / var(--tw-text-opacity))',\n})\n;({\n color: 'rgb(239 68 68 / 0.2)',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgba(219, 0, 255, var(--tw-text-opacity))',\n})\n;({\n color: 'rgba(219, 0, 255, 0.25)',\n})\n;({\n color: 'rgba(219, 0, 255, .555)',\n})\n;({\n color: 'rgba(219, 0, 255, var(--myvar))',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(219 0 255 / var(--tw-text-opacity))',\n})\n;({\n color: 'rgb(219 0 255 / 0.2)',\n})\n;({\n '--tw-text-opacity': '1',\n color: 'rgb(0 128 0 / var(--tw-text-opacity))',\n})\n;({\n color: 'rgba(255, 255, 255, .45)',\n})\n;({\n fontSize: 'medium',\n})\n;({\n fontSize: 'larger',\n})\n;({\n fontSize: '10px',\n})\n;({\n fontSize: '10%',\n})\n\n\n`;\n\nexports[`twin.macro textDecoration.tsx: textDecoration.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-decoration\ntw\\`underline\\`\ntw\\`overline\\`\ntw\\`line-through\\`\ntw\\`no-underline\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-decoration\n;({\n textDecorationLine: 'underline',\n})\n;({\n textDecorationLine: 'overline',\n})\n;({\n textDecorationLine: 'line-through',\n})\n;({\n textDecorationLine: 'none',\n})\n\n\n`;\n\nexports[`twin.macro textDecorationColor.tsx: textDecorationColor.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-decoration-color\ntheme\\`textDecorationColor\\`\n\ntw\\`decoration-inherit\\`\ntw\\`decoration-current\\`\ntw\\`decoration-transparent\\`\ntw\\`decoration-black\\`\ntw\\`decoration-white\\`\ntw\\`decoration-slate-50\\`\ntw\\`decoration-slate-100\\`\ntw\\`decoration-slate-200\\`\ntw\\`decoration-slate-300\\`\ntw\\`decoration-slate-400\\`\ntw\\`decoration-slate-500\\`\ntw\\`decoration-slate-600\\`\ntw\\`decoration-slate-700\\`\ntw\\`decoration-slate-800\\`\ntw\\`decoration-slate-900\\`\ntw\\`decoration-gray-50\\`\ntw\\`decoration-gray-100\\`\ntw\\`decoration-gray-200\\`\ntw\\`decoration-gray-300\\`\ntw\\`decoration-gray-400\\`\ntw\\`decoration-gray-500\\`\ntw\\`decoration-gray-600\\`\ntw\\`decoration-gray-700\\`\ntw\\`decoration-gray-800\\`\ntw\\`decoration-gray-900\\`\ntw\\`decoration-zinc-50\\`\ntw\\`decoration-zinc-100\\`\ntw\\`decoration-zinc-200\\`\ntw\\`decoration-zinc-300\\`\ntw\\`decoration-zinc-400\\`\ntw\\`decoration-zinc-500\\`\ntw\\`decoration-zinc-600\\`\ntw\\`decoration-zinc-700\\`\ntw\\`decoration-zinc-800\\`\ntw\\`decoration-zinc-900\\`\ntw\\`decoration-neutral-50\\`\ntw\\`decoration-neutral-100\\`\ntw\\`decoration-neutral-200\\`\ntw\\`decoration-neutral-300\\`\ntw\\`decoration-neutral-400\\`\ntw\\`decoration-neutral-500\\`\ntw\\`decoration-neutral-600\\`\ntw\\`decoration-neutral-700\\`\ntw\\`decoration-neutral-800\\`\ntw\\`decoration-neutral-900\\`\ntw\\`decoration-stone-50\\`\ntw\\`decoration-stone-100\\`\ntw\\`decoration-stone-200\\`\ntw\\`decoration-stone-300\\`\ntw\\`decoration-stone-400\\`\ntw\\`decoration-stone-500\\`\ntw\\`decoration-stone-600\\`\ntw\\`decoration-stone-700\\`\ntw\\`decoration-stone-800\\`\ntw\\`decoration-stone-900\\`\ntw\\`decoration-red-50\\`\ntw\\`decoration-red-100\\`\ntw\\`decoration-red-200\\`\ntw\\`decoration-red-300\\`\ntw\\`decoration-red-400\\`\ntw\\`decoration-red-500\\`\ntw\\`decoration-red-600\\`\ntw\\`decoration-red-700\\`\ntw\\`decoration-red-800\\`\ntw\\`decoration-red-900\\`\ntw\\`decoration-orange-50\\`\ntw\\`decoration-orange-100\\`\ntw\\`decoration-orange-200\\`\ntw\\`decoration-orange-300\\`\ntw\\`decoration-orange-400\\`\ntw\\`decoration-orange-500\\`\ntw\\`decoration-orange-600\\`\ntw\\`decoration-orange-700\\`\ntw\\`decoration-orange-800\\`\ntw\\`decoration-orange-900\\`\ntw\\`decoration-amber-50\\`\ntw\\`decoration-amber-100\\`\ntw\\`decoration-amber-200\\`\ntw\\`decoration-amber-300\\`\ntw\\`decoration-amber-400\\`\ntw\\`decoration-amber-500\\`\ntw\\`decoration-amber-600\\`\ntw\\`decoration-amber-700\\`\ntw\\`decoration-amber-800\\`\ntw\\`decoration-amber-900\\`\ntw\\`decoration-yellow-50\\`\ntw\\`decoration-yellow-100\\`\ntw\\`decoration-yellow-200\\`\ntw\\`decoration-yellow-300\\`\ntw\\`decoration-yellow-400\\`\ntw\\`decoration-yellow-500\\`\ntw\\`decoration-yellow-600\\`\ntw\\`decoration-yellow-700\\`\ntw\\`decoration-yellow-800\\`\ntw\\`decoration-yellow-900\\`\ntw\\`decoration-lime-50\\`\ntw\\`decoration-lime-100\\`\ntw\\`decoration-lime-200\\`\ntw\\`decoration-lime-300\\`\ntw\\`decoration-lime-400\\`\ntw\\`decoration-lime-500\\`\ntw\\`decoration-lime-600\\`\ntw\\`decoration-lime-700\\`\ntw\\`decoration-lime-800\\`\ntw\\`decoration-lime-900\\`\ntw\\`decoration-green-50\\`\ntw\\`decoration-green-100\\`\ntw\\`decoration-green-200\\`\ntw\\`decoration-green-300\\`\ntw\\`decoration-green-400\\`\ntw\\`decoration-green-500\\`\ntw\\`decoration-green-600\\`\ntw\\`decoration-green-700\\`\ntw\\`decoration-green-800\\`\ntw\\`decoration-green-900\\`\ntw\\`decoration-emerald-50\\`\ntw\\`decoration-emerald-100\\`\ntw\\`decoration-emerald-200\\`\ntw\\`decoration-emerald-300\\`\ntw\\`decoration-emerald-400\\`\ntw\\`decoration-emerald-500\\`\ntw\\`decoration-emerald-600\\`\ntw\\`decoration-emerald-700\\`\ntw\\`decoration-emerald-800\\`\ntw\\`decoration-emerald-900\\`\ntw\\`decoration-teal-50\\`\ntw\\`decoration-teal-100\\`\ntw\\`decoration-teal-200\\`\ntw\\`decoration-teal-300\\`\ntw\\`decoration-teal-400\\`\ntw\\`decoration-teal-500\\`\ntw\\`decoration-teal-600\\`\ntw\\`decoration-teal-700\\`\ntw\\`decoration-teal-800\\`\ntw\\`decoration-teal-900\\`\ntw\\`decoration-cyan-50\\`\ntw\\`decoration-cyan-100\\`\ntw\\`decoration-cyan-200\\`\ntw\\`decoration-cyan-300\\`\ntw\\`decoration-cyan-400\\`\ntw\\`decoration-cyan-500\\`\ntw\\`decoration-cyan-600\\`\ntw\\`decoration-cyan-700\\`\ntw\\`decoration-cyan-800\\`\ntw\\`decoration-cyan-900\\`\ntw\\`decoration-sky-50\\`\ntw\\`decoration-sky-100\\`\ntw\\`decoration-sky-200\\`\ntw\\`decoration-sky-300\\`\ntw\\`decoration-sky-400\\`\ntw\\`decoration-sky-500\\`\ntw\\`decoration-sky-600\\`\ntw\\`decoration-sky-700\\`\ntw\\`decoration-sky-800\\`\ntw\\`decoration-sky-900\\`\ntw\\`decoration-blue-50\\`\ntw\\`decoration-blue-100\\`\ntw\\`decoration-blue-200\\`\ntw\\`decoration-blue-300\\`\ntw\\`decoration-blue-400\\`\ntw\\`decoration-blue-500\\`\ntw\\`decoration-blue-600\\`\ntw\\`decoration-blue-700\\`\ntw\\`decoration-blue-800\\`\ntw\\`decoration-blue-900\\`\ntw\\`decoration-indigo-50\\`\ntw\\`decoration-indigo-100\\`\ntw\\`decoration-indigo-200\\`\ntw\\`decoration-indigo-300\\`\ntw\\`decoration-indigo-400\\`\ntw\\`decoration-indigo-500\\`\ntw\\`decoration-indigo-600\\`\ntw\\`decoration-indigo-700\\`\ntw\\`decoration-indigo-800\\`\ntw\\`decoration-indigo-900\\`\ntw\\`decoration-violet-50\\`\ntw\\`decoration-violet-100\\`\ntw\\`decoration-violet-200\\`\ntw\\`decoration-violet-300\\`\ntw\\`decoration-violet-400\\`\ntw\\`decoration-violet-500\\`\ntw\\`decoration-violet-600\\`\ntw\\`decoration-violet-700\\`\ntw\\`decoration-violet-800\\`\ntw\\`decoration-violet-900\\`\ntw\\`decoration-purple-50\\`\ntw\\`decoration-purple-100\\`\ntw\\`decoration-purple-200\\`\ntw\\`decoration-purple-300\\`\ntw\\`decoration-purple-400\\`\ntw\\`decoration-purple-500\\`\ntw\\`decoration-purple-600\\`\ntw\\`decoration-purple-700\\`\ntw\\`decoration-purple-800\\`\ntw\\`decoration-purple-900\\`\ntw\\`decoration-fuchsia-50\\`\ntw\\`decoration-fuchsia-100\\`\ntw\\`decoration-fuchsia-200\\`\ntw\\`decoration-fuchsia-300\\`\ntw\\`decoration-fuchsia-400\\`\ntw\\`decoration-fuchsia-500\\`\ntw\\`decoration-fuchsia-600\\`\ntw\\`decoration-fuchsia-700\\`\ntw\\`decoration-fuchsia-800\\`\ntw\\`decoration-fuchsia-900\\`\ntw\\`decoration-pink-50\\`\ntw\\`decoration-pink-100\\`\ntw\\`decoration-pink-200\\`\ntw\\`decoration-pink-300\\`\ntw\\`decoration-pink-400\\`\ntw\\`decoration-pink-500\\`\ntw\\`decoration-pink-600\\`\ntw\\`decoration-pink-700\\`\ntw\\`decoration-pink-800\\`\ntw\\`decoration-pink-900\\`\ntw\\`decoration-rose-50\\`\ntw\\`decoration-rose-100\\`\ntw\\`decoration-rose-200\\`\ntw\\`decoration-rose-300\\`\ntw\\`decoration-rose-400\\`\ntw\\`decoration-rose-500\\`\ntw\\`decoration-rose-600\\`\ntw\\`decoration-rose-700\\`\ntw\\`decoration-rose-800\\`\ntw\\`decoration-rose-900\\`\n\ntw\\`decoration-red-600\\`\ntw\\`decoration-[#50d71e]\\`\ntw\\`decoration-[black]\\`\ntw\\`decoration-[rgb(123,123,123)]\\`\ntw\\`decoration-[rgb(123,_123,_123)]\\`\ntw\\`decoration-[rgb(123_123_123)]\\`\ntw\\`decoration-[black]/20\\` // \\`decoration-[rgb(123_123_123)]/20\\` unsupported\ntw\\`decoration-[black]/[20]\\` // \\`decoration-[rgb(123_123_123)]/[20]\\` unsupported\ntw\\`decoration-[color:#50d71e]\\`\ntw\\`decoration-[color:var(--color)]\\` // \\`decoration-[var(--color)]\\` unsupported\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-decoration-color\n;({\n inherit: 'inherit',\n current: 'currentColor',\n transparent: 'transparent',\n black: '#000',\n white: '#fff',\n slate: {\n 50: '#f8fafc',\n 100: '#f1f5f9',\n 200: '#e2e8f0',\n 300: '#cbd5e1',\n 400: '#94a3b8',\n 500: '#64748b',\n 600: '#475569',\n 700: '#334155',\n 800: '#1e293b',\n 900: '#0f172a',\n 950: '#020617',\n },\n gray: {\n 50: '#f9fafb',\n 100: '#f3f4f6',\n 200: '#e5e7eb',\n 300: '#d1d5db',\n 400: '#9ca3af',\n 500: '#6b7280',\n 600: '#4b5563',\n 700: '#374151',\n 800: '#1f2937',\n 900: '#111827',\n 950: '#030712',\n },\n zinc: {\n 50: '#fafafa',\n 100: '#f4f4f5',\n 200: '#e4e4e7',\n 300: '#d4d4d8',\n 400: '#a1a1aa',\n 500: '#71717a',\n 600: '#52525b',\n 700: '#3f3f46',\n 800: '#27272a',\n 900: '#18181b',\n 950: '#09090b',\n },\n neutral: {\n 50: '#fafafa',\n 100: '#f5f5f5',\n 200: '#e5e5e5',\n 300: '#d4d4d4',\n 400: '#a3a3a3',\n 500: '#737373',\n 600: '#525252',\n 700: '#404040',\n 800: '#262626',\n 900: '#171717',\n 950: '#0a0a0a',\n },\n stone: {\n 50: '#fafaf9',\n 100: '#f5f5f4',\n 200: '#e7e5e4',\n 300: '#d6d3d1',\n 400: '#a8a29e',\n 500: '#78716c',\n 600: '#57534e',\n 700: '#44403c',\n 800: '#292524',\n 900: '#1c1917',\n 950: '#0c0a09',\n },\n red: {\n 50: '#fef2f2',\n 100: '#fee2e2',\n 200: '#fecaca',\n 300: '#fca5a5',\n 400: '#f87171',\n 500: '#ef4444',\n 600: '#dc2626',\n 700: '#b91c1c',\n 800: '#991b1b',\n 900: '#7f1d1d',\n 950: '#450a0a',\n },\n orange: {\n 50: '#fff7ed',\n 100: '#ffedd5',\n 200: '#fed7aa',\n 300: '#fdba74',\n 400: '#fb923c',\n 500: '#f97316',\n 600: '#ea580c',\n 700: '#c2410c',\n 800: '#9a3412',\n 900: '#7c2d12',\n 950: '#431407',\n },\n amber: {\n 50: '#fffbeb',\n 100: '#fef3c7',\n 200: '#fde68a',\n 300: '#fcd34d',\n 400: '#fbbf24',\n 500: '#f59e0b',\n 600: '#d97706',\n 700: '#b45309',\n 800: '#92400e',\n 900: '#78350f',\n 950: '#451a03',\n },\n yellow: {\n 50: '#fefce8',\n 100: '#fef9c3',\n 200: '#fef08a',\n 300: '#fde047',\n 400: '#facc15',\n 500: '#eab308',\n 600: '#ca8a04',\n 700: '#a16207',\n 800: '#854d0e',\n 900: '#713f12',\n 950: '#422006',\n },\n lime: {\n 50: '#f7fee7',\n 100: '#ecfccb',\n 200: '#d9f99d',\n 300: '#bef264',\n 400: '#a3e635',\n 500: '#84cc16',\n 600: '#65a30d',\n 700: '#4d7c0f',\n 800: '#3f6212',\n 900: '#365314',\n 950: '#1a2e05',\n },\n green: {\n 50: '#f0fdf4',\n 100: '#dcfce7',\n 200: '#bbf7d0',\n 300: '#86efac',\n 400: '#4ade80',\n 500: '#22c55e',\n 600: '#16a34a',\n 700: '#15803d',\n 800: '#166534',\n 900: '#14532d',\n 950: '#052e16',\n },\n emerald: {\n 50: '#ecfdf5',\n 100: '#d1fae5',\n 200: '#a7f3d0',\n 300: '#6ee7b7',\n 400: '#34d399',\n 500: '#10b981',\n 600: '#059669',\n 700: '#047857',\n 800: '#065f46',\n 900: '#064e3b',\n 950: '#022c22',\n },\n teal: {\n 50: '#f0fdfa',\n 100: '#ccfbf1',\n 200: '#99f6e4',\n 300: '#5eead4',\n 400: '#2dd4bf',\n 500: '#14b8a6',\n 600: '#0d9488',\n 700: '#0f766e',\n 800: '#115e59',\n 900: '#134e4a',\n 950: '#042f2e',\n },\n cyan: {\n 50: '#ecfeff',\n 100: '#cffafe',\n 200: '#a5f3fc',\n 300: '#67e8f9',\n 400: '#22d3ee',\n 500: '#06b6d4',\n 600: '#0891b2',\n 700: '#0e7490',\n 800: '#155e75',\n 900: '#164e63',\n 950: '#083344',\n },\n sky: {\n 50: '#f0f9ff',\n 100: '#e0f2fe',\n 200: '#bae6fd',\n 300: '#7dd3fc',\n 400: '#38bdf8',\n 500: '#0ea5e9',\n 600: '#0284c7',\n 700: '#0369a1',\n 800: '#075985',\n 900: '#0c4a6e',\n 950: '#082f49',\n },\n blue: {\n 50: '#eff6ff',\n 100: '#dbeafe',\n 200: '#bfdbfe',\n 300: '#93c5fd',\n 400: '#60a5fa',\n 500: '#3b82f6',\n 600: '#2563eb',\n 700: '#1d4ed8',\n 800: '#1e40af',\n 900: '#1e3a8a',\n 950: '#172554',\n },\n indigo: {\n 50: '#eef2ff',\n 100: '#e0e7ff',\n 200: '#c7d2fe',\n 300: '#a5b4fc',\n 400: '#818cf8',\n 500: '#6366f1',\n 600: '#4f46e5',\n 700: '#4338ca',\n 800: '#3730a3',\n 900: '#312e81',\n 950: '#1e1b4b',\n },\n violet: {\n 50: '#f5f3ff',\n 100: '#ede9fe',\n 200: '#ddd6fe',\n 300: '#c4b5fd',\n 400: '#a78bfa',\n 500: '#8b5cf6',\n 600: '#7c3aed',\n 700: '#6d28d9',\n 800: '#5b21b6',\n 900: '#4c1d95',\n 950: '#2e1065',\n },\n purple: {\n 50: '#faf5ff',\n 100: '#f3e8ff',\n 200: '#e9d5ff',\n 300: '#d8b4fe',\n 400: '#c084fc',\n 500: '#a855f7',\n 600: '#9333ea',\n 700: '#7e22ce',\n 800: '#6b21a8',\n 900: '#581c87',\n 950: '#3b0764',\n },\n fuchsia: {\n 50: '#fdf4ff',\n 100: '#fae8ff',\n 200: '#f5d0fe',\n 300: '#f0abfc',\n 400: '#e879f9',\n 500: '#d946ef',\n 600: '#c026d3',\n 700: '#a21caf',\n 800: '#86198f',\n 900: '#701a75',\n 950: '#4a044e',\n },\n pink: {\n 50: '#fdf2f8',\n 100: '#fce7f3',\n 200: '#fbcfe8',\n 300: '#f9a8d4',\n 400: '#f472b6',\n 500: '#ec4899',\n 600: '#db2777',\n 700: '#be185d',\n 800: '#9d174d',\n 900: '#831843',\n 950: '#500724',\n },\n rose: {\n 50: '#fff1f2',\n 100: '#ffe4e6',\n 200: '#fecdd3',\n 300: '#fda4af',\n 400: '#fb7185',\n 500: '#f43f5e',\n 600: '#e11d48',\n 700: '#be123c',\n 800: '#9f1239',\n 900: '#881337',\n 950: '#4c0519',\n },\n 'red-500/fromConfig': '#000',\n electric: void 0,\n})\n;({\n textDecorationColor: 'inherit',\n})\n;({\n textDecorationColor: 'currentColor',\n})\n;({\n textDecorationColor: 'transparent',\n})\n;({\n textDecorationColor: '#000',\n})\n;({\n textDecorationColor: '#fff',\n})\n;({\n textDecorationColor: '#f8fafc',\n})\n;({\n textDecorationColor: '#f1f5f9',\n})\n;({\n textDecorationColor: '#e2e8f0',\n})\n;({\n textDecorationColor: '#cbd5e1',\n})\n;({\n textDecorationColor: '#94a3b8',\n})\n;({\n textDecorationColor: '#64748b',\n})\n;({\n textDecorationColor: '#475569',\n})\n;({\n textDecorationColor: '#334155',\n})\n;({\n textDecorationColor: '#1e293b',\n})\n;({\n textDecorationColor: '#0f172a',\n})\n;({\n textDecorationColor: '#f9fafb',\n})\n;({\n textDecorationColor: '#f3f4f6',\n})\n;({\n textDecorationColor: '#e5e7eb',\n})\n;({\n textDecorationColor: '#d1d5db',\n})\n;({\n textDecorationColor: '#9ca3af',\n})\n;({\n textDecorationColor: '#6b7280',\n})\n;({\n textDecorationColor: '#4b5563',\n})\n;({\n textDecorationColor: '#374151',\n})\n;({\n textDecorationColor: '#1f2937',\n})\n;({\n textDecorationColor: '#111827',\n})\n;({\n textDecorationColor: '#fafafa',\n})\n;({\n textDecorationColor: '#f4f4f5',\n})\n;({\n textDecorationColor: '#e4e4e7',\n})\n;({\n textDecorationColor: '#d4d4d8',\n})\n;({\n textDecorationColor: '#a1a1aa',\n})\n;({\n textDecorationColor: '#71717a',\n})\n;({\n textDecorationColor: '#52525b',\n})\n;({\n textDecorationColor: '#3f3f46',\n})\n;({\n textDecorationColor: '#27272a',\n})\n;({\n textDecorationColor: '#18181b',\n})\n;({\n textDecorationColor: '#fafafa',\n})\n;({\n textDecorationColor: '#f5f5f5',\n})\n;({\n textDecorationColor: '#e5e5e5',\n})\n;({\n textDecorationColor: '#d4d4d4',\n})\n;({\n textDecorationColor: '#a3a3a3',\n})\n;({\n textDecorationColor: '#737373',\n})\n;({\n textDecorationColor: '#525252',\n})\n;({\n textDecorationColor: '#404040',\n})\n;({\n textDecorationColor: '#262626',\n})\n;({\n textDecorationColor: '#171717',\n})\n;({\n textDecorationColor: '#fafaf9',\n})\n;({\n textDecorationColor: '#f5f5f4',\n})\n;({\n textDecorationColor: '#e7e5e4',\n})\n;({\n textDecorationColor: '#d6d3d1',\n})\n;({\n textDecorationColor: '#a8a29e',\n})\n;({\n textDecorationColor: '#78716c',\n})\n;({\n textDecorationColor: '#57534e',\n})\n;({\n textDecorationColor: '#44403c',\n})\n;({\n textDecorationColor: '#292524',\n})\n;({\n textDecorationColor: '#1c1917',\n})\n;({\n textDecorationColor: '#fef2f2',\n})\n;({\n textDecorationColor: '#fee2e2',\n})\n;({\n textDecorationColor: '#fecaca',\n})\n;({\n textDecorationColor: '#fca5a5',\n})\n;({\n textDecorationColor: '#f87171',\n})\n;({\n textDecorationColor: '#ef4444',\n})\n;({\n textDecorationColor: '#dc2626',\n})\n;({\n textDecorationColor: '#b91c1c',\n})\n;({\n textDecorationColor: '#991b1b',\n})\n;({\n textDecorationColor: '#7f1d1d',\n})\n;({\n textDecorationColor: '#fff7ed',\n})\n;({\n textDecorationColor: '#ffedd5',\n})\n;({\n textDecorationColor: '#fed7aa',\n})\n;({\n textDecorationColor: '#fdba74',\n})\n;({\n textDecorationColor: '#fb923c',\n})\n;({\n textDecorationColor: '#f97316',\n})\n;({\n textDecorationColor: '#ea580c',\n})\n;({\n textDecorationColor: '#c2410c',\n})\n;({\n textDecorationColor: '#9a3412',\n})\n;({\n textDecorationColor: '#7c2d12',\n})\n;({\n textDecorationColor: '#fffbeb',\n})\n;({\n textDecorationColor: '#fef3c7',\n})\n;({\n textDecorationColor: '#fde68a',\n})\n;({\n textDecorationColor: '#fcd34d',\n})\n;({\n textDecorationColor: '#fbbf24',\n})\n;({\n textDecorationColor: '#f59e0b',\n})\n;({\n textDecorationColor: '#d97706',\n})\n;({\n textDecorationColor: '#b45309',\n})\n;({\n textDecorationColor: '#92400e',\n})\n;({\n textDecorationColor: '#78350f',\n})\n;({\n textDecorationColor: '#fefce8',\n})\n;({\n textDecorationColor: '#fef9c3',\n})\n;({\n textDecorationColor: '#fef08a',\n})\n;({\n textDecorationColor: '#fde047',\n})\n;({\n textDecorationColor: '#facc15',\n})\n;({\n textDecorationColor: '#eab308',\n})\n;({\n textDecorationColor: '#ca8a04',\n})\n;({\n textDecorationColor: '#a16207',\n})\n;({\n textDecorationColor: '#854d0e',\n})\n;({\n textDecorationColor: '#713f12',\n})\n;({\n textDecorationColor: '#f7fee7',\n})\n;({\n textDecorationColor: '#ecfccb',\n})\n;({\n textDecorationColor: '#d9f99d',\n})\n;({\n textDecorationColor: '#bef264',\n})\n;({\n textDecorationColor: '#a3e635',\n})\n;({\n textDecorationColor: '#84cc16',\n})\n;({\n textDecorationColor: '#65a30d',\n})\n;({\n textDecorationColor: '#4d7c0f',\n})\n;({\n textDecorationColor: '#3f6212',\n})\n;({\n textDecorationColor: '#365314',\n})\n;({\n textDecorationColor: '#f0fdf4',\n})\n;({\n textDecorationColor: '#dcfce7',\n})\n;({\n textDecorationColor: '#bbf7d0',\n})\n;({\n textDecorationColor: '#86efac',\n})\n;({\n textDecorationColor: '#4ade80',\n})\n;({\n textDecorationColor: '#22c55e',\n})\n;({\n textDecorationColor: '#16a34a',\n})\n;({\n textDecorationColor: '#15803d',\n})\n;({\n textDecorationColor: '#166534',\n})\n;({\n textDecorationColor: '#14532d',\n})\n;({\n textDecorationColor: '#ecfdf5',\n})\n;({\n textDecorationColor: '#d1fae5',\n})\n;({\n textDecorationColor: '#a7f3d0',\n})\n;({\n textDecorationColor: '#6ee7b7',\n})\n;({\n textDecorationColor: '#34d399',\n})\n;({\n textDecorationColor: '#10b981',\n})\n;({\n textDecorationColor: '#059669',\n})\n;({\n textDecorationColor: '#047857',\n})\n;({\n textDecorationColor: '#065f46',\n})\n;({\n textDecorationColor: '#064e3b',\n})\n;({\n textDecorationColor: '#f0fdfa',\n})\n;({\n textDecorationColor: '#ccfbf1',\n})\n;({\n textDecorationColor: '#99f6e4',\n})\n;({\n textDecorationColor: '#5eead4',\n})\n;({\n textDecorationColor: '#2dd4bf',\n})\n;({\n textDecorationColor: '#14b8a6',\n})\n;({\n textDecorationColor: '#0d9488',\n})\n;({\n textDecorationColor: '#0f766e',\n})\n;({\n textDecorationColor: '#115e59',\n})\n;({\n textDecorationColor: '#134e4a',\n})\n;({\n textDecorationColor: '#ecfeff',\n})\n;({\n textDecorationColor: '#cffafe',\n})\n;({\n textDecorationColor: '#a5f3fc',\n})\n;({\n textDecorationColor: '#67e8f9',\n})\n;({\n textDecorationColor: '#22d3ee',\n})\n;({\n textDecorationColor: '#06b6d4',\n})\n;({\n textDecorationColor: '#0891b2',\n})\n;({\n textDecorationColor: '#0e7490',\n})\n;({\n textDecorationColor: '#155e75',\n})\n;({\n textDecorationColor: '#164e63',\n})\n;({\n textDecorationColor: '#f0f9ff',\n})\n;({\n textDecorationColor: '#e0f2fe',\n})\n;({\n textDecorationColor: '#bae6fd',\n})\n;({\n textDecorationColor: '#7dd3fc',\n})\n;({\n textDecorationColor: '#38bdf8',\n})\n;({\n textDecorationColor: '#0ea5e9',\n})\n;({\n textDecorationColor: '#0284c7',\n})\n;({\n textDecorationColor: '#0369a1',\n})\n;({\n textDecorationColor: '#075985',\n})\n;({\n textDecorationColor: '#0c4a6e',\n})\n;({\n textDecorationColor: '#eff6ff',\n})\n;({\n textDecorationColor: '#dbeafe',\n})\n;({\n textDecorationColor: '#bfdbfe',\n})\n;({\n textDecorationColor: '#93c5fd',\n})\n;({\n textDecorationColor: '#60a5fa',\n})\n;({\n textDecorationColor: '#3b82f6',\n})\n;({\n textDecorationColor: '#2563eb',\n})\n;({\n textDecorationColor: '#1d4ed8',\n})\n;({\n textDecorationColor: '#1e40af',\n})\n;({\n textDecorationColor: '#1e3a8a',\n})\n;({\n textDecorationColor: '#eef2ff',\n})\n;({\n textDecorationColor: '#e0e7ff',\n})\n;({\n textDecorationColor: '#c7d2fe',\n})\n;({\n textDecorationColor: '#a5b4fc',\n})\n;({\n textDecorationColor: '#818cf8',\n})\n;({\n textDecorationColor: '#6366f1',\n})\n;({\n textDecorationColor: '#4f46e5',\n})\n;({\n textDecorationColor: '#4338ca',\n})\n;({\n textDecorationColor: '#3730a3',\n})\n;({\n textDecorationColor: '#312e81',\n})\n;({\n textDecorationColor: '#f5f3ff',\n})\n;({\n textDecorationColor: '#ede9fe',\n})\n;({\n textDecorationColor: '#ddd6fe',\n})\n;({\n textDecorationColor: '#c4b5fd',\n})\n;({\n textDecorationColor: '#a78bfa',\n})\n;({\n textDecorationColor: '#8b5cf6',\n})\n;({\n textDecorationColor: '#7c3aed',\n})\n;({\n textDecorationColor: '#6d28d9',\n})\n;({\n textDecorationColor: '#5b21b6',\n})\n;({\n textDecorationColor: '#4c1d95',\n})\n;({\n textDecorationColor: '#faf5ff',\n})\n;({\n textDecorationColor: '#f3e8ff',\n})\n;({\n textDecorationColor: '#e9d5ff',\n})\n;({\n textDecorationColor: '#d8b4fe',\n})\n;({\n textDecorationColor: '#c084fc',\n})\n;({\n textDecorationColor: '#a855f7',\n})\n;({\n textDecorationColor: '#9333ea',\n})\n;({\n textDecorationColor: '#7e22ce',\n})\n;({\n textDecorationColor: '#6b21a8',\n})\n;({\n textDecorationColor: '#581c87',\n})\n;({\n textDecorationColor: '#fdf4ff',\n})\n;({\n textDecorationColor: '#fae8ff',\n})\n;({\n textDecorationColor: '#f5d0fe',\n})\n;({\n textDecorationColor: '#f0abfc',\n})\n;({\n textDecorationColor: '#e879f9',\n})\n;({\n textDecorationColor: '#d946ef',\n})\n;({\n textDecorationColor: '#c026d3',\n})\n;({\n textDecorationColor: '#a21caf',\n})\n;({\n textDecorationColor: '#86198f',\n})\n;({\n textDecorationColor: '#701a75',\n})\n;({\n textDecorationColor: '#fdf2f8',\n})\n;({\n textDecorationColor: '#fce7f3',\n})\n;({\n textDecorationColor: '#fbcfe8',\n})\n;({\n textDecorationColor: '#f9a8d4',\n})\n;({\n textDecorationColor: '#f472b6',\n})\n;({\n textDecorationColor: '#ec4899',\n})\n;({\n textDecorationColor: '#db2777',\n})\n;({\n textDecorationColor: '#be185d',\n})\n;({\n textDecorationColor: '#9d174d',\n})\n;({\n textDecorationColor: '#831843',\n})\n;({\n textDecorationColor: '#fff1f2',\n})\n;({\n textDecorationColor: '#ffe4e6',\n})\n;({\n textDecorationColor: '#fecdd3',\n})\n;({\n textDecorationColor: '#fda4af',\n})\n;({\n textDecorationColor: '#fb7185',\n})\n;({\n textDecorationColor: '#f43f5e',\n})\n;({\n textDecorationColor: '#e11d48',\n})\n;({\n textDecorationColor: '#be123c',\n})\n;({\n textDecorationColor: '#9f1239',\n})\n;({\n textDecorationColor: '#881337',\n})\n;({\n textDecorationColor: '#dc2626',\n})\n;({\n textDecorationColor: '#50d71e',\n})\n;({\n textDecorationColor: 'black',\n})\n;({\n textDecorationColor: 'rgb(123,123,123)',\n})\n;({\n textDecorationColor: 'rgb(123, 123, 123)',\n})\n;({\n textDecorationColor: 'rgb(123 123 123)',\n})\n;({\n textDecorationColor: 'rgb(0 0 0 1 / 0.2)',\n}) // \\`decoration-[rgb(123_123_123)]/20\\` unsupported\n\n;({\n textDecorationColor: 'rgb(0 0 0 1 / 20)',\n}) // \\`decoration-[rgb(123_123_123)]/[20]\\` unsupported\n\n;({\n textDecorationColor: '#50d71e',\n})\n;({\n textDecorationColor: 'var(--color)',\n}) // \\`decoration-[var(--color)]\\` unsupported\n\n\n`;\n\nexports[`twin.macro textDecorationStyle.tsx: textDecorationStyle.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-decoration-style\ntw\\`decoration-solid\\`\ntw\\`decoration-double\\`\ntw\\`decoration-dotted\\`\ntw\\`decoration-dashed\\`\ntw\\`decoration-wavy\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-decoration-style\n;({\n textDecorationStyle: 'solid',\n})\n;({\n textDecorationStyle: 'double',\n})\n;({\n textDecorationStyle: 'dotted',\n})\n;({\n textDecorationStyle: 'dashed',\n})\n;({\n textDecorationStyle: 'wavy',\n})\n\n\n`;\n\nexports[`twin.macro textDecorationThickness.tsx: textDecorationThickness.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-decoration-thickness\ntheme\\`textDecorationThickness\\`\n\ntw\\`decoration-auto\\`\ntw\\`decoration-from-font\\`\ntw\\`decoration-0\\`\ntw\\`decoration-1\\`\ntw\\`decoration-2\\`\ntw\\`decoration-4\\`\ntw\\`decoration-8\\`\n\ntw\\`decoration-[length:10px]\\`\ntw\\`decoration-[percentage:10%]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-decoration-thickness\n;({\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n auto: 'auto',\n 'from-font': 'from-font',\n})\n;({\n textDecorationThickness: 'auto',\n})\n;({\n textDecorationThickness: 'from-font',\n})\n;({\n textDecorationThickness: '0px',\n})\n;({\n textDecorationThickness: '1px',\n})\n;({\n textDecorationThickness: '2px',\n})\n;({\n textDecorationThickness: '4px',\n})\n;({\n textDecorationThickness: '8px',\n})\n;({\n textDecorationThickness: '10px',\n})\n;({\n textDecorationThickness: '10%',\n})\n\n\n`;\n\nexports[`twin.macro textIndent.tsx: textIndent.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-indent\ntheme\\`textIndent\\`\n\ntw\\`indent-0\\`\ntw\\`indent-px\\`\ntw\\`indent-0.5\\`\ntw\\`indent-1\\`\ntw\\`indent-1.5\\`\ntw\\`indent-2\\`\ntw\\`indent-2.5\\`\ntw\\`indent-3\\`\ntw\\`indent-3.5\\`\ntw\\`indent-4\\`\ntw\\`indent-5\\`\ntw\\`indent-6\\`\ntw\\`indent-7\\`\ntw\\`indent-8\\`\ntw\\`indent-9\\`\ntw\\`indent-10\\`\ntw\\`indent-11\\`\ntw\\`indent-12\\`\ntw\\`indent-14\\`\ntw\\`indent-16\\`\ntw\\`indent-20\\`\ntw\\`indent-24\\`\ntw\\`indent-28\\`\ntw\\`indent-32\\`\ntw\\`indent-36\\`\ntw\\`indent-40\\`\ntw\\`indent-44\\`\ntw\\`indent-48\\`\ntw\\`indent-52\\`\ntw\\`indent-56\\`\ntw\\`indent-60\\`\ntw\\`indent-64\\`\ntw\\`indent-72\\`\ntw\\`indent-80\\`\ntw\\`indent-96\\`\n\ntw\\`-indent-0\\`\ntw\\`-indent-px\\`\ntw\\`-indent-0.5\\`\ntw\\`-indent-1\\`\ntw\\`-indent-1.5\\`\ntw\\`-indent-2\\`\ntw\\`-indent-2.5\\`\ntw\\`-indent-3\\`\ntw\\`-indent-3.5\\`\ntw\\`-indent-4\\`\ntw\\`-indent-5\\`\ntw\\`-indent-6\\`\ntw\\`-indent-7\\`\ntw\\`-indent-8\\`\ntw\\`-indent-9\\`\ntw\\`-indent-10\\`\ntw\\`-indent-11\\`\ntw\\`-indent-12\\`\ntw\\`-indent-14\\`\ntw\\`-indent-16\\`\ntw\\`-indent-20\\`\ntw\\`-indent-24\\`\ntw\\`-indent-28\\`\ntw\\`-indent-32\\`\ntw\\`-indent-36\\`\ntw\\`-indent-40\\`\ntw\\`-indent-44\\`\ntw\\`-indent-48\\`\ntw\\`-indent-52\\`\ntw\\`-indent-56\\`\ntw\\`-indent-60\\`\ntw\\`-indent-64\\`\ntw\\`-indent-72\\`\ntw\\`-indent-80\\`\ntw\\`-indent-96\\`\n\ntw\\`indent-[50%]\\`\ntw\\`indent-[length:10px]\\`\ntw\\`indent-[lookup:10px]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-indent\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n})\n;({\n textIndent: '0px',\n})\n;({\n textIndent: '1px',\n})\n;({\n textIndent: '0.125rem',\n})\n;({\n textIndent: '0.25rem',\n})\n;({\n textIndent: '0.375rem',\n})\n;({\n textIndent: '0.5rem',\n})\n;({\n textIndent: '0.625rem',\n})\n;({\n textIndent: '0.75rem',\n})\n;({\n textIndent: '0.875rem',\n})\n;({\n textIndent: '1rem',\n})\n;({\n textIndent: '1.25rem',\n})\n;({\n textIndent: '1.5rem',\n})\n;({\n textIndent: '1.75rem',\n})\n;({\n textIndent: '2rem',\n})\n;({\n textIndent: '2.25rem',\n})\n;({\n textIndent: '2.5rem',\n})\n;({\n textIndent: '2.75rem',\n})\n;({\n textIndent: '3rem',\n})\n;({\n textIndent: '3.5rem',\n})\n;({\n textIndent: '4rem',\n})\n;({\n textIndent: '5rem',\n})\n;({\n textIndent: '6rem',\n})\n;({\n textIndent: '7rem',\n})\n;({\n textIndent: '8rem',\n})\n;({\n textIndent: '9rem',\n})\n;({\n textIndent: '10rem',\n})\n;({\n textIndent: '11rem',\n})\n;({\n textIndent: '12rem',\n})\n;({\n textIndent: '13rem',\n})\n;({\n textIndent: '14rem',\n})\n;({\n textIndent: '15rem',\n})\n;({\n textIndent: '16rem',\n})\n;({\n textIndent: '18rem',\n})\n;({\n textIndent: '20rem',\n})\n;({\n textIndent: '24rem',\n})\n;({\n textIndent: '-0px',\n})\n;({\n textIndent: '-1px',\n})\n;({\n textIndent: '-0.125rem',\n})\n;({\n textIndent: '-0.25rem',\n})\n;({\n textIndent: '-0.375rem',\n})\n;({\n textIndent: '-0.5rem',\n})\n;({\n textIndent: '-0.625rem',\n})\n;({\n textIndent: '-0.75rem',\n})\n;({\n textIndent: '-0.875rem',\n})\n;({\n textIndent: '-1rem',\n})\n;({\n textIndent: '-1.25rem',\n})\n;({\n textIndent: '-1.5rem',\n})\n;({\n textIndent: '-1.75rem',\n})\n;({\n textIndent: '-2rem',\n})\n;({\n textIndent: '-2.25rem',\n})\n;({\n textIndent: '-2.5rem',\n})\n;({\n textIndent: '-2.75rem',\n})\n;({\n textIndent: '-3rem',\n})\n;({\n textIndent: '-3.5rem',\n})\n;({\n textIndent: '-4rem',\n})\n;({\n textIndent: '-5rem',\n})\n;({\n textIndent: '-6rem',\n})\n;({\n textIndent: '-7rem',\n})\n;({\n textIndent: '-8rem',\n})\n;({\n textIndent: '-9rem',\n})\n;({\n textIndent: '-10rem',\n})\n;({\n textIndent: '-11rem',\n})\n;({\n textIndent: '-12rem',\n})\n;({\n textIndent: '-13rem',\n})\n;({\n textIndent: '-14rem',\n})\n;({\n textIndent: '-15rem',\n})\n;({\n textIndent: '-16rem',\n})\n;({\n textIndent: '-18rem',\n})\n;({\n textIndent: '-20rem',\n})\n;({\n textIndent: '-24rem',\n})\n;({\n textIndent: '50%',\n})\n;({\n textIndent: '10px',\n})\n;({\n textIndent: '10px',\n})\n\n\n`;\n\nexports[`twin.macro textOpacity.tsx: textOpacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-opacity\n// Deprecated in favor of slash opacity syntax\ntw\\`text-opacity-0\\`\ntw\\`text-opacity-5\\`\ntw\\`text-opacity-10\\`\ntw\\`text-opacity-20\\`\ntw\\`text-opacity-25\\`\ntw\\`text-opacity-30\\`\ntw\\`text-opacity-40\\`\ntw\\`text-opacity-50\\`\ntw\\`text-opacity-60\\`\ntw\\`text-opacity-70\\`\ntw\\`text-opacity-75\\`\ntw\\`text-opacity-80\\`\ntw\\`text-opacity-90\\`\ntw\\`text-opacity-95\\`\ntw\\`text-opacity-100\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-opacity\n// Deprecated in favor of slash opacity syntax\n;({\n '--tw-text-opacity': '0',\n})\n;({\n '--tw-text-opacity': '0.05',\n})\n;({\n '--tw-text-opacity': '0.1',\n})\n;({\n '--tw-text-opacity': '0.2',\n})\n;({\n '--tw-text-opacity': '0.25',\n})\n;({\n '--tw-text-opacity': '0.3',\n})\n;({\n '--tw-text-opacity': '0.4',\n})\n;({\n '--tw-text-opacity': '0.5',\n})\n;({\n '--tw-text-opacity': '0.6',\n})\n;({\n '--tw-text-opacity': '0.7',\n})\n;({\n '--tw-text-opacity': '0.75',\n})\n;({\n '--tw-text-opacity': '0.8',\n})\n;({\n '--tw-text-opacity': '0.9',\n})\n;({\n '--tw-text-opacity': '0.95',\n})\n;({\n '--tw-text-opacity': '1',\n})\n\n\n`;\n\nexports[`twin.macro textOverflow.tsx: textOverflow.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-overflow\ntw\\`truncate\\`\ntw\\`text-ellipsis\\`\ntw\\`text-clip\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-overflow\n;({\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n})\n;({\n textOverflow: 'ellipsis',\n})\n;({\n textOverflow: 'clip',\n})\n\n\n`;\n\nexports[`twin.macro textTransform.tsx: textTransform.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/text-transform\ntw\\`uppercase\\`\ntw\\`lowercase\\`\ntw\\`capitalize\\`\ntw\\`normal-case\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-transform\n;({\n textTransform: 'uppercase',\n})\n;({\n textTransform: 'lowercase',\n})\n;({\n textTransform: 'capitalize',\n})\n;({\n textTransform: 'none',\n})\n\n\n`;\n\nexports[`twin.macro textUnderlineOffset.tsx: textUnderlineOffset.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/text-underline-offset\ntheme\\`textUnderlineOffset\\`\n\ntw\\`underline-offset-auto\\`\ntw\\`underline-offset-0\\`\ntw\\`underline-offset-1\\`\ntw\\`underline-offset-2\\`\ntw\\`underline-offset-4\\`\ntw\\`underline-offset-8\\`\n\ntw\\`underline-offset-[3px]\\`\ntw\\`underline-offset-[length:3px]\\`\ntw\\`underline-offset-[30%]\\`\ntw\\`underline-offset-[percentage:30%]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/text-underline-offset\n;({\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n auto: 'auto',\n})\n;({\n textUnderlineOffset: 'auto',\n})\n;({\n textUnderlineOffset: '0px',\n})\n;({\n textUnderlineOffset: '1px',\n})\n;({\n textUnderlineOffset: '2px',\n})\n;({\n textUnderlineOffset: '4px',\n})\n;({\n textUnderlineOffset: '8px',\n})\n;({\n textUnderlineOffset: '3px',\n})\n;({\n textUnderlineOffset: '3px',\n})\n;({\n textUnderlineOffset: '30%',\n})\n;({\n textUnderlineOffset: '30%',\n})\n\n\n`;\n\nexports[`twin.macro themeValuesToString.tsx: themeValuesToString.tsx 1`] = `\n\n// @ts-nocheck\nimport { globalStyles, theme } from '../macro'\n\nglobalStyles\n\ntheme\\`keyframes\\`\ntheme\\`\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '*, ::before, ::after': {\n boxSizing: 'border-box',\n borderWidth: '0',\n borderStyle: 'solid',\n borderColor: 'currentColor',\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n '::before, ::after': {\n '--tw-content': \"''\",\n },\n html: {\n lineHeight: '1.5',\n WebkitTextSizeAdjust: '100%',\n MozTabSize: '4',\n tabSize: '4',\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n fontFeatureSettings: ' normal',\n fontVariationSettings: ' normal',\n },\n body: {\n margin: '0',\n lineHeight: 'inherit',\n },\n hr: {\n height: '0',\n color: 'inherit',\n borderTopWidth: '1px',\n },\n 'abbr:where([title])': {\n textDecoration: 'underline dotted',\n },\n 'h1, h2, h3, h4, h5, h6': {\n fontSize: 'inherit',\n fontWeight: 'inherit',\n },\n a: {\n color: 'inherit',\n textDecoration: 'inherit',\n },\n 'b, strong': {\n fontWeight: 'bolder',\n },\n 'code, kbd, samp, pre': {\n fontFamily:\n 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n fontSize: '1em',\n },\n small: {\n fontSize: '80%',\n },\n 'sub, sup': {\n fontSize: '75%',\n lineHeight: '0',\n position: 'relative',\n verticalAlign: 'baseline',\n },\n sub: {\n bottom: '-0.25em',\n },\n sup: {\n top: '-0.5em',\n },\n table: {\n textIndent: '0',\n borderColor: 'inherit',\n borderCollapse: 'collapse',\n },\n 'button, input, optgroup, select, textarea': {\n fontFamily: 'inherit',\n fontSize: '100%',\n fontWeight: 'inherit',\n lineHeight: 'inherit',\n color: 'inherit',\n margin: '0',\n padding: '0',\n },\n 'button, select': {\n textTransform: 'none',\n },\n \"button, [type='button'], [type='reset'], [type='submit']\": {\n WebkitAppearance: 'button',\n backgroundColor: 'transparent',\n backgroundImage: 'none',\n },\n ':-moz-focusring': {\n outline: 'auto',\n },\n ':-moz-ui-invalid': {\n boxShadow: 'none',\n },\n progress: {\n verticalAlign: 'baseline',\n },\n '::-webkit-inner-spin-button, ::-webkit-outer-spin-button': {\n height: 'auto',\n },\n \"[type='search']\": {\n WebkitAppearance: 'textfield',\n outlineOffset: '-2px',\n },\n '::-webkit-search-decoration': {\n WebkitAppearance: 'none',\n },\n '::-webkit-file-upload-button': {\n WebkitAppearance: 'button',\n font: 'inherit',\n },\n summary: {\n display: 'list-item',\n },\n 'blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre': {\n margin: '0',\n },\n fieldset: {\n margin: '0',\n padding: '0',\n },\n legend: {\n padding: '0',\n },\n 'ol, ul, menu': {\n listStyle: 'none',\n margin: '0',\n padding: '0',\n },\n textarea: {\n resize: 'vertical',\n },\n 'input::placeholder, textarea::placeholder': {\n opacity: '1',\n color: ' #9ca3af',\n },\n 'button, [role=\"button\"]': {\n cursor: 'pointer',\n },\n ':disabled': {\n cursor: 'default',\n },\n 'img, svg, video, canvas, audio, iframe, embed, object': {\n display: 'block',\n verticalAlign: 'middle',\n },\n 'img, video': {\n maxWidth: '100%',\n height: 'auto',\n },\n '[hidden]': {\n display: 'none',\n },\n '::backdrop': {\n '--tw-border-spacing-x': '0',\n '--tw-border-spacing-y': '0',\n '--tw-translate-x': '0',\n '--tw-translate-y': '0',\n '--tw-rotate': '0',\n '--tw-skew-x': '0',\n '--tw-skew-y': '0',\n '--tw-scale-x': '1',\n '--tw-scale-y': '1',\n '--tw-pan-x': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pan-y': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-pinch-zoom': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-scroll-snap-strictness': 'proximity',\n '--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-shadow': '0 0 #0000',\n '--tw-ring-shadow': '0 0 #0000',\n '--tw-shadow': '0 0 #0000',\n '--tw-shadow-colored': '0 0 #0000',\n '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-ring-offset-width': '0px',\n '--tw-ring-offset-color': '#fff',\n '--tw-ring-color': 'rgb(59 130 246 / 0.5)',\n '--tw-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-drop-shadow': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-blur': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-brightness': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-contrast': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-grayscale': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-hue-rotate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-invert': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-opacity': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-saturate': 'var(--tw-empty,/*!*/ /*!*/)',\n '--tw-backdrop-sepia': 'var(--tw-empty,/*!*/ /*!*/)',\n },\n})\n;({\n 'fade-up': {\n from: {\n transform: 'translateY(0.5rem)',\n opacity: '0',\n },\n to: {\n transform: 'translateY(0)',\n opacity: '1',\n },\n },\n})\n;({\n colors: {},\n keyframes: {\n 'fade-up': {\n from: {\n transform: 'translateY(0.5rem)',\n opacity: '0',\n },\n to: {\n transform: 'translateY(0)',\n opacity: '1',\n },\n },\n },\n anotherkey: {\n property: '1rem',\n },\n accentColor: {\n auto: 'auto',\n },\n animation: {\n none: 'none',\n spin: 'spin 1s linear infinite',\n ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',\n pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n bounce: 'bounce 1s infinite',\n },\n aria: {\n checked: 'checked=\"true\"',\n disabled: 'disabled=\"true\"',\n expanded: 'expanded=\"true\"',\n hidden: 'hidden=\"true\"',\n pressed: 'pressed=\"true\"',\n readonly: 'readonly=\"true\"',\n required: 'required=\"true\"',\n selected: 'selected=\"true\"',\n },\n aspectRatio: {\n auto: 'auto',\n square: '1 / 1',\n video: '16 / 9',\n },\n backdropBlur: {\n 0: '0',\n none: '0',\n sm: '4px',\n DEFAULT: '8px',\n md: '12px',\n lg: '16px',\n xl: '24px',\n '2xl': '40px',\n '3xl': '64px',\n },\n backdropBrightness: {\n 0: '0',\n 50: '.5',\n 75: '.75',\n 90: '.9',\n 95: '.95',\n 100: '1',\n 105: '1.05',\n 110: '1.1',\n 125: '1.25',\n 150: '1.5',\n 200: '2',\n },\n backdropContrast: {\n 0: '0',\n 50: '.5',\n 75: '.75',\n 100: '1',\n 125: '1.25',\n 150: '1.5',\n 200: '2',\n },\n backdropGrayscale: {\n 0: '0',\n DEFAULT: '100%',\n },\n backdropHueRotate: {\n 0: '0deg',\n 15: '15deg',\n 30: '30deg',\n 60: '60deg',\n 90: '90deg',\n 180: '180deg',\n },\n backdropInvert: {\n 0: '0',\n DEFAULT: '100%',\n },\n backdropOpacity: {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n },\n backdropSaturate: {\n 0: '0',\n 50: '.5',\n 100: '1',\n 150: '1.5',\n 200: '2',\n },\n backdropSepia: {\n 0: '0',\n DEFAULT: '100%',\n },\n backgroundColor: {},\n backgroundImage: {\n none: 'none',\n 'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',\n 'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',\n 'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',\n 'gradient-to-br':\n 'linear-gradient(to bottom right, var(--tw-gradient-stops))',\n 'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',\n 'gradient-to-bl':\n 'linear-gradient(to bottom left, var(--tw-gradient-stops))',\n 'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',\n 'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',\n },\n backgroundOpacity: {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n },\n backgroundPosition: {\n bottom: 'bottom',\n center: 'center',\n left: 'left',\n 'left-bottom': 'left bottom',\n 'left-top': 'left top',\n right: 'right',\n 'right-bottom': 'right bottom',\n 'right-top': 'right top',\n top: 'top',\n },\n backgroundSize: {\n auto: 'auto',\n cover: 'cover',\n contain: 'contain',\n },\n blur: {\n 0: '0',\n none: '0',\n sm: '4px',\n DEFAULT: '8px',\n md: '12px',\n lg: '16px',\n xl: '24px',\n '2xl': '40px',\n '3xl': '64px',\n },\n borderColor: {\n DEFAULT: 'currentColor',\n },\n borderOpacity: {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n },\n borderRadius: {\n none: '0px',\n sm: '0.125rem',\n DEFAULT: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n '3xl': '1.5rem',\n full: '9999px',\n },\n borderSpacing: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n borderWidth: {\n 0: '0px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n DEFAULT: '1px',\n },\n boxShadow: {\n sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n none: 'none',\n },\n boxShadowColor: {},\n brightness: {\n 0: '0',\n 50: '.5',\n 75: '.75',\n 90: '.9',\n 95: '.95',\n 100: '1',\n 105: '1.05',\n 110: '1.1',\n 125: '1.25',\n 150: '1.5',\n 200: '2',\n },\n caretColor: {},\n columns: {\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n 8: '8',\n 9: '9',\n 10: '10',\n 11: '11',\n 12: '12',\n auto: 'auto',\n '3xs': '16rem',\n '2xs': '18rem',\n xs: '20rem',\n sm: '24rem',\n md: '28rem',\n lg: '32rem',\n xl: '36rem',\n '2xl': '42rem',\n '3xl': '48rem',\n '4xl': '56rem',\n '5xl': '64rem',\n '6xl': '72rem',\n '7xl': '80rem',\n },\n container: {},\n content: {\n none: 'none',\n DEFAULT: '',\n },\n contrast: {\n 0: '0',\n 50: '.5',\n 75: '.75',\n 100: '1',\n 125: '1.25',\n 150: '1.5',\n 200: '2',\n },\n cursor: {\n auto: 'auto',\n default: 'default',\n pointer: 'pointer',\n wait: 'wait',\n text: 'text',\n move: 'move',\n help: 'help',\n 'not-allowed': 'not-allowed',\n none: 'none',\n 'context-menu': 'context-menu',\n progress: 'progress',\n cell: 'cell',\n crosshair: 'crosshair',\n 'vertical-text': 'vertical-text',\n alias: 'alias',\n copy: 'copy',\n 'no-drop': 'no-drop',\n grab: 'grab',\n grabbing: 'grabbing',\n 'all-scroll': 'all-scroll',\n 'col-resize': 'col-resize',\n 'row-resize': 'row-resize',\n 'n-resize': 'n-resize',\n 'e-resize': 'e-resize',\n 's-resize': 's-resize',\n 'w-resize': 'w-resize',\n 'ne-resize': 'ne-resize',\n 'nw-resize': 'nw-resize',\n 'se-resize': 'se-resize',\n 'sw-resize': 'sw-resize',\n 'ew-resize': 'ew-resize',\n 'ns-resize': 'ns-resize',\n 'nesw-resize': 'nesw-resize',\n 'nwse-resize': 'nwse-resize',\n 'zoom-in': 'zoom-in',\n 'zoom-out': 'zoom-out',\n },\n divideColor: {\n DEFAULT: 'currentColor',\n },\n divideOpacity: {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n },\n divideWidth: {\n 0: '0px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n DEFAULT: '1px',\n },\n dropShadow: {\n sm: '0 1px 1px rgb(0 0 0 / 0.05)',\n DEFAULT: ['0 1px 2px rgb(0 0 0 / 0.1)', '0 1px 1px rgb(0 0 0 / 0.06)'],\n md: ['0 4px 3px rgb(0 0 0 / 0.07)', '0 2px 2px rgb(0 0 0 / 0.06)'],\n lg: ['0 10px 8px rgb(0 0 0 / 0.04)', '0 4px 3px rgb(0 0 0 / 0.1)'],\n xl: ['0 20px 13px rgb(0 0 0 / 0.03)', '0 8px 5px rgb(0 0 0 / 0.08)'],\n '2xl': '0 25px 25px rgb(0 0 0 / 0.15)',\n none: '0 0 #0000',\n },\n fill: {\n none: 'none',\n },\n flex: {\n 1: '1 1 0%',\n auto: '1 1 auto',\n initial: '0 1 auto',\n none: 'none',\n },\n flexBasis: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n '1/5': '20%',\n '2/5': '40%',\n '3/5': '60%',\n '4/5': '80%',\n '1/6': '16.666667%',\n '2/6': '33.333333%',\n '3/6': '50%',\n '4/6': '66.666667%',\n '5/6': '83.333333%',\n '1/12': '8.333333%',\n '2/12': '16.666667%',\n '3/12': '25%',\n '4/12': '33.333333%',\n '5/12': '41.666667%',\n '6/12': '50%',\n '7/12': '58.333333%',\n '8/12': '66.666667%',\n '9/12': '75%',\n '10/12': '83.333333%',\n '11/12': '91.666667%',\n full: '100%',\n },\n flexGrow: {\n 0: '0',\n DEFAULT: '1',\n },\n flexShrink: {\n 0: '0',\n DEFAULT: '1',\n },\n fontFamily: {\n sans: [\n 'ui-sans-serif',\n 'system-ui',\n '-apple-system',\n 'BlinkMacSystemFont',\n '\"Segoe UI\"',\n 'Roboto',\n '\"Helvetica Neue\"',\n 'Arial',\n '\"Noto Sans\"',\n 'sans-serif',\n '\"Apple Color Emoji\"',\n '\"Segoe UI Emoji\"',\n '\"Segoe UI Symbol\"',\n '\"Noto Color Emoji\"',\n ],\n serif: [\n 'ui-serif',\n 'Georgia',\n 'Cambria',\n '\"Times New Roman\"',\n 'Times',\n 'serif',\n ],\n mono: [\n 'ui-monospace',\n 'SFMono-Regular',\n 'Menlo',\n 'Monaco',\n 'Consolas',\n '\"Liberation Mono\"',\n '\"Courier New\"',\n 'monospace',\n ],\n },\n fontSize: {\n xs: [\n '0.75rem',\n {\n lineHeight: '1rem',\n },\n ],\n sm: [\n '0.875rem',\n {\n lineHeight: '1.25rem',\n },\n ],\n base: [\n '1rem',\n {\n lineHeight: '1.5rem',\n },\n ],\n lg: [\n '1.125rem',\n {\n lineHeight: '1.75rem',\n },\n ],\n xl: [\n '1.25rem',\n {\n lineHeight: '1.75rem',\n },\n ],\n '2xl': [\n '1.5rem',\n {\n lineHeight: '2rem',\n },\n ],\n '3xl': [\n '1.875rem',\n {\n lineHeight: '2.25rem',\n },\n ],\n '4xl': [\n '2.25rem',\n {\n lineHeight: '2.5rem',\n },\n ],\n '5xl': [\n '3rem',\n {\n lineHeight: '1',\n },\n ],\n '6xl': [\n '3.75rem',\n {\n lineHeight: '1',\n },\n ],\n '7xl': [\n '4.5rem',\n {\n lineHeight: '1',\n },\n ],\n '8xl': [\n '6rem',\n {\n lineHeight: '1',\n },\n ],\n '9xl': [\n '8rem',\n {\n lineHeight: '1',\n },\n ],\n },\n fontWeight: {\n thin: '100',\n extralight: '200',\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n extrabold: '800',\n black: '900',\n },\n gap: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n gradientColorStops: {},\n gradientColorStopPositions: {\n '0%': '0%',\n '5%': '5%',\n '10%': '10%',\n '15%': '15%',\n '20%': '20%',\n '25%': '25%',\n '30%': '30%',\n '35%': '35%',\n '40%': '40%',\n '45%': '45%',\n '50%': '50%',\n '55%': '55%',\n '60%': '60%',\n '65%': '65%',\n '70%': '70%',\n '75%': '75%',\n '80%': '80%',\n '85%': '85%',\n '90%': '90%',\n '95%': '95%',\n '100%': '100%',\n },\n grayscale: {\n 0: '0',\n DEFAULT: '100%',\n },\n gridAutoColumns: {\n auto: 'auto',\n min: 'min-content',\n max: 'max-content',\n fr: 'minmax(0, 1fr)',\n },\n gridAutoRows: {\n auto: 'auto',\n min: 'min-content',\n max: 'max-content',\n fr: 'minmax(0, 1fr)',\n },\n gridColumn: {\n auto: 'auto',\n 'span-1': 'span 1 / span 1',\n 'span-2': 'span 2 / span 2',\n 'span-3': 'span 3 / span 3',\n 'span-4': 'span 4 / span 4',\n 'span-5': 'span 5 / span 5',\n 'span-6': 'span 6 / span 6',\n 'span-7': 'span 7 / span 7',\n 'span-8': 'span 8 / span 8',\n 'span-9': 'span 9 / span 9',\n 'span-10': 'span 10 / span 10',\n 'span-11': 'span 11 / span 11',\n 'span-12': 'span 12 / span 12',\n 'span-full': '1 / -1',\n },\n gridColumnEnd: {\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n 8: '8',\n 9: '9',\n 10: '10',\n 11: '11',\n 12: '12',\n 13: '13',\n auto: 'auto',\n },\n gridColumnStart: {\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n 8: '8',\n 9: '9',\n 10: '10',\n 11: '11',\n 12: '12',\n 13: '13',\n auto: 'auto',\n },\n gridRow: {\n auto: 'auto',\n 'span-1': 'span 1 / span 1',\n 'span-2': 'span 2 / span 2',\n 'span-3': 'span 3 / span 3',\n 'span-4': 'span 4 / span 4',\n 'span-5': 'span 5 / span 5',\n 'span-6': 'span 6 / span 6',\n 'span-full': '1 / -1',\n },\n gridRowEnd: {\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n auto: 'auto',\n },\n gridRowStart: {\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n auto: 'auto',\n },\n gridTemplateColumns: {\n 1: 'repeat(1, minmax(0, 1fr))',\n 2: 'repeat(2, minmax(0, 1fr))',\n 3: 'repeat(3, minmax(0, 1fr))',\n 4: 'repeat(4, minmax(0, 1fr))',\n 5: 'repeat(5, minmax(0, 1fr))',\n 6: 'repeat(6, minmax(0, 1fr))',\n 7: 'repeat(7, minmax(0, 1fr))',\n 8: 'repeat(8, minmax(0, 1fr))',\n 9: 'repeat(9, minmax(0, 1fr))',\n 10: 'repeat(10, minmax(0, 1fr))',\n 11: 'repeat(11, minmax(0, 1fr))',\n 12: 'repeat(12, minmax(0, 1fr))',\n none: 'none',\n },\n gridTemplateRows: {\n 1: 'repeat(1, minmax(0, 1fr))',\n 2: 'repeat(2, minmax(0, 1fr))',\n 3: 'repeat(3, minmax(0, 1fr))',\n 4: 'repeat(4, minmax(0, 1fr))',\n 5: 'repeat(5, minmax(0, 1fr))',\n 6: 'repeat(6, minmax(0, 1fr))',\n none: 'none',\n },\n height: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n '1/5': '20%',\n '2/5': '40%',\n '3/5': '60%',\n '4/5': '80%',\n '1/6': '16.666667%',\n '2/6': '33.333333%',\n '3/6': '50%',\n '4/6': '66.666667%',\n '5/6': '83.333333%',\n full: '100%',\n screen: '100vh',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n },\n hueRotate: {\n 0: '0deg',\n 15: '15deg',\n 30: '30deg',\n 60: '60deg',\n 90: '90deg',\n 180: '180deg',\n },\n inset: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n full: '100%',\n },\n invert: {\n 0: '0',\n DEFAULT: '100%',\n },\n letterSpacing: {\n tighter: '-0.05em',\n tight: '-0.025em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n },\n lineHeight: {\n 3: '.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n none: '1',\n tight: '1.25',\n snug: '1.375',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n },\n listStyleType: {\n none: 'none',\n disc: 'disc',\n decimal: 'decimal',\n },\n listStyleImage: {\n none: 'none',\n },\n margin: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n lineClamp: {\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n },\n maxHeight: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n none: 'none',\n full: '100%',\n screen: '100vh',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n },\n maxWidth: {\n 0: '0rem',\n none: 'none',\n xs: '20rem',\n sm: '24rem',\n md: '28rem',\n lg: '32rem',\n xl: '36rem',\n '2xl': '42rem',\n '3xl': '48rem',\n '4xl': '56rem',\n '5xl': '64rem',\n '6xl': '72rem',\n '7xl': '80rem',\n full: '100%',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n prose: '65ch',\n 'screen-sm': '640px',\n 'screen-md': '768px',\n 'screen-lg': '1024px',\n 'screen-xl': '1280px',\n 'screen-2xl': '1536px',\n },\n minHeight: {\n 0: '0px',\n full: '100%',\n screen: '100vh',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n },\n minWidth: {\n 0: '0px',\n full: '100%',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n },\n objectPosition: {\n bottom: 'bottom',\n center: 'center',\n left: 'left',\n 'left-bottom': 'left bottom',\n 'left-top': 'left top',\n right: 'right',\n 'right-bottom': 'right bottom',\n 'right-top': 'right top',\n top: 'top',\n },\n opacity: {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n },\n order: {\n 1: '1',\n 2: '2',\n 3: '3',\n 4: '4',\n 5: '5',\n 6: '6',\n 7: '7',\n 8: '8',\n 9: '9',\n 10: '10',\n 11: '11',\n 12: '12',\n first: '-9999',\n last: '9999',\n none: '0',\n },\n outlineColor: {},\n outlineOffset: {\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n },\n outlineWidth: {\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n },\n padding: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n placeholderColor: {},\n placeholderOpacity: {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n },\n ringColor: {\n DEFAULT: '#3b82f6',\n },\n ringOffsetColor: {},\n ringOffsetWidth: {\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n },\n ringOpacity: {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n DEFAULT: '0.5',\n },\n ringWidth: {\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n DEFAULT: '3px',\n },\n rotate: {\n 0: '0deg',\n 1: '1deg',\n 2: '2deg',\n 3: '3deg',\n 6: '6deg',\n 12: '12deg',\n 45: '45deg',\n 90: '90deg',\n 180: '180deg',\n },\n saturate: {\n 0: '0',\n 50: '.5',\n 100: '1',\n 150: '1.5',\n 200: '2',\n },\n scale: {\n 0: '0',\n 50: '.5',\n 75: '.75',\n 90: '.9',\n 95: '.95',\n 100: '1',\n 105: '1.05',\n 110: '1.1',\n 125: '1.25',\n 150: '1.5',\n },\n screens: {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n '2xl': '1536px',\n },\n scrollMargin: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n scrollPadding: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n sepia: {\n 0: '0',\n DEFAULT: '100%',\n },\n skew: {\n 0: '0deg',\n 1: '1deg',\n 2: '2deg',\n 3: '3deg',\n 6: '6deg',\n 12: '12deg',\n },\n space: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n spacing: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n stroke: {\n none: 'none',\n },\n strokeWidth: {\n 0: '0',\n 1: '1',\n 2: '2',\n },\n supports: {},\n data: {},\n textColor: {},\n textDecorationColor: {},\n textDecorationThickness: {\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n auto: 'auto',\n 'from-font': 'from-font',\n },\n textIndent: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n },\n textOpacity: {\n 0: '0',\n 5: '0.05',\n 10: '0.1',\n 20: '0.2',\n 25: '0.25',\n 30: '0.3',\n 40: '0.4',\n 50: '0.5',\n 60: '0.6',\n 70: '0.7',\n 75: '0.75',\n 80: '0.8',\n 90: '0.9',\n 95: '0.95',\n 100: '1',\n },\n textUnderlineOffset: {\n 0: '0px',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n 8: '8px',\n auto: 'auto',\n },\n transformOrigin: {\n center: 'center',\n top: 'top',\n 'top-right': 'top right',\n right: 'right',\n 'bottom-right': 'bottom right',\n bottom: 'bottom',\n 'bottom-left': 'bottom left',\n left: 'left',\n 'top-left': 'top left',\n },\n transitionDelay: {\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms',\n },\n transitionDuration: {\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms',\n DEFAULT: '150ms',\n },\n transitionProperty: {\n none: 'none',\n all: 'all',\n DEFAULT:\n 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',\n colors:\n 'color, background-color, border-color, text-decoration-color, fill, stroke',\n opacity: 'opacity',\n shadow: 'box-shadow',\n transform: 'transform',\n },\n transitionTimingFunction: {\n DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',\n linear: 'linear',\n in: 'cubic-bezier(0.4, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.2, 1)',\n 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n translate: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n full: '100%',\n },\n width: {\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n '1/5': '20%',\n '2/5': '40%',\n '3/5': '60%',\n '4/5': '80%',\n '1/6': '16.666667%',\n '2/6': '33.333333%',\n '3/6': '50%',\n '4/6': '66.666667%',\n '5/6': '83.333333%',\n '1/12': '8.333333%',\n '2/12': '16.666667%',\n '3/12': '25%',\n '4/12': '33.333333%',\n '5/12': '41.666667%',\n '6/12': '50%',\n '7/12': '58.333333%',\n '8/12': '66.666667%',\n '9/12': '75%',\n '10/12': '83.333333%',\n '11/12': '91.666667%',\n full: '100%',\n screen: '100vw',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n },\n willChange: {\n auto: 'auto',\n scroll: 'scroll-position',\n contents: 'contents',\n transform: 'transform',\n },\n zIndex: {\n 0: '0',\n 1: '1',\n 10: '10',\n 20: '20',\n 30: '30',\n 40: '40',\n 50: '50',\n auto: 'auto',\n },\n})\n\n\n`;\n\nexports[`twin.macro topRightBottomLeft.tsx: topRightBottomLeft.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/top-right-bottom-left\ntheme\\`inset\\`\n\ntw\\`inset-0\\`\ntw\\`-inset-0\\`\ntw\\`inset-y-0\\`\ntw\\`inset-x-0\\`\ntw\\`-inset-y-0\\`\ntw\\`-inset-x-0\\`\ntw\\`top-0\\`\ntw\\`right-0\\`\ntw\\`bottom-0\\`\ntw\\`left-0\\`\ntw\\`-top-0\\`\ntw\\`-right-0\\`\ntw\\`-bottom-0\\`\ntw\\`-left-0\\`\ntw\\`inset-0.5\\`\ntw\\`-inset-0.5\\`\ntw\\`inset-y-0.5\\`\ntw\\`inset-x-0.5\\`\ntw\\`-inset-y-0.5\\`\ntw\\`-inset-x-0.5\\`\ntw\\`top-0.5\\`\ntw\\`right-0.5\\`\ntw\\`bottom-0.5\\`\ntw\\`left-0.5\\`\ntw\\`-top-0.5\\`\ntw\\`-right-0.5\\`\ntw\\`-bottom-0.5\\`\ntw\\`-left-0.5\\`\ntw\\`inset-1\\`\ntw\\`-inset-1\\`\ntw\\`inset-y-1\\`\ntw\\`inset-x-1\\`\ntw\\`-inset-y-1\\`\ntw\\`-inset-x-1\\`\ntw\\`top-1\\`\ntw\\`right-1\\`\ntw\\`bottom-1\\`\ntw\\`left-1\\`\ntw\\`-top-1\\`\ntw\\`-right-1\\`\ntw\\`-bottom-1\\`\ntw\\`-left-1\\`\ntw\\`inset-1.5\\`\ntw\\`-inset-1.5\\`\ntw\\`inset-y-1.5\\`\ntw\\`inset-x-1.5\\`\ntw\\`-inset-y-1.5\\`\ntw\\`-inset-x-1.5\\`\ntw\\`top-1.5\\`\ntw\\`right-1.5\\`\ntw\\`bottom-1.5\\`\ntw\\`left-1.5\\`\ntw\\`-top-1.5\\`\ntw\\`-right-1.5\\`\ntw\\`-bottom-1.5\\`\ntw\\`-left-1.5\\`\ntw\\`inset-2\\`\ntw\\`-inset-2\\`\ntw\\`inset-y-2\\`\ntw\\`inset-x-2\\`\ntw\\`-inset-y-2\\`\ntw\\`-inset-x-2\\`\ntw\\`top-2\\`\ntw\\`right-2\\`\ntw\\`bottom-2\\`\ntw\\`left-2\\`\ntw\\`-top-2\\`\ntw\\`-right-2\\`\ntw\\`-bottom-2\\`\ntw\\`-left-2\\`\ntw\\`inset-2.5\\`\ntw\\`-inset-2.5\\`\ntw\\`inset-y-2.5\\`\ntw\\`inset-x-2.5\\`\ntw\\`-inset-y-2.5\\`\ntw\\`top-2.5\\`\ntw\\`right-2.5\\`\ntw\\`bottom-2.5\\`\ntw\\`left-2.5\\`\ntw\\`-top-2.5\\`\ntw\\`-bottom-2.5\\`\ntw\\`-left-2.5\\`\ntw\\`inset-3\\`\ntw\\`-inset-3\\`\ntw\\`inset-y-3\\`\ntw\\`inset-x-3\\`\ntw\\`-inset-y-3\\`\ntw\\`-inset-x-3\\`\ntw\\`top-3\\`\ntw\\`right-3\\`\ntw\\`bottom-3\\`\ntw\\`left-3\\`\ntw\\`-top-3\\`\ntw\\`-right-3\\`\ntw\\`-bottom-3\\`\ntw\\`-left-3\\`\ntw\\`inset-3.5\\`\ntw\\`-inset-3.5\\`\ntw\\`inset-y-3.5\\`\ntw\\`inset-x-3.5\\`\ntw\\`-inset-y-3.5\\`\ntw\\`-inset-x-3.5\\`\ntw\\`top-3.5\\`\ntw\\`right-3.5\\`\ntw\\`bottom-3.5\\`\ntw\\`left-3.5\\`\ntw\\`-top-3.5\\`\ntw\\`-right-3.5\\`\ntw\\`-bottom-3.5\\`\ntw\\`-left-3.5\\`\ntw\\`inset-4\\`\ntw\\`-inset-4\\`\ntw\\`inset-y-4\\`\ntw\\`inset-x-4\\`\ntw\\`-inset-y-4\\`\ntw\\`-inset-x-4\\`\ntw\\`top-4\\`\ntw\\`right-4\\`\ntw\\`bottom-4\\`\ntw\\`left-4\\`\ntw\\`-top-4\\`\ntw\\`-right-4\\`\ntw\\`-bottom-4\\`\ntw\\`-left-4\\`\ntw\\`inset-5\\`\ntw\\`-inset-5\\`\ntw\\`inset-y-5\\`\ntw\\`inset-x-5\\`\ntw\\`-inset-y-5\\`\ntw\\`-inset-x-5\\`\ntw\\`top-5\\`\ntw\\`right-5\\`\ntw\\`bottom-5\\`\ntw\\`left-5\\`\ntw\\`-top-5\\`\ntw\\`-right-5\\`\ntw\\`-bottom-5\\`\ntw\\`-left-5\\`\ntw\\`inset-6\\`\ntw\\`-inset-6\\`\ntw\\`inset-y-6\\`\ntw\\`inset-x-6\\`\ntw\\`-inset-y-6\\`\ntw\\`-inset-x-6\\`\ntw\\`top-6\\`\ntw\\`right-6\\`\ntw\\`bottom-6\\`\ntw\\`left-6\\`\ntw\\`-top-6\\`\ntw\\`-right-6\\`\ntw\\`-bottom-6\\`\ntw\\`-left-6\\`\ntw\\`inset-7\\`\ntw\\`-inset-7\\`\ntw\\`inset-y-7\\`\ntw\\`inset-x-7\\`\ntw\\`-inset-y-7\\`\ntw\\`-inset-x-7\\`\ntw\\`top-7\\`\ntw\\`right-7\\`\ntw\\`bottom-7\\`\ntw\\`left-7\\`\ntw\\`-top-7\\`\ntw\\`-right-7\\`\ntw\\`-bottom-7\\`\ntw\\`-left-7\\`\ntw\\`inset-8\\`\ntw\\`-inset-8\\`\ntw\\`inset-y-8\\`\ntw\\`inset-x-8\\`\ntw\\`-inset-y-8\\`\ntw\\`-inset-x-8\\`\ntw\\`top-8\\`\ntw\\`right-8\\`\ntw\\`bottom-8\\`\ntw\\`left-8\\`\ntw\\`-top-8\\`\ntw\\`-right-8\\`\ntw\\`-bottom-8\\`\ntw\\`-left-8\\`\ntw\\`inset-9\\`\ntw\\`-inset-9\\`\ntw\\`inset-y-9\\`\ntw\\`inset-x-9\\`\ntw\\`-inset-y-9\\`\ntw\\`-inset-x-9\\`\ntw\\`top-9\\`\ntw\\`right-9\\`\ntw\\`bottom-9\\`\ntw\\`left-9\\`\ntw\\`-top-9\\`\ntw\\`-right-9\\`\ntw\\`-bottom-9\\`\ntw\\`-left-9\\`\ntw\\`inset-10\\`\ntw\\`-inset-10\\`\ntw\\`inset-y-10\\`\ntw\\`inset-x-10\\`\ntw\\`-inset-y-10\\`\ntw\\`-inset-x-10\\`\ntw\\`top-10\\`\ntw\\`right-10\\`\ntw\\`bottom-10\\`\ntw\\`left-10\\`\ntw\\`-top-10\\`\ntw\\`-right-10\\`\ntw\\`-bottom-10\\`\ntw\\`-left-10\\`\ntw\\`inset-11\\`\ntw\\`-inset-11\\`\ntw\\`inset-y-11\\`\ntw\\`inset-x-11\\`\ntw\\`-inset-y-11\\`\ntw\\`-inset-x-11\\`\ntw\\`top-11\\`\ntw\\`right-11\\`\ntw\\`bottom-11\\`\ntw\\`left-11\\`\ntw\\`-top-11\\`\ntw\\`-right-11\\`\ntw\\`-bottom-11\\`\ntw\\`-left-11\\`\ntw\\`inset-12\\`\ntw\\`-inset-12\\`\ntw\\`inset-y-12\\`\ntw\\`inset-x-12\\`\ntw\\`-inset-y-12\\`\ntw\\`-inset-x-12\\`\ntw\\`top-12\\`\ntw\\`right-12\\`\ntw\\`bottom-12\\`\ntw\\`left-12\\`\ntw\\`-top-12\\`\ntw\\`-right-12\\`\ntw\\`-bottom-12\\`\ntw\\`-left-12\\`\ntw\\`inset-14\\`\ntw\\`-inset-14\\`\ntw\\`inset-y-14\\`\ntw\\`inset-x-14\\`\ntw\\`-inset-y-14\\`\ntw\\`-inset-x-14\\`\ntw\\`top-14\\`\ntw\\`right-14\\`\ntw\\`bottom-14\\`\ntw\\`left-14\\`\ntw\\`-top-14\\`\ntw\\`-right-14\\`\ntw\\`-bottom-14\\`\ntw\\`-left-14\\`\ntw\\`inset-16\\`\ntw\\`-inset-16\\`\ntw\\`inset-y-16\\`\ntw\\`inset-x-16\\`\ntw\\`-inset-y-16\\`\ntw\\`-inset-x-16\\`\ntw\\`top-16\\`\ntw\\`right-16\\`\ntw\\`bottom-16\\`\ntw\\`left-16\\`\ntw\\`-top-16\\`\ntw\\`-right-16\\`\ntw\\`-bottom-16\\`\ntw\\`-left-16\\`\ntw\\`inset-20\\`\ntw\\`-inset-20\\`\ntw\\`inset-y-20\\`\ntw\\`inset-x-20\\`\ntw\\`-inset-y-20\\`\ntw\\`-inset-x-20\\`\ntw\\`top-20\\`\ntw\\`right-20\\`\ntw\\`bottom-20\\`\ntw\\`left-20\\`\ntw\\`-top-20\\`\ntw\\`-right-20\\`\ntw\\`-bottom-20\\`\ntw\\`-left-20\\`\ntw\\`inset-24\\`\ntw\\`-inset-24\\`\ntw\\`inset-y-24\\`\ntw\\`inset-x-24\\`\ntw\\`-inset-y-24\\`\ntw\\`-inset-x-24\\`\ntw\\`top-24\\`\ntw\\`right-24\\`\ntw\\`bottom-24\\`\ntw\\`left-24\\`\ntw\\`-right-24\\`\ntw\\`-bottom-24\\`\ntw\\`-left-24\\`\ntw\\`inset-28\\`\ntw\\`-inset-28\\`\ntw\\`inset-y-28\\`\ntw\\`inset-x-28\\`\ntw\\`-inset-y-28\\`\ntw\\`-inset-x-28\\`\ntw\\`top-28\\`\ntw\\`right-28\\`\ntw\\`bottom-28\\`\ntw\\`left-28\\`\ntw\\`-top-28\\`\ntw\\`-right-28\\`\ntw\\`-bottom-28\\`\ntw\\`-left-28\\`\ntw\\`inset-32\\`\ntw\\`-inset-32\\`\ntw\\`inset-y-32\\`\ntw\\`inset-x-32\\`\ntw\\`-inset-y-32\\`\ntw\\`-inset-x-32\\`\ntw\\`right-32\\`\ntw\\`bottom-32\\`\ntw\\`left-32\\`\ntw\\`-top-32\\`\ntw\\`-right-32\\`\ntw\\`-bottom-32\\`\ntw\\`-left-32\\`\ntw\\`inset-36\\`\ntw\\`-inset-36\\`\ntw\\`inset-y-36\\`\ntw\\`inset-x-36\\`\ntw\\`-inset-y-36\\`\ntw\\`-inset-x-36\\`\ntw\\`top-36\\`\ntw\\`right-36\\`\ntw\\`bottom-36\\`\ntw\\`left-36\\`\ntw\\`-top-36\\`\ntw\\`-right-36\\`\ntw\\`-bottom-36\\`\ntw\\`-left-36\\`\ntw\\`inset-40\\`\ntw\\`-inset-40\\`\ntw\\`inset-y-40\\`\ntw\\`inset-x-40\\`\ntw\\`-inset-y-40\\`\ntw\\`-inset-x-40\\`\ntw\\`top-40\\`\ntw\\`right-40\\`\ntw\\`bottom-40\\`\ntw\\`left-40\\`\ntw\\`-top-40\\`\ntw\\`-right-40\\`\ntw\\`-bottom-40\\`\ntw\\`-left-40\\`\ntw\\`inset-44\\`\ntw\\`-inset-44\\`\ntw\\`inset-y-44\\`\ntw\\`inset-x-44\\`\ntw\\`-inset-y-44\\`\ntw\\`-inset-x-44\\`\ntw\\`top-44\\`\ntw\\`right-44\\`\ntw\\`bottom-44\\`\ntw\\`left-44\\`\ntw\\`-top-44\\`\ntw\\`-right-44\\`\ntw\\`-bottom-44\\`\ntw\\`-left-44\\`\ntw\\`inset-48\\`\ntw\\`-inset-48\\`\ntw\\`inset-y-48\\`\ntw\\`inset-x-48\\`\ntw\\`-inset-y-48\\`\ntw\\`-inset-x-48\\`\ntw\\`top-48\\`\ntw\\`right-48\\`\ntw\\`bottom-48\\`\ntw\\`left-48\\`\ntw\\`-right-48\\`\ntw\\`-bottom-48\\`\ntw\\`-left-48\\`\ntw\\`inset-52\\`\ntw\\`-inset-52\\`\ntw\\`inset-y-52\\`\ntw\\`inset-x-52\\`\ntw\\`-inset-y-52\\`\ntw\\`-inset-x-52\\`\ntw\\`top-52\\`\ntw\\`right-52\\`\ntw\\`bottom-52\\`\ntw\\`left-52\\`\ntw\\`-top-52\\`\ntw\\`-right-52\\`\ntw\\`-bottom-52\\`\ntw\\`-left-52\\`\ntw\\`inset-56\\`\ntw\\`-inset-56\\`\ntw\\`inset-y-56\\`\ntw\\`inset-x-56\\`\ntw\\`-inset-y-56\\`\ntw\\`-inset-x-56\\`\ntw\\`top-56\\`\ntw\\`right-56\\`\ntw\\`bottom-56\\`\ntw\\`left-56\\`\ntw\\`-top-56\\`\ntw\\`-right-56\\`\ntw\\`-bottom-56\\`\ntw\\`-left-56\\`\ntw\\`inset-60\\`\ntw\\`-inset-60\\`\ntw\\`inset-y-60\\`\ntw\\`inset-x-60\\`\ntw\\`-inset-y-60\\`\ntw\\`-inset-x-60\\`\ntw\\`top-60\\`\ntw\\`right-60\\`\ntw\\`bottom-60\\`\ntw\\`left-60\\`\ntw\\`-top-60\\`\ntw\\`-right-60\\`\ntw\\`-bottom-60\\`\ntw\\`-left-60\\`\ntw\\`inset-64\\`\ntw\\`-inset-64\\`\ntw\\`inset-y-64\\`\ntw\\`inset-x-64\\`\ntw\\`-inset-y-64\\`\ntw\\`-inset-x-64\\`\ntw\\`top-64\\`\ntw\\`right-64\\`\ntw\\`bottom-64\\`\ntw\\`left-64\\`\ntw\\`-top-64\\`\ntw\\`-right-64\\`\ntw\\`-bottom-64\\`\ntw\\`-left-64\\`\ntw\\`inset-72\\`\ntw\\`-inset-72\\`\ntw\\`inset-y-72\\`\ntw\\`inset-x-72\\`\ntw\\`-inset-y-72\\`\ntw\\`-inset-x-72\\`\ntw\\`top-72\\`\ntw\\`right-72\\`\ntw\\`bottom-72\\`\ntw\\`left-72\\`\ntw\\`-top-72\\`\ntw\\`-right-72\\`\ntw\\`-bottom-72\\`\ntw\\`-left-72\\`\ntw\\`inset-80\\`\ntw\\`-inset-80\\`\ntw\\`inset-y-80\\`\ntw\\`inset-x-80\\`\ntw\\`-inset-y-80\\`\ntw\\`-inset-x-80\\`\ntw\\`top-80\\`\ntw\\`right-80\\`\ntw\\`bottom-80\\`\ntw\\`left-80\\`\ntw\\`-top-80\\`\ntw\\`-right-80\\`\ntw\\`-bottom-80\\`\ntw\\`-left-80\\`\ntw\\`inset-96\\`\ntw\\`-inset-96\\`\ntw\\`inset-y-96\\`\ntw\\`inset-x-96\\`\ntw\\`-inset-y-96\\`\ntw\\`-inset-x-96\\`\ntw\\`top-96\\`\ntw\\`right-96\\`\ntw\\`bottom-96\\`\ntw\\`left-96\\`\ntw\\`-top-96\\`\ntw\\`-right-96\\`\ntw\\`-bottom-96\\`\ntw\\`-left-96\\`\ntw\\`inset-auto\\`\ntw\\`inset-px\\`\ntw\\`-inset-px\\`\ntw\\`inset-1/2\\`\ntw\\`inset-1/3\\`\ntw\\`inset-2/3\\`\ntw\\`inset-1/4\\`\ntw\\`inset-2/4\\`\ntw\\`inset-3/4\\`\ntw\\`inset-full\\`\ntw\\`-inset-1/2\\`\ntw\\`-inset-1/3\\`\ntw\\`-inset-2/3\\`\ntw\\`-inset-1/4\\`\ntw\\`-inset-2/4\\`\ntw\\`-inset-3/4\\`\ntw\\`-inset-full\\`\ntw\\`inset-y-auto\\`\ntw\\`inset-x-auto\\`\ntw\\`inset-y-px\\`\ntw\\`inset-x-px\\`\ntw\\`-inset-y-px\\`\ntw\\`-inset-x-px\\`\ntw\\`inset-y-1/2\\`\ntw\\`inset-x-1/2\\`\ntw\\`inset-y-1/3\\`\ntw\\`inset-x-1/3\\`\ntw\\`inset-y-2/3\\`\ntw\\`inset-x-2/3\\`\ntw\\`inset-y-1/4\\`\ntw\\`inset-x-1/4\\`\ntw\\`inset-y-2/4\\`\ntw\\`inset-x-2/4\\`\ntw\\`inset-y-3/4\\`\ntw\\`inset-x-3/4\\`\ntw\\`inset-y-full\\`\ntw\\`inset-x-full\\`\ntw\\`-inset-y-1/2\\`\ntw\\`-inset-x-1/2\\`\ntw\\`-inset-y-1/3\\`\ntw\\`-inset-x-1/3\\`\ntw\\`-inset-y-2/3\\`\ntw\\`-inset-x-2/3\\`\ntw\\`-inset-y-1/4\\`\ntw\\`-inset-x-1/4\\`\ntw\\`-inset-y-2/4\\`\ntw\\`-inset-x-2/4\\`\ntw\\`-inset-y-3/4\\`\ntw\\`-inset-x-3/4\\`\ntw\\`-inset-y-full\\`\ntw\\`-inset-x-full\\`\ntw\\`top-auto\\`\ntw\\`right-auto\\`\ntw\\`bottom-auto\\`\ntw\\`left-auto\\`\ntw\\`top-px\\`\ntw\\`right-px\\`\ntw\\`bottom-px\\`\ntw\\`left-px\\`\ntw\\`-top-px\\`\ntw\\`-right-px\\`\ntw\\`-bottom-px\\`\ntw\\`-left-px\\`\ntw\\`top-1/2\\`\ntw\\`right-1/2\\`\ntw\\`bottom-1/2\\`\ntw\\`left-1/2\\`\ntw\\`top-1/3\\`\ntw\\`right-1/3\\`\ntw\\`bottom-1/3\\`\ntw\\`left-1/3\\`\ntw\\`top-2/3\\`\ntw\\`right-2/3\\`\ntw\\`bottom-2/3\\`\ntw\\`left-2/3\\`\ntw\\`top-1/4\\`\ntw\\`right-1/4\\`\ntw\\`bottom-1/4\\`\ntw\\`left-1/4\\`\ntw\\`top-2/4\\`\ntw\\`right-2/4\\`\ntw\\`bottom-2/4\\`\ntw\\`left-2/4\\`\ntw\\`top-3/4\\`\ntw\\`right-3/4\\`\ntw\\`bottom-3/4\\`\ntw\\`left-3/4\\`\ntw\\`top-full\\`\ntw\\`right-full\\`\ntw\\`bottom-full\\`\ntw\\`left-full\\`\ntw\\`-top-1/2\\`\ntw\\`-right-1/2\\`\ntw\\`-bottom-1/2\\`\ntw\\`-left-1/2\\`\ntw\\`-top-1/3\\`\ntw\\`-right-1/3\\`\ntw\\`-bottom-1/3\\`\ntw\\`-left-1/3\\`\ntw\\`-top-2/3\\`\ntw\\`-right-2/3\\`\ntw\\`-bottom-2/3\\`\ntw\\`-left-2/3\\`\ntw\\`-top-1/4\\`\ntw\\`-right-1/4\\`\ntw\\`-bottom-1/4\\`\ntw\\`-left-1/4\\`\ntw\\`-top-2/4\\`\ntw\\`-right-2/4\\`\ntw\\`-bottom-2/4\\`\ntw\\`-left-2/4\\`\ntw\\`-top-3/4\\`\ntw\\`-right-3/4\\`\ntw\\`-bottom-3/4\\`\ntw\\`-left-3/4\\`\ntw\\`-top-full\\`\ntw\\`-right-full\\`\ntw\\`-bottom-full\\`\ntw\\`-left-full\\`\n\ntw\\`top-[3px]\\`\ntw\\`inset-[50px]!\\`\n\ntw\\`inset-6 inset-x-1 start-4 end-8\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/top-right-bottom-left\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n full: '100%',\n})\n;({\n inset: '0px',\n})\n;({\n inset: '-0px',\n})\n;({\n top: '0px',\n bottom: '0px',\n})\n;({\n left: '0px',\n right: '0px',\n})\n;({\n top: '-0px',\n bottom: '-0px',\n})\n;({\n left: '-0px',\n right: '-0px',\n})\n;({\n top: '0px',\n})\n;({\n right: '0px',\n})\n;({\n bottom: '0px',\n})\n;({\n left: '0px',\n})\n;({\n top: '-0px',\n})\n;({\n right: '-0px',\n})\n;({\n bottom: '-0px',\n})\n;({\n left: '-0px',\n})\n;({\n inset: '0.125rem',\n})\n;({\n inset: '-0.125rem',\n})\n;({\n top: '0.125rem',\n bottom: '0.125rem',\n})\n;({\n left: '0.125rem',\n right: '0.125rem',\n})\n;({\n top: '-0.125rem',\n bottom: '-0.125rem',\n})\n;({\n left: '-0.125rem',\n right: '-0.125rem',\n})\n;({\n top: '0.125rem',\n})\n;({\n right: '0.125rem',\n})\n;({\n bottom: '0.125rem',\n})\n;({\n left: '0.125rem',\n})\n;({\n top: '-0.125rem',\n})\n;({\n right: '-0.125rem',\n})\n;({\n bottom: '-0.125rem',\n})\n;({\n left: '-0.125rem',\n})\n;({\n inset: '0.25rem',\n})\n;({\n inset: '-0.25rem',\n})\n;({\n top: '0.25rem',\n bottom: '0.25rem',\n})\n;({\n left: '0.25rem',\n right: '0.25rem',\n})\n;({\n top: '-0.25rem',\n bottom: '-0.25rem',\n})\n;({\n left: '-0.25rem',\n right: '-0.25rem',\n})\n;({\n top: '0.25rem',\n})\n;({\n right: '0.25rem',\n})\n;({\n bottom: '0.25rem',\n})\n;({\n left: '0.25rem',\n})\n;({\n top: '-0.25rem',\n})\n;({\n right: '-0.25rem',\n})\n;({\n bottom: '-0.25rem',\n})\n;({\n left: '-0.25rem',\n})\n;({\n inset: '0.375rem',\n})\n;({\n inset: '-0.375rem',\n})\n;({\n top: '0.375rem',\n bottom: '0.375rem',\n})\n;({\n left: '0.375rem',\n right: '0.375rem',\n})\n;({\n top: '-0.375rem',\n bottom: '-0.375rem',\n})\n;({\n left: '-0.375rem',\n right: '-0.375rem',\n})\n;({\n top: '0.375rem',\n})\n;({\n right: '0.375rem',\n})\n;({\n bottom: '0.375rem',\n})\n;({\n left: '0.375rem',\n})\n;({\n top: '-0.375rem',\n})\n;({\n right: '-0.375rem',\n})\n;({\n bottom: '-0.375rem',\n})\n;({\n left: '-0.375rem',\n})\n;({\n inset: '0.5rem',\n})\n;({\n inset: '-0.5rem',\n})\n;({\n top: '0.5rem',\n bottom: '0.5rem',\n})\n;({\n left: '0.5rem',\n right: '0.5rem',\n})\n;({\n top: '-0.5rem',\n bottom: '-0.5rem',\n})\n;({\n left: '-0.5rem',\n right: '-0.5rem',\n})\n;({\n top: '0.5rem',\n})\n;({\n right: '0.5rem',\n})\n;({\n bottom: '0.5rem',\n})\n;({\n left: '0.5rem',\n})\n;({\n top: '-0.5rem',\n})\n;({\n right: '-0.5rem',\n})\n;({\n bottom: '-0.5rem',\n})\n;({\n left: '-0.5rem',\n})\n;({\n inset: '0.625rem',\n})\n;({\n inset: '-0.625rem',\n})\n;({\n top: '0.625rem',\n bottom: '0.625rem',\n})\n;({\n left: '0.625rem',\n right: '0.625rem',\n})\n;({\n top: '-0.625rem',\n bottom: '-0.625rem',\n})\n;({\n top: '0.625rem',\n})\n;({\n right: '0.625rem',\n})\n;({\n bottom: '0.625rem',\n})\n;({\n left: '0.625rem',\n})\n;({\n top: '-0.625rem',\n})\n;({\n bottom: '-0.625rem',\n})\n;({\n left: '-0.625rem',\n})\n;({\n inset: '0.75rem',\n})\n;({\n inset: '-0.75rem',\n})\n;({\n top: '0.75rem',\n bottom: '0.75rem',\n})\n;({\n left: '0.75rem',\n right: '0.75rem',\n})\n;({\n top: '-0.75rem',\n bottom: '-0.75rem',\n})\n;({\n left: '-0.75rem',\n right: '-0.75rem',\n})\n;({\n top: '0.75rem',\n})\n;({\n right: '0.75rem',\n})\n;({\n bottom: '0.75rem',\n})\n;({\n left: '0.75rem',\n})\n;({\n top: '-0.75rem',\n})\n;({\n right: '-0.75rem',\n})\n;({\n bottom: '-0.75rem',\n})\n;({\n left: '-0.75rem',\n})\n;({\n inset: '0.875rem',\n})\n;({\n inset: '-0.875rem',\n})\n;({\n top: '0.875rem',\n bottom: '0.875rem',\n})\n;({\n left: '0.875rem',\n right: '0.875rem',\n})\n;({\n top: '-0.875rem',\n bottom: '-0.875rem',\n})\n;({\n left: '-0.875rem',\n right: '-0.875rem',\n})\n;({\n top: '0.875rem',\n})\n;({\n right: '0.875rem',\n})\n;({\n bottom: '0.875rem',\n})\n;({\n left: '0.875rem',\n})\n;({\n top: '-0.875rem',\n})\n;({\n right: '-0.875rem',\n})\n;({\n bottom: '-0.875rem',\n})\n;({\n left: '-0.875rem',\n})\n;({\n inset: '1rem',\n})\n;({\n inset: '-1rem',\n})\n;({\n top: '1rem',\n bottom: '1rem',\n})\n;({\n left: '1rem',\n right: '1rem',\n})\n;({\n top: '-1rem',\n bottom: '-1rem',\n})\n;({\n left: '-1rem',\n right: '-1rem',\n})\n;({\n top: '1rem',\n})\n;({\n right: '1rem',\n})\n;({\n bottom: '1rem',\n})\n;({\n left: '1rem',\n})\n;({\n top: '-1rem',\n})\n;({\n right: '-1rem',\n})\n;({\n bottom: '-1rem',\n})\n;({\n left: '-1rem',\n})\n;({\n inset: '1.25rem',\n})\n;({\n inset: '-1.25rem',\n})\n;({\n top: '1.25rem',\n bottom: '1.25rem',\n})\n;({\n left: '1.25rem',\n right: '1.25rem',\n})\n;({\n top: '-1.25rem',\n bottom: '-1.25rem',\n})\n;({\n left: '-1.25rem',\n right: '-1.25rem',\n})\n;({\n top: '1.25rem',\n})\n;({\n right: '1.25rem',\n})\n;({\n bottom: '1.25rem',\n})\n;({\n left: '1.25rem',\n})\n;({\n top: '-1.25rem',\n})\n;({\n right: '-1.25rem',\n})\n;({\n bottom: '-1.25rem',\n})\n;({\n left: '-1.25rem',\n})\n;({\n inset: '1.5rem',\n})\n;({\n inset: '-1.5rem',\n})\n;({\n top: '1.5rem',\n bottom: '1.5rem',\n})\n;({\n left: '1.5rem',\n right: '1.5rem',\n})\n;({\n top: '-1.5rem',\n bottom: '-1.5rem',\n})\n;({\n left: '-1.5rem',\n right: '-1.5rem',\n})\n;({\n top: '1.5rem',\n})\n;({\n right: '1.5rem',\n})\n;({\n bottom: '1.5rem',\n})\n;({\n left: '1.5rem',\n})\n;({\n top: '-1.5rem',\n})\n;({\n right: '-1.5rem',\n})\n;({\n bottom: '-1.5rem',\n})\n;({\n left: '-1.5rem',\n})\n;({\n inset: '1.75rem',\n})\n;({\n inset: '-1.75rem',\n})\n;({\n top: '1.75rem',\n bottom: '1.75rem',\n})\n;({\n left: '1.75rem',\n right: '1.75rem',\n})\n;({\n top: '-1.75rem',\n bottom: '-1.75rem',\n})\n;({\n left: '-1.75rem',\n right: '-1.75rem',\n})\n;({\n top: '1.75rem',\n})\n;({\n right: '1.75rem',\n})\n;({\n bottom: '1.75rem',\n})\n;({\n left: '1.75rem',\n})\n;({\n top: '-1.75rem',\n})\n;({\n right: '-1.75rem',\n})\n;({\n bottom: '-1.75rem',\n})\n;({\n left: '-1.75rem',\n})\n;({\n inset: '2rem',\n})\n;({\n inset: '-2rem',\n})\n;({\n top: '2rem',\n bottom: '2rem',\n})\n;({\n left: '2rem',\n right: '2rem',\n})\n;({\n top: '-2rem',\n bottom: '-2rem',\n})\n;({\n left: '-2rem',\n right: '-2rem',\n})\n;({\n top: '2rem',\n})\n;({\n right: '2rem',\n})\n;({\n bottom: '2rem',\n})\n;({\n left: '2rem',\n})\n;({\n top: '-2rem',\n})\n;({\n right: '-2rem',\n})\n;({\n bottom: '-2rem',\n})\n;({\n left: '-2rem',\n})\n;({\n inset: '2.25rem',\n})\n;({\n inset: '-2.25rem',\n})\n;({\n top: '2.25rem',\n bottom: '2.25rem',\n})\n;({\n left: '2.25rem',\n right: '2.25rem',\n})\n;({\n top: '-2.25rem',\n bottom: '-2.25rem',\n})\n;({\n left: '-2.25rem',\n right: '-2.25rem',\n})\n;({\n top: '2.25rem',\n})\n;({\n right: '2.25rem',\n})\n;({\n bottom: '2.25rem',\n})\n;({\n left: '2.25rem',\n})\n;({\n top: '-2.25rem',\n})\n;({\n right: '-2.25rem',\n})\n;({\n bottom: '-2.25rem',\n})\n;({\n left: '-2.25rem',\n})\n;({\n inset: '2.5rem',\n})\n;({\n inset: '-2.5rem',\n})\n;({\n top: '2.5rem',\n bottom: '2.5rem',\n})\n;({\n left: '2.5rem',\n right: '2.5rem',\n})\n;({\n top: '-2.5rem',\n bottom: '-2.5rem',\n})\n;({\n left: '-2.5rem',\n right: '-2.5rem',\n})\n;({\n top: '2.5rem',\n})\n;({\n right: '2.5rem',\n})\n;({\n bottom: '2.5rem',\n})\n;({\n left: '2.5rem',\n})\n;({\n top: '-2.5rem',\n})\n;({\n right: '-2.5rem',\n})\n;({\n bottom: '-2.5rem',\n})\n;({\n left: '-2.5rem',\n})\n;({\n inset: '2.75rem',\n})\n;({\n inset: '-2.75rem',\n})\n;({\n top: '2.75rem',\n bottom: '2.75rem',\n})\n;({\n left: '2.75rem',\n right: '2.75rem',\n})\n;({\n top: '-2.75rem',\n bottom: '-2.75rem',\n})\n;({\n left: '-2.75rem',\n right: '-2.75rem',\n})\n;({\n top: '2.75rem',\n})\n;({\n right: '2.75rem',\n})\n;({\n bottom: '2.75rem',\n})\n;({\n left: '2.75rem',\n})\n;({\n top: '-2.75rem',\n})\n;({\n right: '-2.75rem',\n})\n;({\n bottom: '-2.75rem',\n})\n;({\n left: '-2.75rem',\n})\n;({\n inset: '3rem',\n})\n;({\n inset: '-3rem',\n})\n;({\n top: '3rem',\n bottom: '3rem',\n})\n;({\n left: '3rem',\n right: '3rem',\n})\n;({\n top: '-3rem',\n bottom: '-3rem',\n})\n;({\n left: '-3rem',\n right: '-3rem',\n})\n;({\n top: '3rem',\n})\n;({\n right: '3rem',\n})\n;({\n bottom: '3rem',\n})\n;({\n left: '3rem',\n})\n;({\n top: '-3rem',\n})\n;({\n right: '-3rem',\n})\n;({\n bottom: '-3rem',\n})\n;({\n left: '-3rem',\n})\n;({\n inset: '3.5rem',\n})\n;({\n inset: '-3.5rem',\n})\n;({\n top: '3.5rem',\n bottom: '3.5rem',\n})\n;({\n left: '3.5rem',\n right: '3.5rem',\n})\n;({\n top: '-3.5rem',\n bottom: '-3.5rem',\n})\n;({\n left: '-3.5rem',\n right: '-3.5rem',\n})\n;({\n top: '3.5rem',\n})\n;({\n right: '3.5rem',\n})\n;({\n bottom: '3.5rem',\n})\n;({\n left: '3.5rem',\n})\n;({\n top: '-3.5rem',\n})\n;({\n right: '-3.5rem',\n})\n;({\n bottom: '-3.5rem',\n})\n;({\n left: '-3.5rem',\n})\n;({\n inset: '4rem',\n})\n;({\n inset: '-4rem',\n})\n;({\n top: '4rem',\n bottom: '4rem',\n})\n;({\n left: '4rem',\n right: '4rem',\n})\n;({\n top: '-4rem',\n bottom: '-4rem',\n})\n;({\n left: '-4rem',\n right: '-4rem',\n})\n;({\n top: '4rem',\n})\n;({\n right: '4rem',\n})\n;({\n bottom: '4rem',\n})\n;({\n left: '4rem',\n})\n;({\n top: '-4rem',\n})\n;({\n right: '-4rem',\n})\n;({\n bottom: '-4rem',\n})\n;({\n left: '-4rem',\n})\n;({\n inset: '5rem',\n})\n;({\n inset: '-5rem',\n})\n;({\n top: '5rem',\n bottom: '5rem',\n})\n;({\n left: '5rem',\n right: '5rem',\n})\n;({\n top: '-5rem',\n bottom: '-5rem',\n})\n;({\n left: '-5rem',\n right: '-5rem',\n})\n;({\n top: '5rem',\n})\n;({\n right: '5rem',\n})\n;({\n bottom: '5rem',\n})\n;({\n left: '5rem',\n})\n;({\n top: '-5rem',\n})\n;({\n right: '-5rem',\n})\n;({\n bottom: '-5rem',\n})\n;({\n left: '-5rem',\n})\n;({\n inset: '6rem',\n})\n;({\n inset: '-6rem',\n})\n;({\n top: '6rem',\n bottom: '6rem',\n})\n;({\n left: '6rem',\n right: '6rem',\n})\n;({\n top: '-6rem',\n bottom: '-6rem',\n})\n;({\n left: '-6rem',\n right: '-6rem',\n})\n;({\n top: '6rem',\n})\n;({\n right: '6rem',\n})\n;({\n bottom: '6rem',\n})\n;({\n left: '6rem',\n})\n;({\n right: '-6rem',\n})\n;({\n bottom: '-6rem',\n})\n;({\n left: '-6rem',\n})\n;({\n inset: '7rem',\n})\n;({\n inset: '-7rem',\n})\n;({\n top: '7rem',\n bottom: '7rem',\n})\n;({\n left: '7rem',\n right: '7rem',\n})\n;({\n top: '-7rem',\n bottom: '-7rem',\n})\n;({\n left: '-7rem',\n right: '-7rem',\n})\n;({\n top: '7rem',\n})\n;({\n right: '7rem',\n})\n;({\n bottom: '7rem',\n})\n;({\n left: '7rem',\n})\n;({\n top: '-7rem',\n})\n;({\n right: '-7rem',\n})\n;({\n bottom: '-7rem',\n})\n;({\n left: '-7rem',\n})\n;({\n inset: '8rem',\n})\n;({\n inset: '-8rem',\n})\n;({\n top: '8rem',\n bottom: '8rem',\n})\n;({\n left: '8rem',\n right: '8rem',\n})\n;({\n top: '-8rem',\n bottom: '-8rem',\n})\n;({\n left: '-8rem',\n right: '-8rem',\n})\n;({\n right: '8rem',\n})\n;({\n bottom: '8rem',\n})\n;({\n left: '8rem',\n})\n;({\n top: '-8rem',\n})\n;({\n right: '-8rem',\n})\n;({\n bottom: '-8rem',\n})\n;({\n left: '-8rem',\n})\n;({\n inset: '9rem',\n})\n;({\n inset: '-9rem',\n})\n;({\n top: '9rem',\n bottom: '9rem',\n})\n;({\n left: '9rem',\n right: '9rem',\n})\n;({\n top: '-9rem',\n bottom: '-9rem',\n})\n;({\n left: '-9rem',\n right: '-9rem',\n})\n;({\n top: '9rem',\n})\n;({\n right: '9rem',\n})\n;({\n bottom: '9rem',\n})\n;({\n left: '9rem',\n})\n;({\n top: '-9rem',\n})\n;({\n right: '-9rem',\n})\n;({\n bottom: '-9rem',\n})\n;({\n left: '-9rem',\n})\n;({\n inset: '10rem',\n})\n;({\n inset: '-10rem',\n})\n;({\n top: '10rem',\n bottom: '10rem',\n})\n;({\n left: '10rem',\n right: '10rem',\n})\n;({\n top: '-10rem',\n bottom: '-10rem',\n})\n;({\n left: '-10rem',\n right: '-10rem',\n})\n;({\n top: '10rem',\n})\n;({\n right: '10rem',\n})\n;({\n bottom: '10rem',\n})\n;({\n left: '10rem',\n})\n;({\n top: '-10rem',\n})\n;({\n right: '-10rem',\n})\n;({\n bottom: '-10rem',\n})\n;({\n left: '-10rem',\n})\n;({\n inset: '11rem',\n})\n;({\n inset: '-11rem',\n})\n;({\n top: '11rem',\n bottom: '11rem',\n})\n;({\n left: '11rem',\n right: '11rem',\n})\n;({\n top: '-11rem',\n bottom: '-11rem',\n})\n;({\n left: '-11rem',\n right: '-11rem',\n})\n;({\n top: '11rem',\n})\n;({\n right: '11rem',\n})\n;({\n bottom: '11rem',\n})\n;({\n left: '11rem',\n})\n;({\n top: '-11rem',\n})\n;({\n right: '-11rem',\n})\n;({\n bottom: '-11rem',\n})\n;({\n left: '-11rem',\n})\n;({\n inset: '12rem',\n})\n;({\n inset: '-12rem',\n})\n;({\n top: '12rem',\n bottom: '12rem',\n})\n;({\n left: '12rem',\n right: '12rem',\n})\n;({\n top: '-12rem',\n bottom: '-12rem',\n})\n;({\n left: '-12rem',\n right: '-12rem',\n})\n;({\n top: '12rem',\n})\n;({\n right: '12rem',\n})\n;({\n bottom: '12rem',\n})\n;({\n left: '12rem',\n})\n;({\n right: '-12rem',\n})\n;({\n bottom: '-12rem',\n})\n;({\n left: '-12rem',\n})\n;({\n inset: '13rem',\n})\n;({\n inset: '-13rem',\n})\n;({\n top: '13rem',\n bottom: '13rem',\n})\n;({\n left: '13rem',\n right: '13rem',\n})\n;({\n top: '-13rem',\n bottom: '-13rem',\n})\n;({\n left: '-13rem',\n right: '-13rem',\n})\n;({\n top: '13rem',\n})\n;({\n right: '13rem',\n})\n;({\n bottom: '13rem',\n})\n;({\n left: '13rem',\n})\n;({\n top: '-13rem',\n})\n;({\n right: '-13rem',\n})\n;({\n bottom: '-13rem',\n})\n;({\n left: '-13rem',\n})\n;({\n inset: '14rem',\n})\n;({\n inset: '-14rem',\n})\n;({\n top: '14rem',\n bottom: '14rem',\n})\n;({\n left: '14rem',\n right: '14rem',\n})\n;({\n top: '-14rem',\n bottom: '-14rem',\n})\n;({\n left: '-14rem',\n right: '-14rem',\n})\n;({\n top: '14rem',\n})\n;({\n right: '14rem',\n})\n;({\n bottom: '14rem',\n})\n;({\n left: '14rem',\n})\n;({\n top: '-14rem',\n})\n;({\n right: '-14rem',\n})\n;({\n bottom: '-14rem',\n})\n;({\n left: '-14rem',\n})\n;({\n inset: '15rem',\n})\n;({\n inset: '-15rem',\n})\n;({\n top: '15rem',\n bottom: '15rem',\n})\n;({\n left: '15rem',\n right: '15rem',\n})\n;({\n top: '-15rem',\n bottom: '-15rem',\n})\n;({\n left: '-15rem',\n right: '-15rem',\n})\n;({\n top: '15rem',\n})\n;({\n right: '15rem',\n})\n;({\n bottom: '15rem',\n})\n;({\n left: '15rem',\n})\n;({\n top: '-15rem',\n})\n;({\n right: '-15rem',\n})\n;({\n bottom: '-15rem',\n})\n;({\n left: '-15rem',\n})\n;({\n inset: '16rem',\n})\n;({\n inset: '-16rem',\n})\n;({\n top: '16rem',\n bottom: '16rem',\n})\n;({\n left: '16rem',\n right: '16rem',\n})\n;({\n top: '-16rem',\n bottom: '-16rem',\n})\n;({\n left: '-16rem',\n right: '-16rem',\n})\n;({\n top: '16rem',\n})\n;({\n right: '16rem',\n})\n;({\n bottom: '16rem',\n})\n;({\n left: '16rem',\n})\n;({\n top: '-16rem',\n})\n;({\n right: '-16rem',\n})\n;({\n bottom: '-16rem',\n})\n;({\n left: '-16rem',\n})\n;({\n inset: '18rem',\n})\n;({\n inset: '-18rem',\n})\n;({\n top: '18rem',\n bottom: '18rem',\n})\n;({\n left: '18rem',\n right: '18rem',\n})\n;({\n top: '-18rem',\n bottom: '-18rem',\n})\n;({\n left: '-18rem',\n right: '-18rem',\n})\n;({\n top: '18rem',\n})\n;({\n right: '18rem',\n})\n;({\n bottom: '18rem',\n})\n;({\n left: '18rem',\n})\n;({\n top: '-18rem',\n})\n;({\n right: '-18rem',\n})\n;({\n bottom: '-18rem',\n})\n;({\n left: '-18rem',\n})\n;({\n inset: '20rem',\n})\n;({\n inset: '-20rem',\n})\n;({\n top: '20rem',\n bottom: '20rem',\n})\n;({\n left: '20rem',\n right: '20rem',\n})\n;({\n top: '-20rem',\n bottom: '-20rem',\n})\n;({\n left: '-20rem',\n right: '-20rem',\n})\n;({\n top: '20rem',\n})\n;({\n right: '20rem',\n})\n;({\n bottom: '20rem',\n})\n;({\n left: '20rem',\n})\n;({\n top: '-20rem',\n})\n;({\n right: '-20rem',\n})\n;({\n bottom: '-20rem',\n})\n;({\n left: '-20rem',\n})\n;({\n inset: '24rem',\n})\n;({\n inset: '-24rem',\n})\n;({\n top: '24rem',\n bottom: '24rem',\n})\n;({\n left: '24rem',\n right: '24rem',\n})\n;({\n top: '-24rem',\n bottom: '-24rem',\n})\n;({\n left: '-24rem',\n right: '-24rem',\n})\n;({\n top: '24rem',\n})\n;({\n right: '24rem',\n})\n;({\n bottom: '24rem',\n})\n;({\n left: '24rem',\n})\n;({\n top: '-24rem',\n})\n;({\n right: '-24rem',\n})\n;({\n bottom: '-24rem',\n})\n;({\n left: '-24rem',\n})\n;({\n inset: 'auto',\n})\n;({\n inset: '1px',\n})\n;({\n inset: '-1px',\n})\n;({\n inset: '50%',\n})\n;({\n inset: '33.333333%',\n})\n;({\n inset: '66.666667%',\n})\n;({\n inset: '25%',\n})\n;({\n inset: '50%',\n})\n;({\n inset: '75%',\n})\n;({\n inset: '100%',\n})\n;({\n inset: '-50%',\n})\n;({\n inset: '-33.333333%',\n})\n;({\n inset: '-66.666667%',\n})\n;({\n inset: '-25%',\n})\n;({\n inset: '-50%',\n})\n;({\n inset: '-75%',\n})\n;({\n inset: '-100%',\n})\n;({\n top: 'auto',\n bottom: 'auto',\n})\n;({\n left: 'auto',\n right: 'auto',\n})\n;({\n top: '1px',\n bottom: '1px',\n})\n;({\n left: '1px',\n right: '1px',\n})\n;({\n top: '-1px',\n bottom: '-1px',\n})\n;({\n left: '-1px',\n right: '-1px',\n})\n;({\n top: '50%',\n bottom: '50%',\n})\n;({\n left: '50%',\n right: '50%',\n})\n;({\n top: '33.333333%',\n bottom: '33.333333%',\n})\n;({\n left: '33.333333%',\n right: '33.333333%',\n})\n;({\n top: '66.666667%',\n bottom: '66.666667%',\n})\n;({\n left: '66.666667%',\n right: '66.666667%',\n})\n;({\n top: '25%',\n bottom: '25%',\n})\n;({\n left: '25%',\n right: '25%',\n})\n;({\n top: '50%',\n bottom: '50%',\n})\n;({\n left: '50%',\n right: '50%',\n})\n;({\n top: '75%',\n bottom: '75%',\n})\n;({\n left: '75%',\n right: '75%',\n})\n;({\n top: '100%',\n bottom: '100%',\n})\n;({\n left: '100%',\n right: '100%',\n})\n;({\n top: '-50%',\n bottom: '-50%',\n})\n;({\n left: '-50%',\n right: '-50%',\n})\n;({\n top: '-33.333333%',\n bottom: '-33.333333%',\n})\n;({\n left: '-33.333333%',\n right: '-33.333333%',\n})\n;({\n top: '-66.666667%',\n bottom: '-66.666667%',\n})\n;({\n left: '-66.666667%',\n right: '-66.666667%',\n})\n;({\n top: '-25%',\n bottom: '-25%',\n})\n;({\n left: '-25%',\n right: '-25%',\n})\n;({\n top: '-50%',\n bottom: '-50%',\n})\n;({\n left: '-50%',\n right: '-50%',\n})\n;({\n top: '-75%',\n bottom: '-75%',\n})\n;({\n left: '-75%',\n right: '-75%',\n})\n;({\n top: '-100%',\n bottom: '-100%',\n})\n;({\n left: '-100%',\n right: '-100%',\n})\n;({\n top: 'auto',\n})\n;({\n right: 'auto',\n})\n;({\n bottom: 'auto',\n})\n;({\n left: 'auto',\n})\n;({\n top: '1px',\n})\n;({\n right: '1px',\n})\n;({\n bottom: '1px',\n})\n;({\n left: '1px',\n})\n;({\n top: '-1px',\n})\n;({\n right: '-1px',\n})\n;({\n bottom: '-1px',\n})\n;({\n left: '-1px',\n})\n;({\n top: '50%',\n})\n;({\n right: '50%',\n})\n;({\n bottom: '50%',\n})\n;({\n left: '50%',\n})\n;({\n top: '33.333333%',\n})\n;({\n right: '33.333333%',\n})\n;({\n bottom: '33.333333%',\n})\n;({\n left: '33.333333%',\n})\n;({\n top: '66.666667%',\n})\n;({\n right: '66.666667%',\n})\n;({\n bottom: '66.666667%',\n})\n;({\n left: '66.666667%',\n})\n;({\n top: '25%',\n})\n;({\n right: '25%',\n})\n;({\n bottom: '25%',\n})\n;({\n left: '25%',\n})\n;({\n top: '50%',\n})\n;({\n right: '50%',\n})\n;({\n bottom: '50%',\n})\n;({\n left: '50%',\n})\n;({\n top: '75%',\n})\n;({\n right: '75%',\n})\n;({\n bottom: '75%',\n})\n;({\n left: '75%',\n})\n;({\n top: '100%',\n})\n;({\n right: '100%',\n})\n;({\n bottom: '100%',\n})\n;({\n left: '100%',\n})\n;({\n top: '-50%',\n})\n;({\n right: '-50%',\n})\n;({\n bottom: '-50%',\n})\n;({\n left: '-50%',\n})\n;({\n top: '-33.333333%',\n})\n;({\n right: '-33.333333%',\n})\n;({\n bottom: '-33.333333%',\n})\n;({\n left: '-33.333333%',\n})\n;({\n top: '-66.666667%',\n})\n;({\n right: '-66.666667%',\n})\n;({\n bottom: '-66.666667%',\n})\n;({\n left: '-66.666667%',\n})\n;({\n top: '-25%',\n})\n;({\n right: '-25%',\n})\n;({\n bottom: '-25%',\n})\n;({\n left: '-25%',\n})\n;({\n top: '-50%',\n})\n;({\n right: '-50%',\n})\n;({\n bottom: '-50%',\n})\n;({\n left: '-50%',\n})\n;({\n top: '-75%',\n})\n;({\n right: '-75%',\n})\n;({\n bottom: '-75%',\n})\n;({\n left: '-75%',\n})\n;({\n top: '-100%',\n})\n;({\n right: '-100%',\n})\n;({\n bottom: '-100%',\n})\n;({\n left: '-100%',\n})\n;({\n top: '3px',\n})\n;({\n inset: '50px !important',\n})\n;({\n inset: '1.5rem',\n left: '0.25rem',\n right: '0.25rem',\n insetInlineEnd: '2rem',\n insetInlineStart: '1rem',\n})\n\n\n`;\n\nexports[`twin.macro touchAction.tsx: touchAction.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/touch-action\ntw\\`touch-auto\\`\ntw\\`touch-none\\`\ntw\\`touch-pan-x\\`\ntw\\`touch-pan-left\\`\ntw\\`touch-pan-right\\`\ntw\\`touch-pan-y\\`\ntw\\`touch-pan-up\\`\ntw\\`touch-pan-down\\`\ntw\\`touch-pinch-zoom\\`\ntw\\`touch-manipulation\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/touch-action\n;({\n touchAction: 'auto',\n})\n;({\n touchAction: 'none',\n})\n;({\n '--tw-pan-x': 'pan-x',\n touchAction: 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)',\n})\n;({\n '--tw-pan-x': 'pan-left',\n touchAction: 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)',\n})\n;({\n '--tw-pan-x': 'pan-right',\n touchAction: 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)',\n})\n;({\n '--tw-pan-y': 'pan-y',\n touchAction: 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)',\n})\n;({\n '--tw-pan-y': 'pan-up',\n touchAction: 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)',\n})\n;({\n '--tw-pan-y': 'pan-down',\n touchAction: 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)',\n})\n;({\n '--tw-pinch-zoom': 'pinch-zoom',\n touchAction: 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)',\n})\n;({\n touchAction: 'manipulation',\n})\n\n\n`;\n\nexports[`twin.macro transformOrigin.tsx: transformOrigin.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transform-origin\ntheme\\`transformOrigin\\`\n\ntw\\`origin-center\\`\ntw\\`origin-top\\`\ntw\\`origin-top-right\\`\ntw\\`origin-right\\`\ntw\\`origin-bottom-right\\`\ntw\\`origin-bottom\\`\ntw\\`origin-bottom-left\\`\ntw\\`origin-left\\`\ntw\\`origin-top-left\\`\n\ntw\\`origin-[33% 75%]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/transform-origin\n;({\n center: 'center',\n top: 'top',\n 'top-right': 'top right',\n right: 'right',\n 'bottom-right': 'bottom right',\n bottom: 'bottom',\n 'bottom-left': 'bottom left',\n left: 'left',\n 'top-left': 'top left',\n})\n;({\n transformOrigin: 'center',\n})\n;({\n transformOrigin: 'top',\n})\n;({\n transformOrigin: 'top right',\n})\n;({\n transformOrigin: 'right',\n})\n;({\n transformOrigin: 'bottom right',\n})\n;({\n transformOrigin: 'bottom',\n})\n;({\n transformOrigin: 'bottom left',\n})\n;({\n transformOrigin: 'left',\n})\n;({\n transformOrigin: 'top left',\n})\n;({\n transformOrigin: '33% 75%',\n})\n\n\n`;\n\nexports[`twin.macro transitionDelay.tsx: transitionDelay.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transition-delay\ntheme\\`transitionDelay\\`\n\ntw\\`delay-75\\`\ntw\\`delay-100\\`\ntw\\`delay-150\\`\ntw\\`delay-200\\`\ntw\\`delay-300\\`\ntw\\`delay-500\\`\ntw\\`delay-700\\`\ntw\\`delay-1000\\`\n\ntw\\`delay-[2000ms]\\`\ntw\\`delay-[var(--delay)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/transition-delay\n;({\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms',\n})\n;({\n transitionDelay: '75ms',\n})\n;({\n transitionDelay: '100ms',\n})\n;({\n transitionDelay: '150ms',\n})\n;({\n transitionDelay: '200ms',\n})\n;({\n transitionDelay: '300ms',\n})\n;({\n transitionDelay: '500ms',\n})\n;({\n transitionDelay: '700ms',\n})\n;({\n transitionDelay: '1000ms',\n})\n;({\n transitionDelay: '2000ms',\n})\n;({\n transitionDelay: 'var(--delay)',\n})\n\n\n`;\n\nexports[`twin.macro transitionDuration.tsx: transitionDuration.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transition-duration\ntheme\\`transitionDuration.\\`\n\ntw\\`duration-75\\`\ntw\\`duration-100\\`\ntw\\`duration-150\\`\ntw\\`duration-200\\`\ntw\\`duration-300\\`\ntw\\`duration-500\\`\ntw\\`duration-700\\`\ntw\\`duration-1000\\`\n\ntw\\`duration-[2000ms]\\`\ntw\\`duration-[2s]\\`\ntw\\`duration-[var(--app-duration)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/transition-duration\n;({\n 0: '0s',\n 75: '75ms',\n 100: '100ms',\n 150: '150ms',\n 200: '200ms',\n 300: '300ms',\n 500: '500ms',\n 700: '700ms',\n 1000: '1000ms',\n DEFAULT: '150ms',\n})\n;({\n transitionDuration: '75ms',\n})\n;({\n transitionDuration: '100ms',\n})\n;({\n transitionDuration: '150ms',\n})\n;({\n transitionDuration: '200ms',\n})\n;({\n transitionDuration: '300ms',\n})\n;({\n transitionDuration: '500ms',\n})\n;({\n transitionDuration: '700ms',\n})\n;({\n transitionDuration: '1000ms',\n})\n;({\n transitionDuration: '2000ms',\n})\n;({\n transitionDuration: '2s',\n})\n;({\n transitionDuration: 'var(--app-duration)',\n})\n\n\n`;\n\nexports[`twin.macro transitionProperty.tsx: transitionProperty.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transition-property\ntheme\\`transitionProperty.\\`\n\ntw\\`transition-none\\`\ntw\\`transition-all\\`\ntw\\`transition\\`\ntw\\`transition-colors\\`\ntw\\`transition-opacity\\`\ntw\\`transition-shadow\\`\ntw\\`transition-transform\\`\n\ntw\\`transition-[height]\\`\n\ntw\\`transition-[lookup:green]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/transition-property\n;({\n none: 'none',\n all: 'all',\n DEFAULT:\n 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',\n colors:\n 'color, background-color, border-color, text-decoration-color, fill, stroke',\n opacity: 'opacity',\n shadow: 'box-shadow',\n transform: 'transform',\n})\n;({\n transitionProperty: 'none',\n})\n;({\n transitionProperty: 'all',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionDuration: '150ms',\n})\n;({\n transitionProperty:\n 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionDuration: '150ms',\n})\n;({\n transitionProperty:\n 'color, background-color, border-color, text-decoration-color, fill, stroke',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionDuration: '150ms',\n})\n;({\n transitionProperty: 'opacity',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionDuration: '150ms',\n})\n;({\n transitionProperty: 'box-shadow',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionDuration: '150ms',\n})\n;({\n transitionProperty: 'transform',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionDuration: '150ms',\n})\n;({\n transitionProperty: 'height',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionDuration: '150ms',\n})\n;({\n transitionProperty: 'green',\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n transitionDuration: '150ms',\n})\n\n\n`;\n\nexports[`twin.macro transitionTimingFunction.tsx: transitionTimingFunction.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/transition-timing-function\ntheme\\`transitionTimingFunction.\\`\n\ntw\\`ease-linear\\`\ntw\\`ease-in\\`\ntw\\`ease-out\\`\ntw\\`ease-in-out\\`\n\ntw\\`ease-[cubic-bezier(0.95, 0.05, 0.795, 0.035)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/transition-timing-function\n;({\n DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',\n linear: 'linear',\n in: 'cubic-bezier(0.4, 0, 1, 1)',\n out: 'cubic-bezier(0, 0, 0.2, 1)',\n 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n})\n;({\n transitionTimingFunction: 'linear',\n})\n;({\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 1, 1)',\n})\n;({\n transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',\n})\n;({\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n})\n;({\n transitionTimingFunction: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',\n})\n\n\n`;\n\nexports[`twin.macro translate.tsx: translate.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/translate\n\ntw\\`translate-x-0\\`\ntw\\`translate-y-0\\`\ntw\\`translate-x-px\\`\ntw\\`translate-y-px\\`\ntw\\`translate-x-0.5\\`\ntw\\`translate-y-0.5\\`\ntw\\`translate-x-1\\`\ntw\\`translate-y-1\\`\ntw\\`translate-x-1.5\\`\ntw\\`translate-y-1.5\\`\ntw\\`translate-x-2\\`\ntw\\`translate-y-2\\`\ntw\\`translate-x-2.5\\`\ntw\\`translate-y-2.5\\`\ntw\\`translate-x-3\\`\ntw\\`translate-y-3\\`\ntw\\`translate-x-3.5\\`\ntw\\`translate-y-3.5\\`\ntw\\`translate-x-4\\`\ntw\\`translate-y-4\\`\ntw\\`translate-x-5\\`\ntw\\`translate-y-5\\`\ntw\\`translate-x-6\\`\ntw\\`translate-y-6\\`\ntw\\`translate-x-7\\`\ntw\\`translate-y-7\\`\ntw\\`translate-x-8\\`\ntw\\`translate-y-8\\`\ntw\\`translate-x-9\\`\ntw\\`translate-y-9\\`\ntw\\`translate-x-10\\`\ntw\\`translate-y-10\\`\ntw\\`translate-x-11\\`\ntw\\`translate-y-11\\`\ntw\\`translate-x-12\\`\ntw\\`translate-y-12\\`\ntw\\`translate-x-14\\`\ntw\\`translate-y-14\\`\ntw\\`translate-x-16\\`\ntw\\`translate-y-16\\`\ntw\\`translate-x-20\\`\ntw\\`translate-y-20\\`\ntw\\`translate-x-24\\`\ntw\\`translate-y-24\\`\ntw\\`translate-x-28\\`\ntw\\`translate-y-28\\`\ntw\\`translate-x-32\\`\ntw\\`translate-y-32\\`\ntw\\`translate-x-36\\`\ntw\\`translate-y-36\\`\ntw\\`translate-x-40\\`\ntw\\`translate-y-40\\`\ntw\\`translate-x-44\\`\ntw\\`translate-y-44\\`\ntw\\`translate-x-48\\`\ntw\\`translate-y-48\\`\ntw\\`translate-x-52\\`\ntw\\`translate-y-52\\`\ntw\\`translate-x-56\\`\ntw\\`translate-y-56\\`\ntw\\`translate-x-60\\`\ntw\\`translate-y-60\\`\ntw\\`translate-x-64\\`\ntw\\`translate-y-64\\`\ntw\\`translate-x-72\\`\ntw\\`translate-y-72\\`\ntw\\`translate-x-80\\`\ntw\\`translate-y-80\\`\ntw\\`translate-x-96\\`\ntw\\`translate-y-96\\`\ntw\\`translate-x-1/2\\`\ntw\\`translate-x-1/3\\`\ntw\\`translate-x-2/3\\`\ntw\\`translate-x-1/4\\`\ntw\\`translate-x-2/4\\`\ntw\\`translate-x-3/4\\`\ntw\\`translate-x-full\\`\ntw\\`translate-y-1/2\\`\ntw\\`translate-y-1/3\\`\ntw\\`translate-y-2/3\\`\ntw\\`translate-y-1/4\\`\ntw\\`translate-y-2/4\\`\ntw\\`translate-y-3/4\\`\ntw\\`translate-y-full\\`\n\ntw\\`transform\\`\ntw\\`transform-gpu\\`\ntw\\`transform-cpu\\`\ntw\\`transform-none\\`\n\ntw\\`translate-x-10000\\`\ntw\\`-translate-x-10000\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/translate\n;({\n '--tw-translate-x': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '0px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '1px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '1px',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '0.125rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '0.125rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '0.25rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '0.25rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '0.375rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '0.375rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '0.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '0.625rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '0.625rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '0.75rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '0.75rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '0.875rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '0.875rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '1rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '1rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '1.25rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '1.25rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '1.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '1.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '1.75rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '1.75rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '2rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '2rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '2.25rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '2.25rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '2.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '2.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '2.75rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '2.75rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '3rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '3rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '3.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '3.5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '4rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '4rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '5rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '6rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '6rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '7rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '7rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '8rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '8rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '9rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '9rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '10rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '10rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '11rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '11rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '12rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '12rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '13rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '13rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '14rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '14rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '15rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '15rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '16rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '16rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '18rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '18rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '20rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '20rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '24rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '24rem',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '50%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '33.333333%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '66.666667%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '25%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '50%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '75%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '50%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '33.333333%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '66.666667%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '25%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '50%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '75%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-y': '100%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n transform:\n 'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n transform: 'none',\n})\n;({\n '--tw-translate-x': '5000%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n;({\n '--tw-translate-x': '-5000%',\n transform:\n 'translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',\n})\n\n\n`;\n\nexports[`twin.macro userPluginOrdering.tsx: userPluginOrdering.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`selector\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '@media (min-width: 1px)': {\n content: '@media .selector',\n '& .selector3': {\n content: '@media .selector .selector3',\n },\n ':hover .selector2': {\n content: '@media .selector:hover .selector2',\n },\n ':hover.selector2': {\n content: '@media .selector:hover.selector2',\n },\n },\n content: '.selector',\n '& .selector2': {\n content: '.selector .selector2',\n },\n ':hover': {\n content: '.selector:hover',\n },\n ':hover .selector3': {\n content: '.selector:hover .selector3',\n },\n margin: '1px',\n padding: 'padding',\n display: 'block',\n '@media (min-width: 2px)': {\n content: '@media .selector',\n },\n})\n\n\n`;\n\nexports[`twin.macro userSelect.tsx: userSelect.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/user-select\ntw\\`select-none\\`\ntw\\`select-text\\`\ntw\\`select-all\\`\ntw\\`select-auto\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/user-select\n;({\n userSelect: 'none',\n})\n;({\n userSelect: 'text',\n})\n;({\n userSelect: 'all',\n})\n;({\n userSelect: 'auto',\n})\n\n\n`;\n\nexports[`twin.macro variables.tsx: variables.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// Test a user created css class with a css variable as a rule property\ntw\\`css-class-with-variable-as-rule-property\\`\n\n// Test negative css variables\ntw\\`-mx-gutter-1/2\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// Test a user created css class with a css variable as a rule property\n;({\n '--some-css-variable-as-rule-prop': 'blue',\n}) // Test negative css variables\n\n;({\n marginLeft: 'calc(var(--gutter-half) * -1)',\n marginRight: 'calc(var(--gutter-half) * -1)',\n})\n\n\n`;\n\nexports[`twin.macro variantOrdering.tsx: variantOrdering.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`before:valid:rtl:motion-safe:contrast-more:dark:print:portrait:any-pointer-fine:block\\`\n\ntw\\`any-pointer-fine:portrait:print:dark:contrast-more:motion-safe:rtl:valid:before:mt-5\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n '@media (any-pointer: fine)': {\n '@media (orientation: portrait)': {\n '@media print': {\n '@media (prefers-color-scheme: dark)': {\n '@media (prefers-contrast: more)': {\n '@media (prefers-reduced-motion: no-preference)': {\n ':is([dir=\"rtl\"] &:valid)::before': {\n content: 'var(--tw-content)',\n display: 'block',\n },\n },\n },\n },\n },\n },\n },\n})\n;({\n '@media (prefers-reduced-motion: no-preference)': {\n '@media (prefers-contrast: more)': {\n '@media (prefers-color-scheme: dark)': {\n '@media print': {\n '@media (orientation: portrait)': {\n '@media (any-pointer: fine)': {\n ':is([dir=\"rtl\"] &):valid::before': {\n content: 'var(--tw-content)',\n marginTop: '1.25rem',\n },\n },\n },\n },\n },\n },\n },\n})\n\n\n`;\n\nexports[`twin.macro verticalAlign.tsx: verticalAlign.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/vertical-align\ntw\\`align-baseline\\`\ntw\\`align-top\\`\ntw\\`align-middle\\`\ntw\\`align-bottom\\`\ntw\\`align-text-top\\`\ntw\\`align-text-bottom\\`\ntw\\`align-sub\\`\ntw\\`align-super\\`\n\ntw\\`align-[something]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/vertical-align\n;({\n verticalAlign: 'baseline',\n})\n;({\n verticalAlign: 'top',\n})\n;({\n verticalAlign: 'middle',\n})\n;({\n verticalAlign: 'bottom',\n})\n;({\n verticalAlign: 'text-top',\n})\n;({\n verticalAlign: 'text-bottom',\n})\n;({\n verticalAlign: 'sub',\n})\n;({\n verticalAlign: 'super',\n})\n;({\n verticalAlign: 'something',\n})\n\n\n`;\n\nexports[`twin.macro visibility.tsx: visibility.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/visibility\ntw\\`visible\\`\ntw\\`invisible\\`\ntw\\`collapse\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/visibility\n;({\n visibility: 'visible',\n})\n;({\n visibility: 'hidden',\n})\n;({\n visibility: 'collapse',\n})\n\n\n`;\n\nexports[`twin.macro visitedOpacity.tsx: visitedOpacity.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\ntw\\`visited:border-red-500 visited:bg-red-500 visited:text-red-500\\`\ntw\\`visited:border-red-500/20 visited:bg-red-500/20 visited:text-red-500/20\\`\ntw\\`visited:border-red-500/[20] visited:bg-red-500/[20] visited:text-red-500/[20]\\`\ntw\\`visited:(border-red-500) visited:(bg-red-500) visited:(text-red-500)\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n;({\n ':visited': {\n borderColor: 'rgb(239 68 68 )',\n backgroundColor: 'rgb(239 68 68 )',\n color: 'rgb(239 68 68 )',\n },\n})\n;({\n ':visited': {\n borderColor: 'rgb(239 68 68 / 0.2)',\n backgroundColor: 'rgb(239 68 68 / 0.2)',\n color: 'rgb(239 68 68 / 0.2)',\n },\n})\n;({\n ':visited': {\n borderColor: 'rgb(239 68 68 / 20)',\n backgroundColor: 'rgb(239 68 68 / 20)',\n color: 'rgb(239 68 68 / 20)',\n },\n})\n;({\n ':visited': {\n borderColor: 'rgb(239 68 68 )',\n backgroundColor: 'rgb(239 68 68 )',\n color: 'rgb(239 68 68 )',\n },\n})\n\n\n`;\n\nexports[`twin.macro whitespace.tsx: whitespace.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/whitespace\ntw\\`whitespace-normal\\`\ntw\\`whitespace-nowrap\\`\ntw\\`whitespace-pre\\`\ntw\\`whitespace-pre-line\\`\ntw\\`whitespace-pre-wrap\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/whitespace\n;({\n whiteSpace: 'normal',\n})\n;({\n whiteSpace: 'nowrap',\n})\n;({\n whiteSpace: 'pre',\n})\n;({\n whiteSpace: 'pre-line',\n})\n;({\n whiteSpace: 'pre-wrap',\n})\n\n\n`;\n\nexports[`twin.macro width.tsx: width.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/width\ntheme\\`width\\`\n\ntw\\`w-0\\`\ntw\\`w-px\\`\ntw\\`w-0.5\\`\ntw\\`w-1\\`\ntw\\`w-1.5\\`\ntw\\`w-2\\`\ntw\\`w-2.5\\`\ntw\\`w-3\\`\ntw\\`w-3.5\\`\ntw\\`w-4\\`\ntw\\`w-5\\`\ntw\\`w-6\\`\ntw\\`w-7\\`\ntw\\`w-8\\`\ntw\\`w-9\\`\ntw\\`w-10\\`\ntw\\`w-11\\`\ntw\\`w-12\\`\ntw\\`w-14\\`\ntw\\`w-16\\`\ntw\\`w-20\\`\ntw\\`w-24\\`\ntw\\`w-28\\`\ntw\\`w-32\\`\ntw\\`w-36\\`\ntw\\`w-40\\`\ntw\\`w-44\\`\ntw\\`w-48\\`\ntw\\`w-52\\`\ntw\\`w-56\\`\ntw\\`w-60\\`\ntw\\`w-64\\`\ntw\\`w-72\\`\ntw\\`w-80\\`\ntw\\`w-96\\`\ntw\\`w-auto\\`\ntw\\`w-1/2\\`\ntw\\`w-1/3\\`\ntw\\`w-2/3\\`\ntw\\`w-1/4\\`\ntw\\`w-2/4\\`\ntw\\`w-3/4\\`\ntw\\`w-1/5\\`\ntw\\`w-2/5\\`\ntw\\`w-3/5\\`\ntw\\`w-4/5\\`\ntw\\`w-1/6\\`\ntw\\`w-2/6\\`\ntw\\`w-3/6\\`\ntw\\`w-4/6\\`\ntw\\`w-5/6\\`\ntw\\`w-1/12\\`\ntw\\`w-2/12\\`\ntw\\`w-3/12\\`\ntw\\`w-4/12\\`\ntw\\`w-5/12\\`\ntw\\`w-6/12\\`\ntw\\`w-7/12\\`\ntw\\`w-8/12\\`\ntw\\`w-9/12\\`\ntw\\`w-10/12\\`\ntw\\`w-11/12\\`\ntw\\`w-full\\`\ntw\\`w-screen\\`\ntw\\`w-min\\`\ntw\\`w-max\\`\ntw\\`w-fit\\`\n\ntw\\`w-[3.23rem]\\`\ntw\\`w-[calc(100%+1rem)]\\`\ntw\\`w-[calc(var(--10-10px,calc(-20px-(-30px--40px)))-50px)]\\`\ntw\\`w-[var(--width)]\\`\ntw\\`w-[var(--width,calc(100%+1rem))]\\`\ntw\\`w-[calc(100%/3-1rem*2)]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/width\n;({\n 0: '0px',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '0.75rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n auto: 'auto',\n px: '1px',\n 0.5: '0.125rem',\n 1.5: '0.375rem',\n 2.5: '0.625rem',\n 3.5: '0.875rem',\n '1/2': '50%',\n '1/3': '33.333333%',\n '2/3': '66.666667%',\n '1/4': '25%',\n '2/4': '50%',\n '3/4': '75%',\n '1/5': '20%',\n '2/5': '40%',\n '3/5': '60%',\n '4/5': '80%',\n '1/6': '16.666667%',\n '2/6': '33.333333%',\n '3/6': '50%',\n '4/6': '66.666667%',\n '5/6': '83.333333%',\n '1/12': '8.333333%',\n '2/12': '16.666667%',\n '3/12': '25%',\n '4/12': '33.333333%',\n '5/12': '41.666667%',\n '6/12': '50%',\n '7/12': '58.333333%',\n '8/12': '66.666667%',\n '9/12': '75%',\n '10/12': '83.333333%',\n '11/12': '91.666667%',\n full: '100%',\n screen: '100vw',\n min: 'min-content',\n max: 'max-content',\n fit: 'fit-content',\n})\n;({\n width: '0px',\n})\n;({\n width: '1px',\n})\n;({\n width: '0.125rem',\n})\n;({\n width: '0.25rem',\n})\n;({\n width: '0.375rem',\n})\n;({\n width: '0.5rem',\n})\n;({\n width: '0.625rem',\n})\n;({\n width: '0.75rem',\n})\n;({\n width: '0.875rem',\n})\n;({\n width: '1rem',\n})\n;({\n width: '1.25rem',\n})\n;({\n width: '1.5rem',\n})\n;({\n width: '1.75rem',\n})\n;({\n width: '2rem',\n})\n;({\n width: '2.25rem',\n})\n;({\n width: '2.5rem',\n})\n;({\n width: '2.75rem',\n})\n;({\n width: '3rem',\n})\n;({\n width: '3.5rem',\n})\n;({\n width: '4rem',\n})\n;({\n width: '5rem',\n})\n;({\n width: '6rem',\n})\n;({\n width: '7rem',\n})\n;({\n width: '8rem',\n})\n;({\n width: '9rem',\n})\n;({\n width: '10rem',\n})\n;({\n width: '11rem',\n})\n;({\n width: '12rem',\n})\n;({\n width: '13rem',\n})\n;({\n width: '14rem',\n})\n;({\n width: '15rem',\n})\n;({\n width: '16rem',\n})\n;({\n width: '18rem',\n})\n;({\n width: '20rem',\n})\n;({\n width: '24rem',\n})\n;({\n width: 'auto',\n})\n;({\n width: '50%',\n})\n;({\n width: '33.333333%',\n})\n;({\n width: '66.666667%',\n})\n;({\n width: '25%',\n})\n;({\n width: '50%',\n})\n;({\n width: '75%',\n})\n;({\n width: '20%',\n})\n;({\n width: '40%',\n})\n;({\n width: '60%',\n})\n;({\n width: '80%',\n})\n;({\n width: '16.666667%',\n})\n;({\n width: '33.333333%',\n})\n;({\n width: '50%',\n})\n;({\n width: '66.666667%',\n})\n;({\n width: '83.333333%',\n})\n;({\n width: '8.333333%',\n})\n;({\n width: '16.666667%',\n})\n;({\n width: '25%',\n})\n;({\n width: '33.333333%',\n})\n;({\n width: '41.666667%',\n})\n;({\n width: '50%',\n})\n;({\n width: '58.333333%',\n})\n;({\n width: '66.666667%',\n})\n;({\n width: '75%',\n})\n;({\n width: '83.333333%',\n})\n;({\n width: '91.666667%',\n})\n;({\n width: '100%',\n})\n;({\n width: '100vw',\n})\n;({\n width: 'min-content',\n})\n;({\n width: 'max-content',\n})\n;({\n width: 'fit-content',\n})\n;({\n width: '3.23rem',\n})\n;({\n width: 'calc(100% + 1rem)',\n})\n;({\n width: 'calc(var(--10-10px,calc(-20px - (-30px - -40px))) - 50px)',\n})\n;({\n width: 'var(--width)',\n})\n;({\n width: 'var(--width,calc(100% + 1rem))',\n})\n;({\n width: 'calc(100% / 3 - 1rem * 2)',\n})\n\n\n`;\n\nexports[`twin.macro willChange.tsx: willChange.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/will-change\ntheme\\`willChange\\`\n\ntw\\`will-change-auto\\`\ntw\\`will-change-scroll\\`\ntw\\`will-change-contents\\`\ntw\\`will-change-transform\\`\ntw\\`will-change-[top, left]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/will-change\n;({\n auto: 'auto',\n scroll: 'scroll-position',\n contents: 'contents',\n transform: 'transform',\n})\n;({\n willChange: 'auto',\n})\n;({\n willChange: 'scroll-position',\n})\n;({\n willChange: 'contents',\n})\n;({\n willChange: 'transform',\n})\n;({\n willChange: 'top, left',\n})\n\n\n`;\n\nexports[`twin.macro wordBreak.tsx: wordBreak.tsx 1`] = `\n\n// @ts-nocheck\nimport tw from '../macro'\n\n// https://tailwindcss.com/docs/word-break\ntw\\`break-keep\\`\ntw\\`break-normal\\`\ntw\\`break-words\\`\ntw\\`break-all\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/word-break\n;({\n wordBreak: 'keep-all',\n})\n;({\n overflowWrap: 'normal',\n wordBreak: 'normal',\n})\n;({\n overflowWrap: 'break-word',\n})\n;({\n wordBreak: 'break-all',\n})\n\n\n`;\n\nexports[`twin.macro zIndex.tsx: zIndex.tsx 1`] = `\n\n// @ts-nocheck\nimport tw, { theme } from '../macro'\n\n// https://tailwindcss.com/docs/z-index\ntheme\\`zIndex\\`\n\ntw\\`z-0\\`\ntw\\`-z-0\\`\ntw\\`z-10\\`\ntw\\`-z-10\\`\ntw\\`z-20\\`\ntw\\`-z-20\\`\ntw\\`z-30\\`\ntw\\`-z-30\\`\ntw\\`z-40\\`\ntw\\`-z-40\\`\ntw\\`z-50\\`\ntw\\`-z-50\\`\ntw\\`z-auto\\`\n\ntw\\`z-[100]\\`\ntw\\`z-[-100]\\`\ntw\\`-z-[100]\\`\ntw\\`-z-[-100]\\`\n\n ↓ ↓ ↓ ↓ ↓ ↓\n\n// @ts-nocheck\n// https://tailwindcss.com/docs/z-index\n;({\n 0: '0',\n 1: '1',\n 10: '10',\n 20: '20',\n 30: '30',\n 40: '40',\n 50: '50',\n auto: 'auto',\n})\n;({\n zIndex: '0',\n})\n;({\n zIndex: '0',\n})\n;({\n zIndex: '10',\n})\n;({\n zIndex: '-10',\n})\n;({\n zIndex: '20',\n})\n;({\n zIndex: '-20',\n})\n;({\n zIndex: '30',\n})\n;({\n zIndex: '-30',\n})\n;({\n zIndex: '40',\n})\n;({\n zIndex: '-40',\n})\n;({\n zIndex: '50',\n})\n;({\n zIndex: '-50',\n})\n;({\n zIndex: 'auto',\n})\n;({\n zIndex: '100',\n})\n;({\n zIndex: '-100',\n})\n;({\n zIndex: '-100',\n})\n;({\n zIndex: '100',\n})\n\n\n`;\n" }, { "path": "tests/animations.test.ts", "content": "import { run, html } from './util/run'\n\ntest('basic', async () => {\n const input = html`\n <>\n
    \n
    \n
    \n \n `\n\n return run(input, {}).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\n React.Fragment,\n null,\n React.createElement(\"div\", {\n css: {\n \"@keyframes spin\": { to: { transform: \"rotate(360deg)\" } },\n animation: \"spin 1s linear infinite\",\n },\n }),\n React.createElement(\"div\", {\n css: {\n \"@keyframes ping\": { \"75%, 100%\": { transform: \"scale(2)\", opacity: \"0\" } },\n \":hover\": { animation: \"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite\" },\n },\n }),\n React.createElement(\"div\", {\n css: {\n \"@keyframes bounce\": {\n \"0%, 100%\": {\n transform: \"translateY(-25%)\",\n animationTimingFunction: \"cubic-bezier(0.8,0,1,1)\",\n },\n \"50%\": { transform: \"none\", animationTimingFunction: \"cubic-bezier(0,0,0.2,1)\" },\n },\n \".group:hover &\": { animation: \"bounce 1s infinite\" },\n },\n })\n );\n `)\n })\n})\n\ntest('custom', async () => {\n const input = html`
    `\n const config = {\n theme: {\n extend: {\n keyframes: { one: { to: { transform: 'rotate(360deg)' } } },\n animation: { one: 'one 2s' },\n },\n },\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", {\n css: { \"@keyframes one\": { to: { transform: \"rotate(360deg)\" } }, animation: \"one 2s\" },\n });\n `)\n })\n})\n\ntest('custom prefixed', async () => {\n const input = html`
    `\n const config = {\n prefix: 'tw-',\n theme: {\n extend: {\n keyframes: {\n one: { to: { transform: 'rotate(360deg)' } },\n },\n animation: { one: 'one 2s' },\n },\n },\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", {\n css: { \"@keyframes tw-one\": { to: { transform: \"rotate(360deg)\" } }, animation: \"tw-one 2s\" },\n })\n `)\n })\n})\n\ntest('multiple', async () => {\n const input = html`
    `\n const config = {\n theme: {\n extend: {\n animation: { multiple: 'bounce 2s linear, pulse 3s ease-in' },\n },\n },\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", {\n css: {\n \"@keyframes bounce\": {\n \"0%, 100%\": {\n transform: \"translateY(-25%)\",\n animationTimingFunction: \"cubic-bezier(0.8,0,1,1)\",\n },\n \"50%\": { transform: \"none\", animationTimingFunction: \"cubic-bezier(0,0,0.2,1)\" },\n },\n \"@keyframes pulse\": { \"50%\": { opacity: \".5\" } },\n animation: \"bounce 2s linear, pulse 3s ease-in\",\n },\n });\n `)\n })\n})\n\ntest('multiple custom', async () => {\n const input = html`
    `\n const config = {\n theme: {\n extend: {\n keyframes: {\n one: { to: { transform: 'rotate(360deg)' } },\n two: { to: { transform: 'scale(1.23)' } },\n },\n animation: { multiple: 'one 2s, two 3s' },\n },\n },\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", {\n css: {\n \"@keyframes one\": { to: { transform: \"rotate(360deg)\" } },\n \"@keyframes two\": { to: { transform: \"scale(1.23)\" } },\n animation: \"one 2s, two 3s\",\n },\n });\n `)\n })\n})\n\ntest('with dots in the name', async () => {\n const input = html`\n <>\n
    \n
    \n \n `\n const config = {\n theme: {\n extend: {\n keyframes: {\n 'zoom-.5': { to: { transform: 'scale(0.5)' } },\n 'zoom-1.5': { to: { transform: 'scale(1.5)' } },\n },\n animation: {\n 'zoom-.5': 'zoom-.5 2s',\n 'zoom-1.5': 'zoom-1.5 2s',\n },\n },\n },\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\n React.Fragment,\n null,\n React.createElement(\"div\", {\n css: {\n \"@keyframes zoom-\\\\\\\\.5\": { to: { transform: \"scale(0.5)\" } },\n animation: \"zoom-.5 2s\"\n },\n }),\n React.createElement(\"div\", {\n css: {\n \"@keyframes zoom-1\\\\\\\\.5\": { to: { transform: \"scale(1.5)\" } },\n animation: \"zoom-1.5 2s\",\n },\n })\n );\n `)\n })\n})\n\ntest('with dots in the name and prefix', async () => {\n const input = html`\n <>\n
    \n
    \n \n `\n const config = {\n prefix: 'tw-',\n theme: {\n extend: {\n keyframes: {\n 'zoom-.5': { to: { transform: 'scale(0.5)' } },\n 'zoom-1.5': { to: { transform: 'scale(1.5)' } },\n },\n animation: {\n 'zoom-.5': 'zoom-.5 2s',\n 'zoom-1.5': 'zoom-1.5 2s',\n },\n },\n },\n }\n\n return run(input, config).then((result: string) => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\n React.Fragment,\n null,\n React.createElement(\"div\", {\n css: {\n \"@keyframes tw-zoom-\\\\\\\\.5\": { to: { transform: \"scale(0.5)\" } },\n animation: \"tw-zoom-.5 2s\",\n },\n }),\n React.createElement(\"div\", {\n css: {\n \"@keyframes tw-zoom-1\\\\\\\\.5\": { to: { transform: \"scale(1.5)\" } },\n animation: \"tw-zoom-1.5 2s\",\n },\n })\n );\n `)\n })\n})\n" }, { "path": "tests/arbitraryProperties.test.ts", "content": "import { run } from './util/run'\n\ntest('basic arbitrary property', async () => {\n const input = 'tw`[paint-order:markers]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`({ paintOrder: \"markers\" });`)\n })\n})\n\ntest('arbitrary properties with modifiers', async () => {\n const input = 'tw`dark:lg:hover:[paint-order:markers]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '@media (min-width: 1024px)': {\n '@media (prefers-color-scheme: dark)': { ':hover': { paintOrder: 'markers' } },\n },\n }) \n `)\n })\n})\n\ntest('arbitrary properties are sorted after utilities', async () => {\n const input =\n 'tw`[paint-order:markers] content-none hover:pointer-events-none`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"--tw-content\": \"none\",\n content: \"var(--tw-content)\",\n paintOrder: \"markers\",\n \":hover\": { pointerEvents: \"none\" },\n });\n `)\n })\n})\n\ntest('using CSS variables', async () => {\n const input = 'tw`[--my-var:auto]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`({ \"--my-var\": \"auto\" });`)\n })\n})\n\ntest('using underscores as spaces', async () => {\n const input = 'tw`[--my-var:2px_4px]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"--my-var\": \"2px 4px\" });\n `)\n })\n})\n\ntest('using the important modifier', async () => {\n const input = 'tw`![--my-var:2px_4px]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"--my-var\": \"2px 4px !important\" });\n `)\n })\n})\n\ntest('colons are allowed in quotes', async () => {\n const input = \"tw`[content:'foo:bar']`\"\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ content: \"'foo:bar'\" });\n `)\n })\n})\n\ntest('colons are allowed in braces', async () => {\n const input = 'tw`[background-image:url(http://example.com/picture.jpg)]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ backgroundImage: \"url(http://example.com/picture.jpg)\" });\n `)\n })\n})\n\ntest('invalid class', async () => {\n const input = 'tw`[a:b:c:d]`'\n expect.assertions(1)\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n \n ✕ [a:b:c:d] was not found`)\n })\n})\n\ntest('invalid arbitrary property', async () => {\n // eslint-disable-next-line no-template-curly-in-string\n const input = 'tw`[autoplay:${autoplay}]`'\n expect.assertions(1)\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown: \n\n ✕ Your classes need to be complete strings for Twin to detect them correctly\n \n Read more at https://twinredirect.page.link/template-literals\n `)\n })\n})\n\ntest('invalid arbitrary property 2', async () => {\n const input = 'tw`[0:02]`'\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n \n ✕ [0:02] was not found\n `)\n })\n})\n\nit('should be possible to read theme values in arbitrary properties (without quotes)', async () => {\n const input = 'tw`[--a:theme(colors.blue.500)] [color:var(--a)]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"--a\": \"#3b82f6\", color: \"var(--a)\" });\n `)\n })\n})\n\nit('should be possible to read theme values in arbitrary properties (with quotes)', async () => {\n const input = \"tw`[color:var(--a)] [--a:theme('colors.blue.500')]`\"\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"--a\": \"#3b82f6\", color: \"var(--a)\" });\n `)\n })\n})\n\nit('should not generate invalid CSS', async () => {\n const input = 'tw`[https://en.wikipedia.org/wiki]`'\n expect.assertions(1)\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n \n ✕ [https://en.wikipedia.org/wiki] was not found\n `)\n })\n})\n\nit('should generate seemingly invalid CSS', async () => {\n const input = 'tw`[stillworks:/example]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ stillworks: \"/example\" });\n `)\n })\n})\n\nit('should preserve commas', async () => {\n const input = 'tw`[path[fill=\"rgb(51,100,51)\"]]:[fill:white]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '& path[fill=\"rgb(51,100,51)\"]': { fill: \"white\" } });\n `)\n })\n})\n" }, { "path": "tests/arbitraryValues.test.ts", "content": "import { run } from './util/run'\n\nit('should be possible to differentiate between decoration utilities', async () => {\n const input = 'tw`decoration-[#ccc] decoration-[3px]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ textDecorationColor: \"#ccc\", textDecorationThickness: \"3px\" });\n `)\n })\n})\n\nit('should support modifiers for arbitrary values that contain the separator', async () => {\n const input = \"tw`hover:bg-[url('https://github.com/tailwindlabs.png')]`\"\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \":hover\": { backgroundImage: \"url('https://github.com/tailwindlabs.png')\" } });\n `)\n })\n})\n\nit('should support arbitrary values for various background utilities', async () => {\n const input = [\n 'tw`bg-gradient-to-r`',\n 'tw`bg-red-500`',\n \"tw`bg-[url('/image-1-0.png')]`\",\n 'tw`bg-[#ff0000]`',\n 'tw`bg-[rgb(var(--bg-color))]`',\n 'tw`bg-[hsl(var(--bg-color))]`',\n 'tw`bg-[url:var(--image-url)]`',\n 'tw`bg-[color:var(--bg-color)]`',\n ].join('; ')\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))' })\n ;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(239 68 68 / var(--tw-bg-opacity))',\n })\n ;({ backgroundImage: \"url('/image-1-0.png')\" })\n ;({\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 0 0 / var(--tw-bg-opacity))',\n })\n ;({ backgroundColor: 'rgb(var(--bg-color))' })\n ;({ backgroundColor: 'hsl(var(--bg-color))' })\n ;({ backgroundImage: 'var(--image-url)' })\n ;({ backgroundColor: 'var(--bg-color)' })\n `)\n })\n})\n\nit('should error if an unknown typehint is used', async () => {\n const input = 'tw`inset-[hmm:12px]`'\n expect.assertions(1)\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n\n ✕ inset-[hmm:12px] was not found\n\n Try one of these classes:\n\n - inset-12 > 3rem\n - inset-px > 1px\n - inset-x-12 > 3rem\n - inset-x-px > 1px\n - inset-y-12 > 3rem\n `)\n })\n})\n\nit('should handle unknown typehints', async () => {\n const input = 'tw`w-[length:12px]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ width: \"12px\" });\n `)\n })\n})\n\nit('should convert _ to spaces', async () => {\n const input = [\n 'tw`grid-cols-[200px_repeat(auto-fill,minmax(15%,100px))_300px]`',\n 'tw`grid-rows-[200px_repeat(auto-fill,minmax(15%,100px))_300px]`',\n 'tw`shadow-[0px_0px_4px_black]`',\n 'tw`rounded-[0px_4px_4px_0px]`',\n 'tw`m-[8px_4px]`',\n 'tw`p-[8px_4px]`',\n 'tw`flex-[1_1_100%]`',\n 'tw`col-[span_3_/_span_8]`',\n 'tw`row-[span_3_/_span_8]`',\n 'tw`auto-cols-[minmax(0,_1fr)]`',\n 'tw`drop-shadow-[0px_1px_3px_black]`',\n 'tw`content-[_hello_world_]`',\n 'tw`content-[___abc____]`',\n \"tw`content-['__hello__world__']`\",\n ].join('; ')\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ gridTemplateColumns: \"200px repeat(auto-fill,minmax(15%,100px)) 300px\" });\n ({ gridTemplateRows: \"200px repeat(auto-fill,minmax(15%,100px)) 300px\" });\n ({\n \"--tw-shadow\": \"0px 0px 4px black\",\n \"--tw-shadow-colored\": \"0px 0px 4px var(--tw-shadow-color)\",\n boxShadow:\n \"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\",\n });\n ({ borderRadius: \"0px 4px 4px 0px\" });\n ({ margin: \"8px 4px\" });\n ({ padding: \"8px 4px\" });\n ({ flex: \"1 1 100%\" });\n ({ gridColumn: \"span 3 / span 8\" });\n ({ gridRow: \"span 3 / span 8\" });\n ({ gridAutoColumns: \"minmax(0, 1fr)\" });\n ({\n \"--tw-drop-shadow\": \"drop-shadow(0px 1px 3px black)\",\n filter:\n \"var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\",\n });\n ({ \"--tw-content\": \"hello world\", content: \"var(--tw-content)\" });\n ({ \"--tw-content\": \"abc\", content: \"var(--tw-content)\" });\n ({ \"--tw-content\": \"' hello world '\", content: \"var(--tw-content)\" });\n `)\n })\n})\n\nit('should not convert escaped underscores with spaces', async () => {\n const input = \"tw`content-['snake\\\\_case']`\"\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"--tw-content\": \"'snake_case'\", content: \"var(--tw-content)\" });\n `)\n })\n})\n\nit('should support colons in URLs', async () => {\n const input = \"tw`bg-[url('https://www.spacejam.com/1996/img/bg_stars.gif')]`\"\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ backgroundImage: \"url('https://www.spacejam.com/1996/img/bg_stars.gif')\" });\n `)\n })\n})\n\nit('should support unescaped underscores in URLs', async () => {\n const input = \"tw`bg-[url('brown_potato.jpg'),_url('red_tomato.png')]`\"\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ backgroundImage: \"url('brown_potato.jpg'), url('red_tomato.png')\" });\n `)\n })\n})\n\nit('reads theme values in arbitrary values (without quotes)', async () => {\n const input = 'tw`w-[theme(spacing.1)] w-[theme(spacing[0.5])]`'\n const config = {\n theme: { spacing: { 0.5: 'calc(.5 * .25rem)', 1: 'calc(1 * .25rem)' } },\n }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ width: \"calc(.5 * .25rem)\" });\n `)\n })\n})\n\nit('reads theme values in arbitrary values (with quotes)', async () => {\n const input = \"tw`w-[theme('spacing.1')] w-[theme('spacing[0.5]')]`\"\n const config = {\n theme: { spacing: { 0.5: 'calc(.5 * .25rem)', 1: 'calc(1 * .25rem)' } },\n }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ width: \"calc(.5 * .25rem)\" });\n `)\n })\n})\n\nit('reads theme values in arbitrary values (with quotes) when inside calc or similar functions', async () => {\n const input =\n \"tw`w-[calc(100%-theme('spacing.1'))] w-[calc(100%-theme('spacing[0.5]'))]`\"\n const config = {\n theme: {\n spacing: {\n 0.5: 'calc(.5 * .25rem)',\n 1: 'calc(1 * .25rem)',\n },\n },\n }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ width: \"calc(100% - calc(.5 * .25rem))\" });\n `)\n })\n})\n\nit('should allow omitting the DEFAULT key when using theme', async () => {\n const input = 'tw`bg-[theme(colors.black)]`'\n const config = {\n theme: { colors: { black: { DEFAULT: '#111111', pure: '#000000 ' } } },\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"--tw-bg-opacity\": \"1\",\n backgroundColor: \"rgb(17 17 17 / var(--tw-bg-opacity))\"\n });\n `)\n })\n})\n\nit('should allow using the DEFAULT key when using theme', async () => {\n const input = 'tw`bg-[theme(colors.black.DEFAULT)]`'\n const config = {\n theme: { colors: { black: { DEFAULT: '#111111', pure: '#000000 ' } } },\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"--tw-bg-opacity\": \"1\",\n backgroundColor: \"rgb(17 17 17 / var(--tw-bg-opacity))\"\n });\n `)\n })\n})\n\nit('should allow dots instead of square brackets for decimal point values', async () => {\n const input = 'tw`ml-[theme(spacing.0.5)]`'\n\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"marginLeft\": \"0.125rem\"\n });\n `)\n })\n})\n\nit('should not output unparsable arbitrary CSS values', async () => {\n // eslint-disable-next-line no-template-curly-in-string\n const input = 'tw`w-[${sizes.width}]`'\n expect.assertions(1)\n\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown: \n\n ✕ Your classes need to be complete strings for Twin to detect them correctly\n \n Read more at https://twinredirect.page.link/template-literals\n `)\n })\n})\n\nit('should correctly validate each part when checking for `percentage` data types', async () => {\n const input = 'tw`bg-[top_right_50%]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ backgroundPosition: \"top right 50%\" });\n `)\n })\n})\n\nit('should correctly validate background size', async () => {\n const input = 'tw`bg-[length:auto_auto,cover,_contain,10px,10px_10%]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ backgroundSize: \"auto auto,cover, contain,10px,10px 10%\" });\n `)\n })\n})\n\nit('should correctly validate combination of percentage and length', async () => {\n const input = 'tw`bg-[50px_10%]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"backgroundPosition\": \"50px 10%\" });\n `)\n })\n})\n\nit('can explicitly specify type for percentage and length', async () => {\n const input = 'tw`bg-[position:50%_10%]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"backgroundPosition\": \"50% 10%\" });\n `)\n })\n})\n\nit('can use CSS variables as arbitrary modifiers without `var()`', async () => {\n const input = [\n 'tw`text-sm/[--line-height]`',\n 'tw`bg-red-500/[--opacity]`',\n ].join('; ')\n\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"fontSize\": \"0.875rem\",\n \"lineHeight\": \"var(--line-height)\"\n });\n ({\n \"backgroundColor\": \"rgb(239 68 68 / var(--opacity))\"\n });\n `)\n })\n})\n\nit('can use CSS variables as arbitrary values without `var()`', async () => {\n const input = [\n 'tw`w-[--width-var]`',\n 'tw`bg-[--color-var]`',\n 'tw`bg-[--color-var,#000]`',\n 'tw`bg-[length:--size-var]`',\n 'tw`text-[length:--size-var,12px]`',\n ].join('; ')\n\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"width\": \"var(--width-var)\"\n });\n ({\n \"backgroundColor\": \"var(--color-var)\"\n });\n ({\n \"backgroundColor\": \"var(--color-var,#000)\"\n });\n ({\n \"backgroundSize\": \"var(--size-var)\"\n });\n ({\n \"fontSize\": \"var(--size-var,12px)\"\n });\n `)\n })\n})\n" }, { "path": "tests/arbitraryVariants.test.ts", "content": "import { run, html } from './util/run'\n\ntest('basic arbitrary variants', async () => {\n const input = 'tw`[&>*]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '>*': { textDecorationLine: 'underline' } })\n `)\n })\n})\n\ntest('spaces in selector (using _)', async () => {\n const input = 'tw`[.a.b_&]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '.a.b &': { textDecorationLine: 'underline' } })\n `)\n })\n})\n\ntest('spaces in selector (using \" \")', async () => {\n const input = 'tw`[.a.b &]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '.a.b &': { textDecorationLine: 'underline' } })\n `)\n })\n})\n\ntest('arbitrary variants with modifiers', async () => {\n const input = 'tw`dark:lg:hover:[& > *]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '@media (min-width: 1024px)': {\n \"@media (prefers-color-scheme: dark)\": { \":hover > *\": { textDecorationLine: \"underline\" } },\n }\n })\n `)\n })\n})\n\ntest('variants without & or an at-rule are handled', async () => {\n const input = html`\n <>\n
    \n
    \n
    \n
    \n \n `\n const config = { corePlugins: { preflight: false } }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\n React.Fragment,\n null,\n React.createElement('div', {\n css: { '& div': { textDecorationLine: 'underline' } },\n }),\n React.createElement('div', {\n css: { ':hover': { textDecorationLine: 'underline' } },\n }),\n React.createElement('div', {\n css: { '& wtf-bbq': { textDecorationLine: 'underline' } },\n }),\n React.createElement(\"div\", { css: { \"lol:hover\": { textDecorationLine: \"underline\" } } })\n )\n `)\n })\n})\n\ntest('arbitrary variants are sorted correctly', async () => {\n const input = 'tw`[& > *]:underline underline lg:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n textDecorationLine: 'underline',\n '@media (min-width: 1024px)': { textDecorationLine: 'underline' },\n '> *': { textDecorationLine: 'underline' },\n })\n `)\n })\n})\n\ntest('using the important modifier', async () => {\n const input = 'tw`[&>*]:!underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '>*': { textDecorationLine: 'underline !important' } })\n `)\n })\n})\n\ntest('at-rules', async () => {\n const input = 'tw`[@supports (what: ever)]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '@supports (what: ever)': { textDecorationLine: 'underline' } })\n `)\n })\n})\n\ntest('at-rules with selector modifications', async () => {\n const input = 'tw`[@media (hover: hover) { &:hover }]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '@media (hover: hover)': { ':hover': { textDecorationLine: 'underline' } } })\n `)\n })\n})\n\ntest('nested at-rules with selector modifications', async () => {\n const input =\n 'tw`[@media screen { @media (hover: hover) { &:hover } }]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '@media screen': {\n '@media (hover: hover)': { ':hover': { textDecorationLine: 'underline' } },\n },\n })\n `)\n })\n})\n\ntest('attribute selectors', async () => {\n const input = 'tw`[&[data-open]]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '&[data-open]': { textDecorationLine: 'underline' } })\n `)\n })\n})\n\ntest('multiple attribute selectors', async () => {\n const input = 'tw`[&[data-foo][data-bar]:not([data-baz])]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '&[data-foo][data-bar]:not([data-baz])': {\n textDecorationLine: 'underline',\n },\n })\n `)\n })\n})\n\ntest('multiple attribute selectors with custom separator (1)', async () => {\n const input = 'tw`[&[data-foo][data-bar]:not([data-baz])]__underline`'\n const config = { separator: '__' }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '&[data-foo][data-bar]:not([data-baz])': {\n textDecorationLine: 'underline',\n },\n })\n `)\n })\n})\n\ntest('multiple attribute selectors with custom separator (2)', async () => {\n const input = 'tw`[&[data-foo][data-bar]:not([data-baz])]_@underline`'\n const config = { separator: '_@' }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '&[data-foo][data-bar]:not([data-baz])': {\n textDecorationLine: 'underline',\n },\n })\n `)\n })\n})\n\ntest('keeps escaped underscores', async () => {\n const input = 'tw`[&_.foo\\\\_bar]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '& .foo_bar': { textDecorationLine: 'underline' } })\n `)\n })\n})\n\ntest('keeps escaped underscores with multiple arbitrary variants', async () => {\n const input = 'tw`[&_.foo\\\\_bar]:[&_.bar\\\\_baz]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '& .foo_bar .bar_baz': { textDecorationLine: 'underline' } });\n `)\n })\n})\n\ntest('keeps escaped underscores in arbitrary variants mixed with normal variants', async () => {\n const input = [\n 'tw`[&_.foo\\\\_bar]:hover:underline`',\n 'tw`hover:[&_.foo\\\\_bar]:underline`',\n ].join('; ')\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"& .foo_bar:hover\": { textDecorationLine: \"underline\" } });\n ({ ':hover .foo_bar': { textDecorationLine: 'underline' } });\n `)\n })\n})\n\ntest('allows attribute variants with quotes', async () => {\n const input = [\n \"tw`[&[data-test='2']]:underline`\",\n 'tw`[&[data-test=\"2\"]]:underline`',\n ].join('; ')\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"&[data-test='2']\": { textDecorationLine: 'underline' } });\n ({ '&[data-test=\"2\"]': { textDecorationLine: 'underline' } });\n `)\n })\n})\n\ntest('classes in arbitrary variants should not be prefixed', async () => {\n const input = 'tw`[.foo &]:tw-text-red-400 [.fum &]:first:tw-text-green-400`'\n const config = { prefix: 'tw-' }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '.foo &': {\n '--tw-text-opacity': '1',\n color: 'rgb(248 113 113 / var(--tw-text-opacity))',\n },\n '.fum &:first-child': {\n '--tw-text-opacity': '1',\n color: 'rgb(74 222 128 / var(--tw-text-opacity))',\n },\n })\n `)\n })\n})\n\ntest('classes in the same arbitrary variant should not be prefixed', async () => {\n const input = [\n 'tw`[.foo &]:tw-text-red-400 [.foo &]:tw-bg-white`',\n 'tw`[& .foo]:tw-text-red-400 [& .foo]:tw-bg-white`',\n ].join('; ')\n const config = { prefix: 'tw-' }\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '.foo &': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 255 255 / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'rgb(248 113 113 / var(--tw-text-opacity))',\n },\n })\n ;({\n '& .foo': {\n '--tw-bg-opacity': '1',\n backgroundColor: 'rgb(255 255 255 / var(--tw-bg-opacity))',\n '--tw-text-opacity': '1',\n color: 'rgb(248 113 113 / var(--tw-text-opacity))',\n },\n }) \n `)\n })\n})\n\ntest('parent selectors before elements are kept', async () => {\n const input = 'tw`[§ion]:block`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"§ion\": { display: \"block\" } });\n `)\n })\n})\n\ntest('errors when separator is forgotten against a group', async () => {\n const input = 'tw`[em](block)`'\n expect.assertions(1)\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n\n ✕ [em](block) was not found\n `)\n })\n})\n\nit('should support aria variants', async () => {\n const input = [\n 'tw`aria-checked:underline`',\n 'tw`aria-[sort=ascending]:underline`',\n 'tw`aria-[labelledby=a_b]:underline`',\n 'tw`group-aria-checked:underline`',\n 'tw`peer-aria-checked:underline`',\n 'tw`group-aria-checked/foo:underline`',\n 'tw`peer-aria-checked/foo:underline`',\n 'tw`group-aria-[sort=ascending]:underline`',\n 'tw`peer-aria-[sort=ascending]:underline`',\n 'tw`group-aria-[labelledby=a_b]:underline`',\n 'tw`peer-aria-[labelledby=a_b]:underline`',\n 'tw`group-aria-[sort=ascending]/foo:underline`',\n 'tw`peer-aria-[sort=ascending]/foo:underline`',\n ].join('; ')\n\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '&[aria-checked=\"true\"]': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"&[aria-sort=ascending]\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"&[aria-labelledby=a b]\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n '.group[aria-checked=\"true\"] &': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n '.peer[aria-checked=\"true\"] ~ &': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n '.group\\\\\\\\/foo[aria-checked=\"true\"] &': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n '.peer\\\\\\\\/foo[aria-checked=\"true\"] ~ &': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group[aria-sort=ascending] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer[aria-sort=ascending] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group[aria-labelledby=a b] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer[aria-labelledby=a b] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group\\\\\\\\/foo[aria-sort=ascending] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer\\\\\\\\/foo[aria-sort=ascending] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n `)\n })\n})\n\nit('should support data variants', async () => {\n const input = [\n 'tw`data-checked:underline`',\n 'tw`data-[position=top]:underline`',\n 'tw`data-[foo=bar_baz]:underline`',\n 'tw`group-data-checked:underline`',\n 'tw`peer-data-checked:underline`',\n 'tw`group-data-checked/foo:underline`',\n 'tw`peer-data-checked/foo:underline`',\n 'tw`group-data-[position=top]:underline`',\n 'tw`peer-data-[position=top]:underline`',\n 'tw`group-data-[foo=bar_baz]:underline`',\n 'tw`peer-data-[foo=bar_baz]:underline`',\n 'tw`group-data-[position=top]/foo:underline`',\n 'tw`peer-data-[position=top]/foo:underline`',\n ].join('; ')\n\n const config = { theme: { data: { checked: 'ui~=\"checked\"' } } }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '&[data-ui~=\"checked\"]': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"&[data-position=top]\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"&[data-foo=bar baz]\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n '.group[data-ui~=\"checked\"] &': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n '.peer[data-ui~=\"checked\"] ~ &': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n '.group\\\\\\\\/foo[data-ui~=\"checked\"] &': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n '.peer\\\\\\\\/foo[data-ui~=\"checked\"] ~ &': {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group[data-position=top] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer[data-position=top] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group[data-foo=bar baz] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer[data-foo=bar baz] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group\\\\\\\\/foo[data-position=top] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer\\\\\\\\/foo[data-position=top] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n `)\n })\n})\n\nit('should support supports', async () => {\n const input = [\n // Property check\n 'tw`supports-[display:grid]:grid`',\n // Value with spaces, needs to be normalized\n 'tw`supports-[transform-origin:5%_5%]:underline`',\n // Selectors (raw)\n 'tw`supports-[selector(A>B)]:underline`',\n // 'not' check (raw)\n 'tw`supports-[not(foo:bar)]:underline`',\n // 'or' check (raw)\n 'tw`supports-[(foo:bar)or(bar:baz)]:underline`',\n // 'and' check (raw)\n 'tw`supports-[(foo:bar)and(bar:baz)]:underline`',\n // No value give for the property, defaulting to prop: var(--tw)\n 'tw`supports-[container-type]:underline`',\n // Named supports usage\n 'tw`supports-grid:underline`',\n ].join('; ')\n const config = { theme: { supports: { grid: 'display: grid' } } }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"@supports (display:grid)\": {\n \"display\": \"grid\"\n }\n });\n ({\n \"@supports (transform-origin:5% 5%)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@supports selector(A>B)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@supports not (foo:bar)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@supports (foo:bar) or (bar:baz)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@supports (foo:bar) and (bar:baz)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@supports (container-type: var(--tw))\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@supports (display: grid)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n `)\n })\n})\n\nit('should be possible to use modifiers and arbitrary groups', async () => {\n const input = [\n // Default group usage\n 'tw`group-hover:underline`',\n // Arbitrary variants with pseudo class for group\n // With &\n 'tw`group-[&:focus]:underline`',\n // Without &\n 'tw`group-[:hover]:underline`',\n // Arbitrary variants with attributes selectors for group\n // With &\n 'tw`group-[&[data-open]]:underline`',\n // Without &\n 'tw`group-[[data-open]]:underline`',\n // Arbitrary variants with other selectors\n // With &\n 'tw`group-[.in-foo_&]:underline`',\n // Without &\n 'tw`group-[.in-foo]:underline`',\n // The same as above, but with modifiers\n 'tw`group-hover/foo:underline`',\n 'tw`group-[&:focus]/foo:underline`',\n 'tw`group-[:hover]/foo:underline`',\n 'tw`group-[&[data-open]]/foo:underline`',\n 'tw`group-[[data-open]]/foo:underline`',\n 'tw`group-[.in-foo_&]/foo:underline`',\n 'tw`group-[.in-foo]/foo:underline`',\n ].join('; ')\n\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \".group:hover &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group:focus &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group:hover &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group[data-open] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group[data-open] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".in-foo .group &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group.in-foo &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group\\\\\\\\/foo:hover &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group\\\\\\\\/foo:focus &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group\\\\\\\\/foo:hover &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group\\\\\\\\/foo[data-open] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group\\\\\\\\/foo[data-open] &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".in-foo .group\\\\\\\\/foo &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".group\\\\\\\\/foo.in-foo &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n `)\n })\n})\n\nit('should be possible to use modifiers and arbitrary peers', async () => {\n const input = [\n // Default peer usage\n 'tw`peer-hover:underline`',\n // Arbitrary variants with pseudo class for peer\n // With &\n 'tw`peer-[&:focus]:underline`',\n // Without &\n 'tw`peer-[:hover]:underline`',\n // Arbitrary variants with attributes selectors for peer\n // With &\n 'tw`peer-[&[data-open]]:underline`',\n // Without &\n 'tw`peer-[[data-open]]:underline`',\n // Arbitrary variants with other selectors\n // With &\n 'tw`peer-[.in-foo_&]:underline`',\n // Without &\n 'tw`peer-[.in-foo]:underline`',\n // The same as above, but with modifiers\n 'tw`peer-hover/foo:underline`',\n 'tw`peer-[&:focus]/foo:underline`',\n 'tw`peer-[:hover]/foo:underline`',\n 'tw`peer-[&[data-open]]/foo:underline`',\n 'tw`peer-[[data-open]]/foo:underline`',\n 'tw`peer-[.in-foo_&]/foo:underline`',\n 'tw`peer-[.in-foo]/foo:underline`',\n ].join('; ')\n\n const result = await run(input)\n expect(result).toMatchFormattedJavaScript(`\n ({\n \".peer:hover ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer:focus ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer:hover ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer[data-open] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer[data-open] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".in-foo .peer ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer.in-foo ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer\\\\\\\\/foo:hover ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer\\\\\\\\/foo:focus ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer\\\\\\\\/foo:hover ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer\\\\\\\\/foo[data-open] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer\\\\\\\\/foo[data-open] ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".in-foo .peer\\\\\\\\/foo ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \".peer\\\\\\\\/foo.in-foo ~ &\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n `)\n})\n\ndescribe('auto parent selector', () => {\n test('selectors containing a parent selector are preserved', async () => {\n const input = 'tw`md:[.test &]:m-1`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"@media (min-width: 768px)\": { \".test &\": { margin: \"0.25rem\" } } });\n `)\n })\n })\n\n test('media queries are preserved', async () => {\n const input = 'tw`[@media blah]:m-1`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"@media blah\": { margin: \"0.25rem\" },\n });\n `)\n })\n })\n\n test('pseudo elements are prefixed', async () => {\n const input = 'tw`[:hover]:m-1`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \":hover\": { margin: \"0.25rem\" } });\n `)\n })\n })\n\n test('selectors are prefixed when media variants precede', async () => {\n const input = 'tw`md:sm:[one]:m-1`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"@media (min-width: 640px)\": {\n \"@media (min-width: 768px)\": {\n \"& one\": { margin: \"0.25rem\" },\n }\n },\n });\n `)\n })\n })\n\n test('multiple parentless variants have order preserved (groups)', async () => {\n const input = 'tw`[one]:(m-2 [two]:(m-3 [three]:(m-4)))`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n '& one': { margin: '0.5rem' },\n '& one two': { margin: '0.75rem' },\n '& one two three': { margin: '1rem' },\n });\n `)\n })\n })\n\n test('multiple parentless variants have order preserved (groupless)', async () => {\n const input = 'tw`[one]:[two]:[three]:m-4`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '& one two three': { margin: '1rem' } });\n `)\n })\n })\n\n test('each selector is visited individually', async () => {\n const input = 'tw`[#blah,#app,pre,.pre,&.post,& section,.main &]:m-4`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"& #blah,& #app,& pre,& .pre,&.post,& section,.main &\": { margin: '1rem' } });\n `)\n })\n })\n\n test('mixed variants without parent selectors are handled', async () => {\n const input = 'tw`[one]:not-link:[two]:m-4`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"one:not(:link) two\": { margin: \"1rem\" } });\n `)\n })\n })\n\n test('mixed variants without parent selectors are handled 2', async () => {\n const input = 'tw`not-link:[one]:last:[two]:m-4`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \":not(:link) one:last-child two\": { \"margin\": \"1rem\" } });\n `)\n })\n })\n})\n\ntest('parent selector at end is handled', async () => {\n const input = 'tw`[path&]:first:[stroke: #000]`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ \"path:first-child\": { \"stroke\": \"#000\" } });\n `)\n })\n})\n\ntest('nested at-rules', async () => {\n const input = 'tw`[@media_screen { @media (hover: hover) }]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '@media screen': { '@media (hover: hover)': { textDecorationLine: 'underline' } } });\n `)\n })\n})\n\ntest('nested at-rules 2', async () => {\n const input = 'tw`print:[@page]:underline`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ '@media print': { '@page': { textDecorationLine: 'underline' } } });\n `)\n })\n})\n\ntest('multiple variants containing commas throw unsupported error', async () => {\n const input = 'tw`[.this,.that]:first:block`'\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n\n ✕ The variants on [.this,.that]:first:block are invalid tailwind and twin classes\n\n To fix, either reduce all variants into a single arbitrary variant:\n From: \\`[.this, .that]:first:block\\`\n To: \\`[.this:first, .that:first]:block\\`\n \n Or split the class into separate classes instead of using commas:\n From: \\`[.this, .that]:first:block\\`\n To: \\`[.this]:first:block [.that]:first:block\\`\\n\\nRead more at https://twinredirect.page.link/arbitrary-variants-with-commas\n `)\n })\n})\n" }, { "path": "tests/config.test.ts", "content": "import type { TwinConfig } from './types'\nimport { run, html } from './util/run'\n\ndescribe('includeClassNames', () => {\n describe('When set to true', () => {\n test('Then a tw class in the className attribute', async () => {\n const input = html`
    `\n const twinConfig = { includeClassNames: true }\n\n return run(input, undefined, twinConfig).then((result: string) => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { css: { \":first-child\": { display: \"block\" } } });\n `)\n })\n })\n\n test('Then non-tw classes are preserved', async () => {\n const input = html`\n
    \n `\n const twinConfig = { includeClassNames: true }\n\n return run(input, undefined, twinConfig).then((result: string) => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", {\n className: \"last:non-tw-class another-non-tw-class\",\n css: { \":last-child\": { marginTop: \"1.25rem\", display: \"inline\" } },\n });\n `)\n })\n })\n })\n\n describe('When set to false', () => {\n test('Then all classes are preserved', async () => {\n const input = html`\n
    \n `\n const twinConfig = { includeClassNames: false }\n\n return run(input, undefined, twinConfig).then((result: string) => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { className: \"last:(inline non-tw-class mt-5) another-non-tw-class\" });\n `)\n })\n })\n })\n})\n\ndescribe('sassyPseudo', () => {\n describe('When set to true', () => {\n test('Then ::before is prefixed with the parent selector', async () => {\n const input = 'tw`before:block`'\n const twinConfig = { sassyPseudo: true }\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"&::before\": {\n \"content\": \"var(--tw-content)\",\n \"display\": \"block\"\n }\n });\n `)\n })\n })\n })\n\n describe('When set to false', () => {\n test('Then ::before is not prefixed with the parent selector', async () => {\n const input = 'tw`before:block`'\n const twinConfig = { sassyPseudo: false }\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"::before\": {\n \"content\": \"var(--tw-content)\",\n \"display\": \"block\"\n }\n });\n `)\n })\n })\n })\n})\n\ndescribe('config', () => {\n describe('When tailwind config added via twin config', () => {\n test('Then tailwind config colors can be used', async () => {\n const input = 'tw`bg-primary text-white`'\n const twinConfig = {\n config: { theme: { extend: { colors: { primary: 'black' } } } },\n }\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"--tw-bg-opacity\": \"1\",\n backgroundColor: \"rgb(0 0 0 / var(--tw-bg-opacity))\",\n \"--tw-text-opacity\": \"1\",\n color: \"rgb(255 255 255 / var(--tw-text-opacity))\",\n });\n `)\n })\n })\n })\n describe('When tailwind config added via twin config with added tailwind config', () => {\n test('Then custom config from twin config is dropped', async () => {\n const input = 'tw`bg-primary text-red-500`'\n const tailwindConfig = {\n theme: { extend: { colors: { primary: 'black' } } },\n }\n const twinConfig = {\n config: {\n theme: { extend: { colors: { primary: 'white' } } },\n },\n }\n return run(input, tailwindConfig, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(\n `\n ({\n \"--tw-bg-opacity\": \"1\",\n backgroundColor: \"rgb(0 0 0 / var(--tw-bg-opacity))\",\n \"--tw-text-opacity\": \"1\",\n color: \"rgb(239 68 68 / var(--tw-text-opacity))\",\n });\n `\n )\n })\n })\n test('Then error when using color from twin config', async () => {\n const input = 'tw`bg-primary text-red-500 text-sec`'\n const tailwindConfig = {\n theme: { extend: { colors: { primary: 'black' } } },\n }\n const twinConfig = {\n config: {\n theme: { extend: { colors: { primary: 'white', sec: 'red' } } },\n },\n }\n\n expect.assertions(1)\n\n return run(input, tailwindConfig, twinConfig)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n\n ✕ text-sec was not found\n\n Try one of these classes:\n\n - text-sm\n - select-text > select-text\n - text-base\n - text-start > text-start\n - text-xs\n `)\n })\n })\n })\n})\n\ndescribe('moveKeyframesToGlobalStyles', () => {\n describe('When set to true', () => {\n test('Then animation classes don’t have keyframes', async () => {\n const input = html`
    `\n const twinConfig = { moveKeyframesToGlobalStyles: true }\n\n return run(input, undefined, twinConfig).then((result: string) => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { css: { animation: \"bounce 1s infinite\" } });\n `)\n })\n })\n\n test('Then animation classes do have keyframes', async () => {\n const input = html`
    `\n const twinConfig = { moveKeyframesToGlobalStyles: false }\n\n return run(input, undefined, twinConfig).then((result: string) => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", {\n css: {\n \"@keyframes bounce\": {\n \"0%, 100%\": {\n transform: \"translateY(-25%)\",\n animationTimingFunction: \"cubic-bezier(0.8,0,1,1)\",\n },\n \"50%\": { transform: \"none\", animationTimingFunction: \"cubic-bezier(0,0,0.2,1)\" },\n },\n animation: \"bounce 1s infinite\",\n },\n });\n `)\n })\n })\n\n test('Stitches has no keyframes', async () => {\n const input = html`
    `\n const twinConfig = {\n preset: 'stitches' as string,\n stitchesConfig: 'tests/stitches.config.js',\n } as unknown as TwinConfig\n\n return run(input, undefined, twinConfig).then((result: string) => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"tests/stitches.config.js\";\n const _TwComponent = _styled(\"div\", { animation: \"bounce 1s infinite\" });\n React.createElement(_TwComponent, null);\n `)\n })\n })\n })\n})\n" }, { "path": "tests/containerQueries.test.ts", "content": "import { run } from './util/run'\n\nit('container queries', async () => {\n const input = [\n 'tw`@container`',\n 'tw`@container-normal`',\n 'tw`@container/sidebar`',\n 'tw`@container-normal/sidebar`',\n 'tw`@container-[size]/sidebar`',\n 'tw`@md:underline`',\n 'tw`@md/container1:underline`',\n 'tw`@md/container2:underline`',\n 'tw`@md/container10:underline`',\n 'tw`@sm:underline`',\n 'tw`@sm/container1:underline`',\n 'tw`@sm/container2:underline`',\n 'tw`@sm/container10:underline`',\n 'tw`@lg:underline`',\n 'tw`@lg/container1:underline`',\n 'tw`@lg/container2:underline`',\n 'tw`@lg/container10:underline`',\n 'tw`@[1024px]:underline`',\n 'tw`@[1024px]/container1:underline`',\n 'tw`@[312px]:underline`',\n 'tw`@[200rem]:underline`',\n 'tw`@[123px]:underline`',\n ].join('; ')\n\n const config = {\n theme: {\n containers: {\n sm: '320px',\n md: '768px',\n lg: '1024px',\n },\n },\n plugins: [require('@tailwindcss/container-queries')],\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"containerType\": \"inline-size\"\n });\n ({\n \"containerType\": \"normal\"\n });\n ({\n \"containerType\": \"inline-size\",\n \"containerName\": \"sidebar\"\n });\n ({\n \"containerType\": \"normal\",\n \"containerName\": \"sidebar\"\n });\n ({\n \"containerType\": \"size\",\n \"containerName\": \"sidebar\"\n });\n ({\n \"@container (min-width: 768px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container1 (min-width: 768px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container2 (min-width: 768px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container10 (min-width: 768px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 320px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container1 (min-width: 320px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container2 (min-width: 320px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container10 (min-width: 320px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 1024px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container1 (min-width: 1024px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container2 (min-width: 1024px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container10 (min-width: 1024px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 1024px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container container1 (min-width: 1024px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 312px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 200rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 123px)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n `)\n })\n})\n\nit('should be possible to use default container queries', async () => {\n const input = [\n 'tw`@md:underline`',\n 'tw`@lg:underline`',\n 'tw`@sm:underline`',\n 'tw`@xs:underline`',\n 'tw`@7xl:underline`',\n 'tw`@6xl:underline`',\n 'tw`@3xl:underline`',\n 'tw`@5xl:underline`',\n ].join('; ')\n\n const config = {\n theme: {},\n plugins: [require('@tailwindcss/container-queries')],\n }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"@container (min-width: 28rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 32rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 24rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 20rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 80rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 72rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 48rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n ({\n \"@container (min-width: 64rem)\": {\n \"textDecorationLine\": \"underline\"\n }\n });\n `)\n })\n})\n" }, { "path": "tests/dividers.test.ts", "content": "import { run } from './util/run'\n\nit('errors with extra dividers between variants', async () => {\n const input = 'tw`[&_.test]::block`'\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n\n ✕ [&_.test]::block has too many dividers\n `)\n })\n})\n\nit('errors with an extra divider after the class', async () => {\n const input = 'tw`[&_.test]:block:`'\n return run(input)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown:\n\n ✕ The variant [&_.test]:block: doesn’t look right\n `)\n })\n})\n" }, { "path": "tests/escaping.test.ts", "content": "import { run } from './util/run'\n\ntest('removes newline and tab escape characters', async () => {\n const input = 'tw`\\tm-0\\tinline\\n`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"margin\": \"0px\",\n \"display\": \"inline\"\n });\n `)\n })\n})\n\ntest('the number of backslashes are preserved', async () => {\n const input = \"tw`content-['\\\\a0']`\"\n return run(input).then(result => {\n // We have to double escape the backslashes below - it's actually `\"'\\\\a0'\"`\n expect(result).toMatchFormattedJavaScript(`\n ({ \"--tw-content\": \"'\\\\\\\\a0'\", content: \"var(--tw-content)\" });\n `)\n })\n})\n\ntest('media commas in media queries are preserved', async () => {\n const input =\n 'tw`[@media (min-width: 700px),, (min-width: 700px), and (orientation: landscape)]:block`'\n return run(input).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"@media (min-width: 700px), , (min-width: 700px), and (orientation: landscape)\": {\n \"display\": \"block\",\n }\n });\n `)\n })\n})\n" }, { "path": "tests/fontSize.test.ts", "content": "import { run, html } from './util/run'\n\ntest('font-size utilities can include a line-height modifier', async () => {\n const input = html`\n
    \n
    \n
    \n
    \n
    \n
    \n
    \n `\n\n const config = {\n theme: {\n fontSize: {\n sm: ['12px', '20px'],\n base: ['16px', '24px'],\n },\n lineHeight: {\n 6: '24px',\n 7: '28px',\n 8: '32px',\n },\n },\n }\n\n // @ts-expect-error Tailwind types aren't updated for array fontSize values\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\n \"div\",\n { class: \"text-sm md:text-base\" },\n React.createElement(\"div\", { class: \"text-sm/6 md:text-base/7\" }),\n React.createElement(\"div\", { class: \"text-sm/[21px] md:text-base/[33px]\" }),\n React.createElement(\"div\", { class: \"text-[13px]/6 md:text-[19px]/8\" }),\n React.createElement(\"div\", { class: \"text-[17px]/[23px] md:text-[21px]/[29px]\" }),\n React.createElement(\"div\", { class: \"text-sm/999 md:text-base/000\" })\n );\n `)\n })\n})\n" }, { "path": "tests/minMaxScreenVariants.test.ts", "content": "import { run } from './util/run'\n\nconst defaultScreens = {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n '2xl': '1536px',\n}\n\nit('sorts min and max correctly relative to screens and each other', async () => {\n const input = `tw\\`font-bold max-[800px]:font-bold max-[700px]:font-bold sm:font-bold min-[700px]:font-bold md:font-bold min-[800px]:font-bold\\``\n const config = { theme: { screens: defaultScreens } }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"fontWeight\": \"700\",\n \"@media (max-width: 800px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (max-width: 700px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 640px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 700px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 768px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 800px)\": {\n \"fontWeight\": \"700\"\n }\n });\n `)\n })\n})\n\nit('works when using min variants screens config is empty and variants all use the same unit', async () => {\n const input = `tw\\`font-bold min-[700px]:font-bold min-[800px]:font-bold\\``\n const config = { theme: { screens: {} } }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"fontWeight\": \"700\",\n \"@media (min-width: 700px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 800px)\": {\n \"fontWeight\": \"700\"\n }\n });\n `)\n })\n})\n\nit('works when using max variants screens config is empty and variants all use the same unit', async () => {\n const input = `tw\\`font-bold max-[800px]:font-bold max-[700px]:font-bold\\``\n const config = { theme: { screens: {} } }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"fontWeight\": \"700\",\n \"@media (max-width: 800px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (max-width: 700px)\": {\n \"fontWeight\": \"700\"\n }\n })\n `)\n })\n})\n\nit('converts simple min-width screens for max variant', async () => {\n const input = `tw\\`font-bold max-lg:font-bold max-[700px]:font-bold max-sm:font-bold max-[300px]:font-bold sm:font-bold md:font-bold\\``\n const config = { theme: { screens: defaultScreens } }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"fontWeight\": \"700\",\n \"@media not all and (min-width: 1024px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (max-width: 700px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media not all and (min-width: 640px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (max-width: 300px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 640px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 768px)\": {\n \"fontWeight\": \"700\"\n }\n })\n `)\n })\n})\n\nit('does not have keyed screens for min variant', async () => {\n const input = `tw\\`font-bold min-[300px]:font-bold sm:font-bold min-[700px]:font-bold md:font-bold\\``\n const config = { theme: { screens: defaultScreens } }\n\n return run(input, config).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"fontWeight\": \"700\",\n \"@media (min-width: 300px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 640px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 700px)\": {\n \"fontWeight\": \"700\"\n },\n \"@media (min-width: 768px)\": {\n \"fontWeight\": \"700\"\n }\n })\n `)\n })\n})\n" }, { "path": "tests/plugin.test.js", "content": "const pluginTester = require('babel-plugin-tester').default\nconst plugin = require('babel-plugin-macros')\nconst path = require('path')\nconst glob = require('glob-all')\nconst fs = require('fs')\n\nconst configFile = file => `${path.dirname(file)}/config.json`\n\npluginTester({\n plugin,\n pluginName: 'twin.macro',\n babelOptions: {\n filename: __filename,\n babelrc: true,\n },\n snapshot: true,\n tests: glob\n .sync([\n 'tests/__fixtures__/**/*.tsx',\n '!tests/__fixtures__/**/*.config.js',\n '!tests/__fixtures__/**/*.config.ts',\n ])\n .map(file => ({\n title: path.basename(file),\n code: fs.readFileSync(file, 'utf8'),\n pluginOptions: {\n twin: {\n ...(fs.existsSync(\n path.join(path.dirname(file), 'tailwind.config.js')\n ) && {\n config: path.join(path.dirname(file), 'tailwind.config.js'),\n }),\n ...(fs.existsSync(\n path.join(path.dirname(file), 'tailwind.config.ts')\n ) && {\n config: path.join(path.dirname(file), 'tailwind.config.ts'),\n }),\n ...(fs.existsSync(configFile(file)) &&\n JSON.parse(fs.readFileSync(configFile(file), 'utf8'))),\n },\n },\n })),\n})\n" }, { "path": "tests/presetEmotion.test.ts", "content": "import { run, html } from './util/run'\n\nconst twinConfig = { preset: 'emotion' } as const\n\ntest('tw prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { css: { display: \"block\" } });\n `)\n })\n})\n\ntest('css prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { css: \"{{}}\" });\n `)\n })\n})\n\ntest('tw dot', async () => {\n const input = 'tw.div`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import _styled from \"@emotion/styled\";\n _styled.div({ display: \"block\" });\n `)\n })\n})\n\ntest('tw', async () => {\n const input = 'tw`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ display: \"block\" });\n `)\n })\n})\n\ntest('styled dot', async () => {\n const input = 'styled.div``'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import _styled from \"@emotion/styled\";\n _styled.div\\`\\`;\n `)\n })\n})\n\ntest('styled dot alt', async () => {\n const input = 'styled.div([tw`block`])'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import _styled from \"@emotion/styled\";\n _styled.div([{ display: \"block\" }]);\n `)\n })\n})\n\ntest('GlobalStyles', async () => {\n const input = html`<>`\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { css as _css } from \"@emotion/react\";\n import { Global as _globalImport } from \"@emotion/react\";\n const _GlobalStyles = () =>\n React.createElement(_globalImport, {\n styles: _css\\`*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: var(--tw-empty,/*!*/ /*!*/); --tw-pan-y: var(--tw-empty,/*!*/ /*!*/); --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/); --tw-scroll-snap-strictness: proximity; --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);}::before, ::after { --tw-content: '';}html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-feature-settings: normal; font-variation-settings: normal;}body { margin: 0; line-height: inherit;}hr { height: 0; color: inherit; border-top-width: 1px;}abbr:where([title]) { text-decoration: underline dotted;}h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit;}a { color: inherit; text-decoration: inherit;}b, strong { font-weight: bolder;}code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size: 1em;}small { font-size: 80%;}sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sub { bottom: -0.25em;}sup { top: -0.5em;}table { text-indent: 0; border-color: inherit; border-collapse: collapse;}button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0;}button, select { text-transform: none;}button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none;}:-moz-focusring { outline: auto;}:-moz-ui-invalid { box-shadow: none;}progress { vertical-align: baseline;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto;}[type='search'] { -webkit-appearance: textfield; outline-offset: -2px;}::-webkit-search-decoration { -webkit-appearance: none;}::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}summary { display: list-item;}blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0;}fieldset { margin: 0; padding: 0;}legend { padding: 0;}ol, ul, menu { list-style: none; margin: 0; padding: 0;}textarea { resize: vertical;}input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af;}button, [role=\"button\"] { cursor: pointer;}:disabled { cursor: default;}img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle;}img, video { max-width: 100%; height: auto;}[hidden] { display: none;}::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: var(--tw-empty,/*!*/ /*!*/); --tw-pan-y: var(--tw-empty,/*!*/ /*!*/); --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/); --tw-scroll-snap-strictness: proximity; --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);}\\`,\n });\n React.createElement(React.Fragment, null, React.createElement(_GlobalStyles, null));\n `)\n })\n})\n" }, { "path": "tests/presetGoober.test.ts", "content": "import { run, html } from './util/run'\n\nconst twinConfig = { preset: 'goober' } as const\n\ntest('tw prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { css: { display: \"block\" } });\n `)\n })\n})\n\ntest('css prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { css: \"{{}}\" });\n `)\n })\n})\n\ntest('tw dot', async () => {\n const input = 'tw.div`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"goober\";\n _styled.div({ display: \"block\" });\n `)\n })\n})\n\ntest('tw', async () => {\n const input = 'tw`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ display: \"block\" });\n `)\n })\n})\n\ntest('styled dot', async () => {\n const input = 'styled.div``'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"goober\";\n _styled.div\\`\\`;\n `)\n })\n})\n\ntest('styled dot alt', async () => {\n const input = 'styled.div([tw`block`])'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"goober\";\n _styled.div([{ display: \"block\" }]);\n `)\n })\n})\n\ntest('GlobalStyles', async () => {\n const input = html`<>`\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { createGlobalStyles as _globalImport } from \"goober/global\";\n const _GlobalStyles = _globalImport\\`*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: var(--tw-empty,/*!*/ /*!*/); --tw-pan-y: var(--tw-empty,/*!*/ /*!*/); --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/); --tw-scroll-snap-strictness: proximity; --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);}::before, ::after { --tw-content: '';}html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-feature-settings: normal; font-variation-settings: normal;}body { margin: 0; line-height: inherit;}hr { height: 0; color: inherit; border-top-width: 1px;}abbr:where([title]) { text-decoration: underline dotted;}h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit;}a { color: inherit; text-decoration: inherit;}b, strong { font-weight: bolder;}code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size: 1em;}small { font-size: 80%;}sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sub { bottom: -0.25em;}sup { top: -0.5em;}table { text-indent: 0; border-color: inherit; border-collapse: collapse;}button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0;}button, select { text-transform: none;}button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none;}:-moz-focusring { outline: auto;}:-moz-ui-invalid { box-shadow: none;}progress { vertical-align: baseline;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto;}[type='search'] { -webkit-appearance: textfield; outline-offset: -2px;}::-webkit-search-decoration { -webkit-appearance: none;}::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}summary { display: list-item;}blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0;}fieldset { margin: 0; padding: 0;}legend { padding: 0;}ol, ul, menu { list-style: none; margin: 0; padding: 0;}textarea { resize: vertical;}input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af;}button, [role=\"button\"] { cursor: pointer;}:disabled { cursor: default;}img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle;}img, video { max-width: 100%; height: auto;}[hidden] { display: none;}::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: var(--tw-empty,/*!*/ /*!*/); --tw-pan-y: var(--tw-empty,/*!*/ /*!*/); --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/); --tw-scroll-snap-strictness: proximity; --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);}\\`;\n React.createElement(React.Fragment, null, React.createElement(_GlobalStyles, null));\n `)\n })\n})\n" }, { "path": "tests/presetSolid.test.ts", "content": "import { run, html } from './util/run'\n\nconst twinConfig = { preset: 'solid' } as const\n\ntest('tw prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"solid-styled-components\";\n const _TwComponent = _styled(\"div\")({ display: \"block\" });\n React.createElement(_TwComponent, null);\n `)\n })\n})\n\ntest('css prop', async () => {\n const input = '
    '\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"solid-styled-components\";\n const _TwComponent = _styled(\"div\")([{ display: \"block\" }]);\n React.createElement(_TwComponent, null);\n `)\n })\n})\n\ntest('tw dot', async () => {\n const input = 'tw.div`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"solid-styled-components\";\n _styled(\"div\")({ display: \"block\" });\n `)\n })\n})\n\ntest('tw', async () => {\n const input = 'tw`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ display: \"block\" });\n `)\n })\n})\n\ntest('styled dot', async () => {\n const input = 'styled.div``'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"solid-styled-components\";\n _styled.div\\`\\`;\n `)\n })\n})\n\ntest('styled dot alt', async () => {\n const input = 'styled.div([tw`block`])'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"solid-styled-components\";\n _styled(\"div\")([{ display: \"block\" }]);\n `)\n })\n})\n\ntest('GlobalStyles', async () => {\n const input = html`<>`\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { createGlobalStyles as _globalImport } from \"solid-styled-components\";\n const _GlobalStyles = _globalImport\\`*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: var(--tw-empty,/*!*/ /*!*/); --tw-pan-y: var(--tw-empty,/*!*/ /*!*/); --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/); --tw-scroll-snap-strictness: proximity; --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);}::before, ::after { --tw-content: '';}html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-feature-settings: normal; font-variation-settings: normal;}body { margin: 0; line-height: inherit;}hr { height: 0; color: inherit; border-top-width: 1px;}abbr:where([title]) { text-decoration: underline dotted;}h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit;}a { color: inherit; text-decoration: inherit;}b, strong { font-weight: bolder;}code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size: 1em;}small { font-size: 80%;}sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sub { bottom: -0.25em;}sup { top: -0.5em;}table { text-indent: 0; border-color: inherit; border-collapse: collapse;}button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0;}button, select { text-transform: none;}button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none;}:-moz-focusring { outline: auto;}:-moz-ui-invalid { box-shadow: none;}progress { vertical-align: baseline;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto;}[type='search'] { -webkit-appearance: textfield; outline-offset: -2px;}::-webkit-search-decoration { -webkit-appearance: none;}::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}summary { display: list-item;}blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0;}fieldset { margin: 0; padding: 0;}legend { padding: 0;}ol, ul, menu { list-style: none; margin: 0; padding: 0;}textarea { resize: vertical;}input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af;}button, [role=\"button\"] { cursor: pointer;}:disabled { cursor: default;}img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle;}img, video { max-width: 100%; height: auto;}[hidden] { display: none;}::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: var(--tw-empty,/*!*/ /*!*/); --tw-pan-y: var(--tw-empty,/*!*/ /*!*/); --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/); --tw-scroll-snap-strictness: proximity; --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);}\\`;\n React.createElement(React.Fragment, null, React.createElement(_GlobalStyles, null));\n `)\n })\n})\n" }, { "path": "tests/presetStitches.test.ts", "content": "import { run, html } from './util/run'\n\nconst twinConfig = {\n preset: 'stitches',\n stitchesConfig: 'tests/stitches.config.js',\n} as const\n\ntest('tw prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"tests/stitches.config.js\";\n const _TwComponent = _styled(\"div\", { display: \"block\" });\n React.createElement(_TwComponent, null);\n `)\n })\n})\n\ntest('css prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"tests/stitches.config.js\";\n const _TwComponent = _styled(\"div\", {});\n React.createElement(_TwComponent, { css: \"{{}}\" });\n `)\n })\n})\n\ntest('tw dot', async () => {\n const input = 'tw.div`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"tests/stitches.config.js\";\n _styled(\"div\", { display: \"block\" });\n `)\n })\n})\n\ntest('tw', async () => {\n const input = 'tw`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ display: \"block\" });\n `)\n })\n})\n\ntest('styled dot', async () => {\n const input = 'styled.div``'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"tests/stitches.config.js\";\n _styled.div\\`\\`;\n `)\n })\n})\n\ntest('styled dot alt', async () => {\n const input = 'styled.div([tw`block`])'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { styled as _styled } from \"tests/stitches.config.js\";\n _styled(\"div\", [{ display: \"block\" }]);\n `)\n })\n})\n\ntest('GlobalStyles', async () => {\n const input = html`<>`\n return run(input, undefined, twinConfig)\n .then(result => {\n expect(result).toMatchFormattedJavaScript(``)\n })\n .catch(error => {\n expect(error).toMatchFormattedError(`\n MacroError: unknown: \n\n ✕ The GlobalStyles import can’t be used with stitches\n\n Use the globalStyles import instead\n `)\n })\n})\n\ntest('globalStyles', async () => {\n const input = html`globalStyles`\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({\n \"*, ::before, ::after\": {\n boxSizing: \"border-box\",\n borderWidth: \"0\",\n borderStyle: \"solid\",\n borderColor: \"#e5e7eb\",\n \"--tw-border-spacing-x\": \"0\",\n \"--tw-border-spacing-y\": \"0\",\n \"--tw-translate-x\": \"0\",\n \"--tw-translate-y\": \"0\",\n \"--tw-rotate\": \"0\",\n \"--tw-skew-x\": \"0\",\n \"--tw-skew-y\": \"0\",\n \"--tw-scale-x\": \"1\",\n \"--tw-scale-y\": \"1\",\n \"--tw-pan-x\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-pan-y\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-pinch-zoom\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-scroll-snap-strictness\": \"proximity\",\n \"--tw-ordinal\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-slashed-zero\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-figure\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-spacing\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-fraction\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-ring-offset-shadow\": \"0 0 #0000\",\n \"--tw-ring-shadow\": \"0 0 #0000\",\n \"--tw-shadow\": \"0 0 #0000\",\n \"--tw-shadow-colored\": \"0 0 #0000\",\n \"--tw-ring-inset\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-ring-offset-width\": \"0px\",\n \"--tw-ring-offset-color\": \"#fff\",\n \"--tw-ring-color\": \"rgb(59 130 246 / 0.5)\",\n \"--tw-blur\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-brightness\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-contrast\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-grayscale\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-hue-rotate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-invert\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-saturate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-sepia\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-drop-shadow\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-blur\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-brightness\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-contrast\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-grayscale\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-hue-rotate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-invert\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-opacity\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-saturate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-sepia\": \"var(--tw-empty,/*!*/ /*!*/)\",\n },\n \"::before, ::after\": { \"--tw-content\": \"''\" },\n html: {\n lineHeight: \"1.5\",\n WebkitTextSizeAdjust: \"100%\",\n MozTabSize: \"4\",\n tabSize: \"4\",\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n fontFeatureSettings: \" normal\",\n fontVariationSettings: \" normal\",\n },\n body: { margin: \"0\", lineHeight: \"inherit\" },\n hr: { height: \"0\", color: \"inherit\", borderTopWidth: \"1px\" },\n \"abbr:where([title])\": { textDecoration: \"underline dotted\" },\n \"h1, h2, h3, h4, h5, h6\": { fontSize: \"inherit\", fontWeight: \"inherit\" },\n a: { color: \"inherit\", textDecoration: \"inherit\" },\n \"b, strong\": { fontWeight: \"bolder\" },\n \"code, kbd, samp, pre\": {\n fontFamily:\n 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n fontSize: \"1em\",\n },\n small: { fontSize: \"80%\" },\n \"sub, sup\": { fontSize: \"75%\", lineHeight: \"0\", position: \"relative\", verticalAlign: \"baseline\" },\n sub: { bottom: \"-0.25em\" },\n sup: { top: \"-0.5em\" },\n table: { textIndent: \"0\", borderColor: \"inherit\", borderCollapse: \"collapse\" },\n \"button, input, optgroup, select, textarea\": {\n fontFamily: \"inherit\",\n fontSize: \"100%\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n color: \"inherit\",\n margin: \"0\",\n padding: \"0\",\n },\n \"button, select\": { textTransform: \"none\" },\n \"button, [type='button'], [type='reset'], [type='submit']\": {\n WebkitAppearance: \"button\",\n backgroundColor: \"transparent\",\n backgroundImage: \"none\",\n },\n \":-moz-focusring\": { outline: \"auto\" },\n \":-moz-ui-invalid\": { boxShadow: \"none\" },\n progress: { verticalAlign: \"baseline\" },\n \"::-webkit-inner-spin-button, ::-webkit-outer-spin-button\": { height: \"auto\" },\n \"[type='search']\": { WebkitAppearance: \"textfield\", outlineOffset: \"-2px\" },\n \"::-webkit-search-decoration\": { WebkitAppearance: \"none\" },\n \"::-webkit-file-upload-button\": { WebkitAppearance: \"button\", font: \"inherit\" },\n summary: { display: \"list-item\" },\n \"blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre\": { margin: \"0\" },\n fieldset: { margin: \"0\", padding: \"0\" },\n legend: { padding: \"0\" },\n \"ol, ul, menu\": { listStyle: \"none\", margin: \"0\", padding: \"0\" },\n textarea: { resize: \"vertical\" },\n \"input::placeholder, textarea::placeholder\": { opacity: \"1\", color: \"#9ca3af\" },\n 'button, [role=\"button\"]': { cursor: \"pointer\" },\n \":disabled\": { cursor: \"default\" },\n \"img, svg, video, canvas, audio, iframe, embed, object\": {\n display: \"block\",\n verticalAlign: \"middle\",\n },\n \"img, video\": { maxWidth: \"100%\", height: \"auto\" },\n \"[hidden]\": { display: \"none\" },\n \"::backdrop\": {\n \"--tw-border-spacing-x\": \"0\",\n \"--tw-border-spacing-y\": \"0\",\n \"--tw-translate-x\": \"0\",\n \"--tw-translate-y\": \"0\",\n \"--tw-rotate\": \"0\",\n \"--tw-skew-x\": \"0\",\n \"--tw-skew-y\": \"0\",\n \"--tw-scale-x\": \"1\",\n \"--tw-scale-y\": \"1\",\n \"--tw-pan-x\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-pan-y\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-pinch-zoom\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-scroll-snap-strictness\": \"proximity\",\n \"--tw-ordinal\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-slashed-zero\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-figure\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-spacing\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-numeric-fraction\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-ring-offset-shadow\": \"0 0 #0000\",\n \"--tw-ring-shadow\": \"0 0 #0000\",\n \"--tw-shadow\": \"0 0 #0000\",\n \"--tw-shadow-colored\": \"0 0 #0000\",\n \"--tw-ring-inset\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-ring-offset-width\": \"0px\",\n \"--tw-ring-offset-color\": \"#fff\",\n \"--tw-ring-color\": \"rgb(59 130 246 / 0.5)\",\n \"--tw-blur\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-brightness\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-contrast\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-grayscale\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-hue-rotate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-invert\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-saturate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-sepia\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-drop-shadow\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-blur\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-brightness\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-contrast\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-grayscale\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-hue-rotate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-invert\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-opacity\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-saturate\": \"var(--tw-empty,/*!*/ /*!*/)\",\n \"--tw-backdrop-sepia\": \"var(--tw-empty,/*!*/ /*!*/)\",\n },\n \"@keyframes spin\": { to: { transform: \"rotate(360deg)\" } },\n \"@keyframes ping\": { \"75%, 100%\": { transform: \"scale(2)\", opacity: \"0\" } },\n \"@keyframes pulse\": { \"50%\": { opacity: \".5\" } },\n \"@keyframes bounce\": {\n \"0%, 100%\": {\n transform: \"translateY(-25%)\",\n animationTimingFunction: \"cubic-bezier(0.8,0,1,1)\",\n },\n \"50%\": { transform: \"none\", animationTimingFunction: \"cubic-bezier(0,0,0.2,1)\" },\n },\n });\n `)\n })\n})\n" }, { "path": "tests/presetStyledComponents.test.ts", "content": "import { run, html } from './util/run'\n\nconst twinConfig = { preset: 'styled-components' } as const\n\ntest('tw prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { css: { display: \"block\" } });\n `)\n })\n})\n\ntest('css prop', async () => {\n const input = html`
    `\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n React.createElement(\"div\", { css: \"{{}}\" });\n `)\n })\n})\n\ntest('tw dot', async () => {\n const input = 'tw.div`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import _styled from \"styled-components\";\n _styled.div({ display: \"block\" });\n `)\n })\n})\n\ntest('tw', async () => {\n const input = 'tw`block`'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n ({ display: \"block\" });\n `)\n })\n})\n\ntest('styled dot', async () => {\n const input = 'styled.div``'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import _styled from \"styled-components\";\n _styled.div\\`\\`;\n `)\n })\n})\n\ntest('styled dot alt', async () => {\n const input = 'styled.div([tw`block`])'\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import _styled from \"styled-components\";\n _styled.div([{ display: \"block\" }]);\n `)\n })\n})\n\ntest('GlobalStyles', async () => {\n const input = html`<>`\n return run(input, undefined, twinConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n import { createGlobalStyle as _globalImport } from \"styled-components\";\n const _GlobalStyles = _globalImport\\`*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: var(--tw-empty,/*!*/ /*!*/); --tw-pan-y: var(--tw-empty,/*!*/ /*!*/); --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/); --tw-scroll-snap-strictness: proximity; --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);}::before, ::after { --tw-content: '';}html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; font-feature-settings: normal; font-variation-settings: normal;}body { margin: 0; line-height: inherit;}hr { height: 0; color: inherit; border-top-width: 1px;}abbr:where([title]) { text-decoration: underline dotted;}h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit;}a { color: inherit; text-decoration: inherit;}b, strong { font-weight: bolder;}code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; font-size: 1em;}small { font-size: 80%;}sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sub { bottom: -0.25em;}sup { top: -0.5em;}table { text-indent: 0; border-color: inherit; border-collapse: collapse;}button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0;}button, select { text-transform: none;}button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none;}:-moz-focusring { outline: auto;}:-moz-ui-invalid { box-shadow: none;}progress { vertical-align: baseline;}::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto;}[type='search'] { -webkit-appearance: textfield; outline-offset: -2px;}::-webkit-search-decoration { -webkit-appearance: none;}::-webkit-file-upload-button { -webkit-appearance: button; font: inherit;}summary { display: list-item;}blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0;}fieldset { margin: 0; padding: 0;}legend { padding: 0;}ol, ul, menu { list-style: none; margin: 0; padding: 0;}textarea { resize: vertical;}input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af;}button, [role=\"button\"] { cursor: pointer;}:disabled { cursor: default;}img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle;}img, video { max-width: 100%; height: auto;}[hidden] { display: none;}::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: var(--tw-empty,/*!*/ /*!*/); --tw-pan-y: var(--tw-empty,/*!*/ /*!*/); --tw-pinch-zoom: var(--tw-empty,/*!*/ /*!*/); --tw-scroll-snap-strictness: proximity; --tw-ordinal: var(--tw-empty,/*!*/ /*!*/); --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/); --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);}\\`;\n React.createElement(React.Fragment, null, React.createElement(_GlobalStyles, null));\n `)\n })\n})\n" }, { "path": "tests/screens.test.ts", "content": "import { run } from './util/run'\n\ntest('screen is replaced', async () => {\n const input = [\n 'screen(``)',\n 'screen(`mobile`)',\n 'screen(`tablet`)',\n 'screen(`mobile_desktop`)',\n 'screen(`mobile,desktop`)',\n 'screen([\"mobile\", \"desktop\"])',\n ].join('; ')\n const tailwindConfig = {\n theme: {\n screens: {\n '': { min: '500px' },\n mobile: { max: '767px' },\n tablet: { min: '768px', max: '991px' },\n desktop: { min: '1600px' },\n mobile_desktop: [{ max: '767px' }, { min: '1600px' }],\n mobile_desktop_max: [{ max: '767px' }, { min: '1600px', max: '767px' }],\n },\n },\n }\n\n return run(input, tailwindConfig).then(result => {\n expect(result).toMatchFormattedJavaScript(`\n \"@media (max-width: 399px)\";\n \"@media (min-width: 500px)\";\n \"@media (max-width: 767px)\";\n \"@media (min-width: 768px) and (max-width: 991px)\";\n \"@media (max-width: 767px), (min-width: 1600px)\";\n \"@media (max-width: 767px), (min-width: 1600px)\";\n \"@media (max-width: 767px), (min-width: 1600px)\";\n `)\n })\n})\n" }, { "path": "tests/stitches.config.js", "content": "// just for show\n" }, { "path": "tests/types/index.ts", "content": "import type { Config } from 'tailwindcss'\nimport type { TwinConfigAll } from '../../src/core/types'\n\ntype TailwindConfig = Partial\ntype TwinConfig = Partial\n\nexport type { TailwindConfig, TwinConfig }\n" }, { "path": "tests/types/types.d.ts", "content": "declare module '@babel/plugin-transform-react-jsx'\n\ndeclare namespace jest {\n // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n interface Matchers {\n toMatchFormattedError(error: string): R\n toMatchFormattedJavaScript(javascriptString: string): R\n }\n}\n" }, { "path": "tests/util/customMatchers.ts", "content": "import * as prettier from 'prettier'\nimport { diff } from 'jest-diff'\n\nfunction formatJavascript(input: string): string {\n return prettier.format(input.replace(/\\n/g, ''), {\n parser: 'flow',\n printWidth: 100,\n })\n}\n\nfunction formatError(input: string): string {\n return String(input)\n .trim()\n .split('\\n')\n .map(s => s.trim())\n .join('\\n')\n}\n\nexpect.extend({\n toMatchFormattedError(\n received: string,\n argument: string\n ): { actual: string; message: () => string; pass: boolean } {\n const options = {\n comment: 'stripped(received) === stripped(argument)',\n isNot: this.isNot,\n promise: this.promise,\n }\n\n const formattedReceived = formatError(received)\n const formattedArgument = formatError(argument)\n // startsWith check to avoid twin version match at the bottom of the error\n const pass = formattedReceived.startsWith(formattedArgument)\n\n const message = pass\n ? (): string =>\n this.utils.matcherHint(\n 'toMatchFormattedJavaScript',\n undefined,\n undefined,\n options\n ) +\n '\\n\\n' +\n `Expected: ${this.utils.printExpected(formattedReceived)}\\n` +\n `Received: ${this.utils.printReceived(formattedArgument)}`\n : (): string => {\n const actual = formattedReceived\n const expected = formattedArgument\n\n const diffString = diff(expected, actual, {\n expand: this.expand,\n })\n\n return (\n this.utils.matcherHint(\n 'toMatchFormattedJavaScript',\n undefined,\n undefined,\n options\n ) +\n '\\n\\n' +\n (diffString?.includes('- Expect')\n ? `Difference:\\n\\n${diffString}`\n : `Expected: ${this.utils.printExpected(expected)}\\n` +\n `Received: ${this.utils.printReceived(actual)}`)\n )\n }\n\n return { actual: formattedReceived, message, pass }\n },\n toMatchFormattedJavaScript(\n received: string,\n argument: string\n ): { actual: string; message: () => string; pass: boolean } {\n const options = {\n comment: 'stripped(received) === stripped(argument)',\n isNot: this.isNot,\n promise: this.promise,\n }\n\n const formattedReceived = formatJavascript(received)\n const formattedArgument = formatJavascript(argument ?? '')\n const pass = formattedReceived === formattedArgument\n\n const message = pass\n ? (): string =>\n this.utils.matcherHint(\n 'toMatchFormattedJavaScript',\n undefined,\n undefined,\n options\n ) +\n '\\n\\n' +\n `Expected: ${this.utils.printExpected(formattedReceived)}\\n` +\n `Received: ${this.utils.printReceived(formattedArgument)}`\n : (): string => {\n const actual = formattedReceived\n const expected = formattedArgument\n\n const diffString = diff(expected, actual, {\n expand: this.expand,\n })\n\n return (\n this.utils.matcherHint(\n 'toMatchFormattedJavaScript',\n undefined,\n undefined,\n options\n ) +\n '\\n\\n' +\n (diffString?.includes('- Expect')\n ? `Difference:\\n\\n${diffString}`\n : `Expected: ${this.utils.printExpected(expected)}\\n` +\n `Received: ${this.utils.printReceived(actual)}`)\n )\n }\n\n return { actual: received, message, pass }\n },\n})\n" }, { "path": "tests/util/run.ts", "content": "import * as babel from '@babel/core'\nimport macros from 'babel-plugin-macros'\nimport jsx from '@babel/plugin-transform-react-jsx'\n// eslint-disable-next-line import/no-relative-parent-imports\nimport type { TailwindConfig, TwinConfig } from '../types'\n\nexport const html = String.raw\n\nexport async function run(\n input: string,\n tailwindConfig?: TailwindConfig | undefined,\n twinConfig?: TwinConfig\n): Promise {\n return babelTransform(input, { tailwindConfig, twinConfig })\n}\n\nexport async function babelTransform(\n input: string,\n options: { tailwindConfig?: TailwindConfig; twinConfig?: TwinConfig }\n): Promise {\n const babelOptions = babel.loadOptions({\n plugins: [\n [jsx, { pure: false }],\n [\n macros,\n {\n twin: {\n hasLogColors: false,\n ...options.twinConfig,\n ...(options.tailwindConfig && { config: options.tailwindConfig }),\n },\n },\n ],\n ],\n })\n if (!babelOptions) return '' // Type guard\n\n const twinImports = `import tw, { styled, globalStyles, GlobalStyles, screen } from './twin.macro'`\n const inputWithImports = `${twinImports};${input}`\n const transformed = await babel.transformAsync(inputWithImports, babelOptions)\n return transformed?.code ?? ''\n}\n" }, { "path": "tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"es2020\", // To cover tailwindcss use of bigint\n \"module\": \"esnext\",\n \"moduleResolution\": \"node\",\n \"esModuleInterop\": true,\n \"allowSyntheticDefaultImports\": true,\n \"strict\": true,\n \"jsx\": \"react\",\n \"noEmit\": true,\n \"baseUrl\": \"src\"\n },\n \"include\": [\"src/**/*.ts\", \"tests/**/*.ts\"]\n}\n" }, { "path": "types/index.d.ts", "content": "import { ComponentType, ElementType } from 'react'\nimport { Config as TailwindConfig } from 'tailwindcss'\n\nexport interface TwStyle {\n [key: string]: string | number | TwStyle\n}\n\nexport const GlobalStyles: string\n\nexport type TemplateFn = (\n strings: Readonly,\n ...values: readonly string[]\n) => R\n\nexport type TwFn = TemplateFn\n\nexport type ThemeSearchFn = (...values: readonly string[]) => R\nexport type ThemeSearchTaggedFn = (\n strings: Readonly\n) => R\n\nexport type ThemeFn = (arg?: string | TemplateStringsArray) => T\n\nexport type ScreenFn = (\n screenValue: string | TemplateStringsArray | string[]\n) => (styles?: string | TemplateStringsArray | TwStyle | TwStyle[]) => T\n\nexport type TwComponent = (\n props: JSX.IntrinsicElements[K] & { as?: ElementType }\n) => JSX.Element\n\nexport type TwComponentMap = {\n [K in keyof JSX.IntrinsicElements]: TemplateFn>\n}\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any */\ntype TwComponentWrapper = >(\n component: T\n) => TemplateFn\n\ndeclare const tw: TwFn & TwComponentMap & TwComponentWrapper\nexport default tw\n\ndeclare module 'react' {\n interface DOMAttributes {\n tw?: string\n }\n interface HTMLAttributes extends AriaAttributes, DOMAttributes {\n cs?: string\n }\n}\n\ndeclare global {\n namespace JSX {\n interface IntrinsicAttributes {\n tw?: string\n }\n }\n}\n\n// Docs: https://github.com/ben-rogerson/twin.macro/blob/master/docs/options.md\nexport type Config = {\n /**\n * The css-in-js library behind the scenes, default is `emotion`.\n */\n preset?: 'styled-components' | 'emotion' | 'goober' | 'stitches' | 'solid'\n /**\n * Visit `style={...}` props/attributes for classes.\n */\n allowStyleProp?: boolean\n /**\n * The path to your Tailwind config. Also takes a TailwindConfig object.\n */\n config?: string | Partial\n /**\n * For packages like stitches, add a styled definition on css prop elements.\n */\n convertHtmlElementToStyled?: boolean\n /**\n * Convert `styled.[element]``` to `styled('element', ({}))`.\n */\n convertStyledDotToParam?: boolean\n /**\n * Convert `styled.[element]``` to `styled('element')({})`.\n */\n convertStyledDotToFunction?: boolean\n /**\n * Add a prop to your elements in development so you can see the original cs prop classes, eg: `
    `.\n */\n dataCsProp?: boolean | 'all'\n /**\n * Add a prop to jsx components in development showing the original tailwind classes. Use `\"all\"` to keep the prop in production.\n */\n dataTwProp?: boolean | 'all'\n /**\n * Display information in your terminal about the Tailwind class conversions.\n */\n debug?: boolean\n /**\n * Disable twin from reading values specified in the cs prop.\n */\n disableCsProp?: boolean\n /**\n * Disable converting short css within the tw import/prop.\n */\n disableShortCss?: boolean\n /**\n * Disable log colors to remove the glyphs when the color display is not supported.\n */\n hasLogColors?: boolean\n /**\n * Look in className props for tailwind classes to convert.\n */\n includeClassNames?: boolean\n /**\n * `@keyframes` are added next to the `animation-x` classes - this option can move them to global styles instead.\n */\n moveKeyframesToGlobalStyles?: boolean\n /**\n * Move the tw prop to a styled definition.\n */\n moveTwPropToStyled?: boolean\n /**\n * Some css-in-js frameworks require the `&` in selectors like `&:hover`, this option ensures it’s added.\n */\n sassyPseudo?: boolean\n /**\n * This is the path to your config (stitches only).\n */\n stitchesConfig?: string\n /**\n * Overwrite the css prop based import, eg: `import: 'css', from: '@emotion/react'`.\n */\n css?: { import: string; from: string }\n /**\n * Overwrite the styled import, eg: `import: 'default', from: '@emotion/styled'`.\n */\n styled?: { import: string; from: string }\n /**\n * Overwrite the import used for global styles, eg: `import: 'Global', from: '@emotion/react'`.\n */\n global?: { import: string; from: string }\n}\n\ndeclare const theme: ThemeFn\ndeclare const screen: ScreenFn\ndeclare const globalStyles: Record\n\nexport { theme, screen, globalStyles }\n" }, { "path": "types/macro.d.ts", "content": "declare const _default: any\nexport default _default\n" }, { "path": "types/tests/__fixtures__/config/tailwind.config.d.ts", "content": "declare const _default: {\n theme: {\n animation: {\n 'zoom-.5': string\n }\n colors: {\n number: number\n purple: string\n 'purple-hyphen': string\n mycolors: {\n DEFAULT: string\n 'a-purple': string\n 'a-number': number\n }\n 'my-blue': {\n 100: string\n }\n 'color-opacity': ({ opacityVariable }: { opacityVariable: any }) => string\n color: {\n deep: {\n config: {\n 500: string\n }\n }\n }\n blue: {\n DEFAULT: string\n gray: {\n 200: string\n }\n }\n 'blue-gray': {\n DEFAULT: string\n 200: string\n }\n 'blue-gray-green': {\n DEFAULT: string\n 200: string\n 'deep-dish': {\n DEFAULT: string\n 200: string\n }\n }\n 'blue-gray-green-pink': string\n }\n fontWeight: {\n customFontWeightAsString: string\n customFontWeightAsNumber: number\n }\n }\n}\nexport default _default\n" }, { "path": "types/tests/__fixtures__/configTS/tailwind.config.d.ts", "content": "declare const _default: {\n content: never[]\n theme: {\n colors: {\n purple: string\n }\n }\n}\nexport default _default\n" }, { "path": "types/tests/basic/index.tsx", "content": "import React from 'react'\nimport tw from '../..'\n\n// standard template literal\ntw`text-gray-100 bg-blue-500`\n\n// basic variables\nconst basic = 'bg-blue-500'\ntw`${basic}`\n\n// @ts-expect-error empty tw\ntw('')\n\n// @ts-expect-error interpolations not supported\ntw`interpolations not supported ${123}`\n\nconst Button = tw.button`bg-blue-500 text-gray-100`\nconst A = tw.a`bg-blue-500 text-gray-100`\nconst P = tw.p`bg-blue-500 text-gray-100`\nconst Img = tw.img`bg-blue-500 text-gray-100`\n\nconst jsx = (\n <>\n \n \n

    ay

    \n \n \n)\n\n// @ts-expect-error bad jsx\nconst badJsx =