plugin.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`twin.macro !config.js: !config.js 1`] = `

import tw from './macro'

/**
 * Test the config nesting is working correctly
 */

tw\`text-number\`
tw\`text-purple-hyphen\`
tw\`text-mycolors\`
tw\`text-mycolors-a-purple\`
tw\`text-mycolors-a-number\`
tw\`text-mycolors-array\`
tw\`text-my-blue-100\`
tw\`text-color-opacity\`

tw\`bg-number\`
tw\`bg-purple-hyphen\`
tw\`bg-mycolors\`
tw\`bg-mycolors-a-purple\`
tw\`bg-mycolors-a-number\`
tw\`bg-mycolors-array\`
tw\`bg-my-blue-100\`
tw\`bg-color-opacity\`

      ↓ ↓ ↓ ↓ ↓ ↓

/**
 * Test the config nesting is working correctly
 */
;({
  color: '0',
})
;({
  '--text-opacity': '1',
  color: 'rgba(128, 0, 128, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(0, 0, 255, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(128, 0, 128, var(--text-opacity))',
})
;({
  color: '0',
})
;({
  color: 'blue,purple,orange',
})
;({
  '--text-opacity': '1',
  color: 'rgba(0, 0, 255, var(--text-opacity))',
})
;({
  color: 'rgba(var(--color-primary), var(--text-opacity, 1))',
})
;({
  backgroundColor: '0',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(128, 0, 128, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(0, 0, 255, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(128, 0, 128, var(--bg-opacity))',
})
;({
  backgroundColor: '0',
})
;({
  backgroundColor: 'blue,purple,orange',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(0, 0, 255, var(--bg-opacity))',
})
;({
  backgroundColor: 'rgba(var(--color-primary), var(--bg-opacity, 1))',
})


`;

exports[`twin.macro !custom.js: !custom.js 1`] = `

import tw from './macro'

/**
 * Test custom Twin classes
 */

tw\`content\`

tw\`font-customFontWeightAsString\`
tw\`font-customFontWeightAsNumber\`

tw\`group-hocus:bg-red-500\`
tw\`group-focus:bg-red-500\`
tw\`group-active:bg-red-500\`
tw\`group-visited:bg-red-500\`

tw\`clearfix\`
tw\`stroke-non-scaling\`

      ↓ ↓ ↓ ↓ ↓ ↓

/**
 * Test custom Twin classes
 */
;({
  content: '""',
})
;({
  fontWeight: '700',
})
;({
  fontWeight: '800',
})
;({
  '.group:hover &, .group:focus &': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))',
  },
})
;({
  '.group:focus &': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))',
  },
})
;({
  '.group:active &': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))',
  },
})
;({
  '.group:visited &': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))',
  },
})
;({
  '::after': {
    content: '""',
    display: 'table',
    clear: 'both',
  },
})
;({
  vectorEffect: 'non-scaling-stroke',
})


`;

exports[`twin.macro !general.js: !general.js 1`] = `

/* eslint-disable @typescript-eslint/no-unused-vars */
/* eslint-disable react/react-in-jsx-scope */
import tw from './macro'

/**
 * Misc usage tests
 */

const styles = tw\`uppercase\`
const Box = tw.div\`text-red-500\`
const BoxExtended = tw(Box)\`bg-blue-500\`

// Media queries

const MediaProperty = tw\`lg:uppercase\`
const MediaColorProperty = tw.div\`lg:text-red-500\`
const ElementMediaColorProperty = tw(Box)\`lg:bg-blue-500\`
const MediaPropertyDuplicates = tw\`lg:bg-blue-500 lg:bg-black\`

// Important

const Important = tw\`lg:uppercase!\`
const MediaImportant = tw.div\`lg:text-red-500!\`
const ElementMediaImportant = tw(Box)\`lg:bg-blue-500!\`

const PlaceholderImportant = tw.input\`placeholder-red-500!\`
const StateImportant = tw.input\`hover:text-red-500!\`
const StatePlaceholderImportant = tw.input\`hover:placeholder-red-500!\`
const StateStatePlaceholderImportant = tw.input\`active:hover:placeholder-red-500!\`
const StateMultiplePropertiesImportant = tw.input\`hover:truncate!\`
const MediaStateMultiplePropertiesImportant = tw.input\`lg:hover:truncate!\`
const ElementMediaStateMultiplePropertiesImportant = tw(Box)\`lg:hover:truncate!\`

const JsxPlaceholder = () => <input tw="placeholder-red-500" />
const JsxPlaceholderImportant = () => <input tw="placeholder-green-500!" />

// Only basic evaluations supported
// No functions or "beyond basic" conditionals.
const plainConditional = true && 'red'
const plainVariable = \`bg-\${plainConditional}-500\`
tw\`\${plainVariable}\`

      ↓ ↓ ↓ ↓ ↓ ↓

import _styled from '@emotion/styled'

/**
 * Misc usage tests
 */
const styles = {
  textTransform: 'uppercase',
}

const Box = _styled.div({
  '--text-opacity': '1',
  color: 'rgba(239, 68, 68, var(--text-opacity))',
})

const BoxExtended = _styled(Box)({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity))',
}) // Media queries

const MediaProperty = {
  '@media (min-width: 1024px)': {
    textTransform: 'uppercase',
  },
}

const MediaColorProperty = _styled.div({
  '@media (min-width: 1024px)': {
    '--text-opacity': '1',
    color: 'rgba(239, 68, 68, var(--text-opacity))',
  },
})

const ElementMediaColorProperty = _styled(Box)({
  '@media (min-width: 1024px)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity))',
  },
})

const MediaPropertyDuplicates = {
  '@media (min-width: 1024px)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
  },
} // Important

const Important = {
  '@media (min-width: 1024px)': {
    textTransform: 'uppercase !important',
  },
}

const MediaImportant = _styled.div({
  '@media (min-width: 1024px)': {
    '--text-opacity': '1',
    color: 'rgba(239, 68, 68, var(--text-opacity)) !important',
  },
})

const ElementMediaImportant = _styled(Box)({
  '@media (min-width: 1024px)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity)) !important',
  },
})

const PlaceholderImportant = _styled.input({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(239, 68, 68, var(--placeholder-opacity)) !important',
  },
})

const StateImportant = _styled.input({
  ':hover': {
    '--text-opacity': '1',
    color: 'rgba(239, 68, 68, var(--text-opacity)) !important',
  },
})

const StatePlaceholderImportant = _styled.input({
  ':hover': {
    '::placeholder': {
      '--placeholder-opacity': '1',
      color: 'rgba(239, 68, 68, var(--placeholder-opacity)) !important',
    },
  },
})

const StateStatePlaceholderImportant = _styled.input({
  ':active': {
    ':hover': {
      '::placeholder': {
        '--placeholder-opacity': '1',
        color: 'rgba(239, 68, 68, var(--placeholder-opacity)) !important',
      },
    },
  },
})

const StateMultiplePropertiesImportant = _styled.input({
  ':hover': {
    overflow: 'hidden !important',
    textOverflow: 'ellipsis !important',
    whiteSpace: 'nowrap !important',
  },
})

const MediaStateMultiplePropertiesImportant = _styled.input({
  '@media (min-width: 1024px)': {
    ':hover': {
      overflow: 'hidden !important',
      textOverflow: 'ellipsis !important',
      whiteSpace: 'nowrap !important',
    },
  },
})

const ElementMediaStateMultiplePropertiesImportant = _styled(Box)({
  '@media (min-width: 1024px)': {
    ':hover': {
      overflow: 'hidden !important',
      textOverflow: 'ellipsis !important',
      whiteSpace: 'nowrap !important',
    },
  },
})

const JsxPlaceholder = () => (
  <input
    css={{
      '::placeholder': {
        '--placeholder-opacity': '1',
        color: 'rgba(239, 68, 68, var(--placeholder-opacity))',
      },
    }}
  />
)

const JsxPlaceholderImportant = () => (
  <input
    css={{
      '::placeholder': {
        '--placeholder-opacity': '1',
        color: 'rgba(16, 185, 129, var(--placeholder-opacity)) !important',
      },
    }}
  />
) // Only basic evaluations supported
// No functions or "beyond basic" conditionals.

const plainConditional = true && 'red'
const plainVariable = \`bg-\${plainConditional}-500\`
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))',
})


`;

exports[`twin.macro !imports.js: !imports.js 1`] = `

/* eslint-disable @typescript-eslint/no-unused-vars */
/* eslint-disable react/react-in-jsx-scope */
import tw, { theme, styled, css, GlobalStyles } from './macro'

const twPropertyTest = <div tw="text-purple-500" />

const twFunctionTest = tw.div\`text-purple-500\`

const cssFunctionTest = (
  <div
    css={css\`
      \${tw\`text-purple-500\`}
      background-color: purple;
    \`}
  />
)

const styledFunctionTest = styled.div\`
  \${css\`
    \${tw\`text-purple-500\`}
    background-color: purple;
  \`}
\`

const themeObjectPurple = (
  <input css={css({ color: theme\`colors.purple.500\` })} />
)

const themeStringFont = (
  <input
    css={css\`
      fontfamily: \${theme\`fontFamily.sans\`.join(', ')};
    \`}
  />
)

const colorsRed = Object.values(theme\`colors.red\`)

const themeFunctionObjectPurple = (
  <input css={css({ color: theme('colors.black') })} />
)

const themeFunctionStringHeight = (
  <input
    css={css\`
      height: \${theme('height.24')};
    \`}
  />
)

const GlobalStylesTest = () => <GlobalStyles />

      ↓ ↓ ↓ ↓ ↓ ↓

import _styled from '@emotion/styled'
import { css as _css } from '@emotion/react'
import { Global as _globalImport } from '@emotion/react'
import 'tailwindcss/dist/base.min.css'

const _GlobalStyles = () => (
  <_globalImport
    styles={_css\`
      @keyframes spin {
          to {
            transform: rotate(360deg);
          }
        }
      @keyframes ping {
          75%, 100% {
            transform: scale(2); opacity: 0;
          }
        }
      @keyframes pulse {
          50% {
            opacity: .5;
          }
        }
      @keyframes bounce {
          0%, 100% {
            transform: translateY(-25%); animationTimingFunction: cubic-bezier(0.8,0,1,1);
          }

          50% {
            transform: none; animationTimingFunction: cubic-bezier(0,0,0.2,1);
          }
        }\`}
  />
)

const twPropertyTest = (
  <div
    css={{
      '--text-opacity': '1',
      color: 'rgba(139, 92, 246, var(--text-opacity))',
    }}
  />
)

const twFunctionTest = _styled.div({
  '--text-opacity': '1',
  color: 'rgba(139, 92, 246, var(--text-opacity))',
})

const cssFunctionTest = (
  <div
    css={_css\`
      \${{
        '--text-opacity': '1',
        color: 'rgba(139, 92, 246, var(--text-opacity))',
      }}
      background-color: purple;
    \`}
  />
)
const styledFunctionTest = _styled.div\`
  \${_css\`
    \${{
      '--text-opacity': '1',
      color: 'rgba(139, 92, 246, var(--text-opacity))',
    }}
    background-color: purple;
  \`}
\`
const themeObjectPurple = (
  <input
    css={_css({
      color: '#8b5cf6',
    })}
  />
)
const themeStringFont = (
  <input
    css={_css\`
      fontfamily: \${[
        '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"',
      ].join(', ')};
    \`}
  />
)
const colorsRed = Object.values({
  50: '#fef2f2',
  100: '#fee2e2',
  200: '#fecaca',
  300: '#fca5a5',
  400: '#f87171',
  500: '#ef4444',
  600: '#dc2626',
  700: '#b91c1c',
  800: '#991b1b',
  900: '#7f1d1d',
})
const themeFunctionObjectPurple = (
  <input
    css={_css({
      color: '#000',
    })}
  />
)
const themeFunctionStringHeight = (
  <input
    css={_css\`
      height: \${'6rem'};
    \`}
  />
)

const GlobalStylesTest = () => <_GlobalStyles />


`;

exports[`twin.macro !namelessImport.js: !namelessImport.js 1`] = `

/* eslint-disable @typescript-eslint/no-unused-vars */
/* eslint-disable import/no-unassigned-import */
/* eslint-disable react/react-in-jsx-scope */
/* eslint-disable react/jsx-curly-brace-presence */
import './macro'

const twPropertyString = <div tw="text-purple-500" />
const twPropertyExpression = <div tw={'text-purple-500'} />

      ↓ ↓ ↓ ↓ ↓ ↓

/* eslint-disable @typescript-eslint/no-unused-vars */

/* eslint-disable import/no-unassigned-import */

/* eslint-disable react/react-in-jsx-scope */

/* eslint-disable react/jsx-curly-brace-presence */
const twPropertyString = (
  <div
    css={{
      '--text-opacity': '1',
      color: 'rgba(139, 92, 246, var(--text-opacity))',
    }}
  />
)
const twPropertyExpression = (
  <div
    css={{
      '--text-opacity': '1',
      color: 'rgba(139, 92, 246, var(--text-opacity))',
    }}
  />
)


`;

exports[`twin.macro !ordering.js: !ordering.js 1`] = `

import tw from './macro'

// This tests the screens end up in the order they are defined in the config

tw.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\`

      ↓ ↓ ↓ ↓ ↓ ↓

import _styled from '@emotion/styled'

// This tests the screens end up in the order they are defined in the config
_styled.div({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(16, 185, 129, var(--bg-opacity))',
  fill: 'currentColor',
  display: 'none',
  '@media (min-width: 640px)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(16, 185, 129, var(--bg-opacity))',
    '--text-opacity': '1',
    color: 'rgba(245, 158, 11, var(--text-opacity))',
  },
  '@media (min-width: 768px)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(236, 72, 153, var(--bg-opacity))',
  },
  '@media (min-width: 1024px)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity))',
  },
  '@media (min-width: 1280px)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))',
  },
})


`;

exports[`twin.macro !plugins.js: !plugins.js 1`] = `

/* eslint-disable @typescript-eslint/no-unused-vars */
import tw from './macro'

// Tailwind plugin tests

tw\`type-sm\`

const addUtilitiesTest = tw\`type-sm text-red-500 lg:type-sm md:type-sm!\`

const addUtilitiesTest2 = tw\`skew-15deg\`
const addUtilitiesTest2Important = tw\`skew-15deg! type-sm!\`
const addUtilitiesTest2Media = tw\`sm:skew-15deg lg:type-sm\`
const addUtilitiesTest2Variants = tw\`hover:active:skew-15deg even:visited:skew-15deg\`

const addComponentsTest = tw\`btn btn-blue btn-red\`
// const addComponentsTestImportant = tw\`btn! btn-blue!\` // Issue showing sub selectors and important
const addComponentsTestMedia = tw\`xl:btn sm:btn-blue lg:btn-red\`
const addComponentsTestVariants = tw\`hover:active:btn hocus:before:btn-blue even:visited:btn-red\`

const addComponentsTestMediaQueriesVariants = tw\`fluid-container ml-10\`
const addComponentsTestElementSelectors = tw\`rich-text\`
const addComponentsTestElementPrefixes = tw\`prefixes\`
const addComponentsTestElementScreenReplacements = tw\`screenies\`

const addComponentsResponsiveScoping = tw\`prose sm:prose-sm lg:prose-lg xl:prose-xl\`

      ↓ ↓ ↓ ↓ ↓ ↓

/* eslint-disable @typescript-eslint/no-unused-vars */
// Tailwind plugin tests
;({
  fontSize: '0.875rem',
  fontWeight: '500',
  lineHeight: '1.25',
})
const addUtilitiesTest = {
  fontSize: '0.875rem',
  fontWeight: '500',
  lineHeight: '1.25',
  '--text-opacity': '1',
  color: 'rgba(239, 68, 68, var(--text-opacity))',
  '@media (min-width: 768px)': {
    fontSize: '0.875rem !important',
    fontWeight: '500 !important',
    lineHeight: '1.25 !important',
  },
  '@media (min-width: 1024px)': {
    fontSize: '0.875rem',
    fontWeight: '500',
    lineHeight: '1.25',
  },
}
const addUtilitiesTest2 = {
  transform: 'skewY(-15deg)',
}
const addUtilitiesTest2Important = {
  transform: 'skewY(-15deg) !important',
  fontSize: '0.875rem !important',
  fontWeight: '500 !important',
  lineHeight: '1.25 !important',
}
const addUtilitiesTest2Media = {
  '@media (min-width: 640px)': {
    transform: 'skewY(-15deg)',
  },
  '@media (min-width: 1024px)': {
    fontSize: '0.875rem',
    fontWeight: '500',
    lineHeight: '1.25',
  },
}
const addUtilitiesTest2Variants = {
  ':hover': {
    ':active': {
      transform: 'skewY(-15deg)',
    },
  },
  ':nth-child(even)': {
    ':visited': {
      transform: 'skewY(-15deg)',
    },
  },
}
const addComponentsTest = {
  padding: '.5rem 1rem',
  borderRadius: '.25rem',
  fontWeight: '600',
  backgroundColor: '#e3342f',
  color: '#fff',
  ':hover': {
    backgroundColor: '#cc1f1a',
  },
} // const addComponentsTestImportant = tw\`btn! btn-blue!\` // Issue showing sub selectors and important

const addComponentsTestMedia = {
  '@media (min-width: 640px)': {
    backgroundColor: '#3490dc',
    color: '#fff',
    ':hover': {
      backgroundColor: '#2779bd',
    },
  },
  '@media (min-width: 1024px)': {
    backgroundColor: '#e3342f',
    color: '#fff',
    ':hover': {
      backgroundColor: '#cc1f1a',
    },
  },
  '@media (min-width: 1280px)': {
    padding: '.5rem 1rem',
    borderRadius: '.25rem',
    fontWeight: '600',
  },
}
const addComponentsTestVariants = {
  ':hover': {
    ':active': {
      padding: '.5rem 1rem',
      borderRadius: '.25rem',
      fontWeight: '600',
    },
  },
  ':hover, :focus': {
    ':before': {
      backgroundColor: '#3490dc',
      color: '#fff',
      ':hover': {
        backgroundColor: '#2779bd',
      },
    },
  },
  ':nth-child(even)': {
    ':visited': {
      backgroundColor: '#e3342f',
      color: '#fff',
      ':hover': {
        backgroundColor: '#cc1f1a',
      },
    },
  },
}
const addComponentsTestMediaQueriesVariants = {
  marginLeft: '2.5rem',
  marginRight: 'auto',
  width: '100%',
  ':focus': {
    marginLeft: '10rem',
    marginRight: '11rem',
    width: '100%',
  },
  '@media (min-width: 1440px)': {
    display: 'block',
    width: '75%',
    backgroundColor: 'black',
  },
  '@media (min-width: 768px)': {
    ':hover': {
      width: '25%',
    },
    ':focus': {
      marginLeft: 'auto',
      marginRight: 'auto',
      width: '100%',
    },
  },
  '@media only screen and (max-width: 540px)': {
    width: '33%',
    backgroundColor: 'red',
  },
}
const addComponentsTestElementSelectors = {
  fontWeight: '400',
  fontSize: '1rem',
  lineHeight: '1.625',
  '> * + *': {
    marginTop: '1em',
  },
  h1: {
    fontWeight: '700',
    fontSize: '3rem',
  },
  'h1 lineHeight': {
    lineHeight: '1',
  },
  a: {
    fontWeight: '700',
    color: '#60a5fa',
  },
  'a:hover': {
    color: '#2563eb',
    textDecoration: 'underline',
  },
  'a:focus': {
    color: '#2563eb',
    textDecoration: 'underline',
  },
  'a:active': {},
  b: {
    fontWeight: '700',
  },
  strong: {
    fontWeight: '700',
  },
  i: {
    fontStyle: 'italic',
  },
  em: {
    fontStyle: 'italic',
  },
  '@media (min-width: 640px)': {
    h1: {
      fontSize: '3.75rem',
    },
    'h1 lineHeight': {
      lineHeight: '1',
    },
  },
}
const addComponentsTestElementPrefixes = {
  h1: {
    margin: 'auto',
    marginRight: '10px',
  },
  'h2:hover': {
    color: 'red',
  },
  'h3:hover': {
    color: 'green',
  },
  'h3:active': {
    color: 'green',
  },
  ':focus': {
    display: 'none',
  },
}
const addComponentsTestElementScreenReplacements = {
  '@media (min-width: 768px)': {
    display: 'flex',
  },
  '@media (min-width: 640px)': {
    display: 'block',
  },
  '@media (min-width: 1024px)': {
    display: 'inline-block',
  },
  '@media (min-width: 1280px)': {
    h1: {
      color: 'red',
    },
    'h1:hover': {
      color: 'blue',
    },
    'h1:focus': {
      color: 'blue',
    },
  },
}
const addComponentsResponsiveScoping = {
  color: '#374151',
  maxWidth: '65ch',
  fontSize: '1rem',
  lineHeight: '1.75',
  '[class~="lead"]': {
    color: '#4b5563',
    fontSize: '1.25em',
    lineHeight: '1.6',
    marginTop: '1.2em',
    marginBottom: '1.2em',
  },
  a: {
    color: '#111827',
    textDecoration: 'underline',
    fontWeight: '500',
  },
  strong: {
    color: '#111827',
    fontWeight: '600',
  },
  ol: {
    counterReset: 'list-counter',
    marginTop: '1.25em',
    marginBottom: '1.25em',
  },
  'ol > li': {
    position: 'relative',
    counterIncrement: 'list-counter',
    paddingLeft: '1.75em',
  },
  'ol > li::before': {
    content: 'counter(list-counter) "."',
    position: 'absolute',
    fontWeight: '400',
    color: '#6b7280',
    left: '0',
  },
  'ul > li': {
    position: 'relative',
    paddingLeft: '1.75em',
  },
  'ul > li::before': {
    content: '""',
    position: 'absolute',
    backgroundColor: '#d1d5db',
    borderRadius: '50%',
    width: '0.375em',
    height: '0.375em',
    top: 'calc(0.875em - 0.1875em)',
    left: '0.25em',
  },
  hr: {
    borderColor: '#e5e7eb',
    borderTopWidth: '1px',
    marginTop: '3em',
    marginBottom: '3em',
  },
  blockquote: {
    fontWeight: '500',
    fontStyle: 'italic',
    color: '#111827',
    borderLeftWidth: '0.25rem',
    borderLeftColor: '#e5e7eb',
    quotes: '"\\\\201C""\\\\201D""\\\\2018""\\\\2019"',
    marginTop: '1.6em',
    marginBottom: '1.6em',
    paddingLeft: '1em',
  },
  'blockquote p:first-of-type::before': {
    content: 'open-quote',
  },
  'blockquote p:last-of-type::after': {
    content: 'close-quote',
  },
  h1: {
    color: '#111827',
    fontWeight: '800',
    fontSize: '2.25em',
    marginTop: '0',
    marginBottom: '0.8888889em',
    lineHeight: '1.1111111',
  },
  h2: {
    color: '#111827',
    fontWeight: '700',
    fontSize: '1.5em',
    marginTop: '2em',
    marginBottom: '1em',
    lineHeight: '1.3333333',
  },
  h3: {
    color: '#111827',
    fontWeight: '600',
    fontSize: '1.25em',
    marginTop: '1.6em',
    marginBottom: '0.6em',
    lineHeight: '1.6',
  },
  h4: {
    color: '#111827',
    fontWeight: '600',
    marginTop: '1.5em',
    marginBottom: '0.5em',
    lineHeight: '1.5',
  },
  'figure figcaption': {
    color: '#6b7280',
    fontSize: '0.875em',
    lineHeight: '1.4285714',
    marginTop: '0.8571429em',
  },
  code: {
    color: '#111827',
    fontWeight: '600',
    fontSize: '0.875em',
  },
  'code::before': {
    content: '"\`"',
  },
  'code::after': {
    content: '"\`"',
  },
  'a code': {
    color: '#111827',
  },
  pre: {
    color: '#e5e7eb',
    backgroundColor: '#1f2937',
    overflowX: 'auto',
    fontSize: '0.875em',
    lineHeight: '1.7142857',
    marginTop: '1.7142857em',
    marginBottom: '1.7142857em',
    borderRadius: '0.375rem',
    paddingTop: '0.8571429em',
    paddingRight: '1.1428571em',
    paddingBottom: '0.8571429em',
    paddingLeft: '1.1428571em',
  },
  'pre code': {
    backgroundColor: 'transparent',
    borderWidth: '0',
    borderRadius: '0',
    padding: '0',
    fontWeight: '400',
    color: 'inherit',
    fontSize: 'inherit',
    fontFamily: 'inherit',
    lineHeight: 'inherit',
  },
  'pre code::before': {
    content: '""',
  },
  'pre code::after': {
    content: '""',
  },
  table: {
    width: '100%',
    tableLayout: 'auto',
    textAlign: 'left',
    marginTop: '2em',
    marginBottom: '2em',
    fontSize: '0.875em',
    lineHeight: '1.7142857',
  },
  thead: {
    color: '#111827',
    fontWeight: '600',
    borderBottomWidth: '1px',
    borderBottomColor: '#d1d5db',
  },
  'thead th': {
    verticalAlign: 'bottom',
    paddingRight: '0.5714286em',
    paddingBottom: '0.5714286em',
    paddingLeft: '0.5714286em',
  },
  'tbody tr': {
    borderBottomWidth: '1px',
    borderBottomColor: '#e5e7eb',
  },
  'tbody tr:last-child': {
    borderBottomWidth: '0',
  },
  'tbody td': {
    verticalAlign: 'top',
    paddingTop: '0.5714286em',
    paddingRight: '0.5714286em',
    paddingBottom: '0.5714286em',
    paddingLeft: '0.5714286em',
  },
  p: {
    marginTop: '1.25em',
    marginBottom: '1.25em',
  },
  img: {
    marginTop: '2em',
    marginBottom: '2em',
  },
  video: {
    marginTop: '2em',
    marginBottom: '2em',
  },
  figure: {
    marginTop: '2em',
    marginBottom: '2em',
  },
  'figure > *': {
    marginTop: '0',
    marginBottom: '0',
  },
  'h2 code': {
    fontSize: '0.875em',
  },
  'h3 code': {
    fontSize: '0.9em',
  },
  ul: {
    marginTop: '1.25em',
    marginBottom: '1.25em',
  },
  li: {
    marginTop: '0.5em',
    marginBottom: '0.5em',
  },
  '> ul > li p': {
    marginTop: '0.75em',
    marginBottom: '0.75em',
  },
  '> ul > li > *:first-child': {
    marginTop: '1.25em',
  },
  '> ul > li > *:last-child': {
    marginBottom: '1.25em',
  },
  '> ol > li > *:first-child': {
    marginTop: '1.25em',
  },
  '> ol > li > *:last-child': {
    marginBottom: '1.25em',
  },
  'ul ul': {
    marginTop: '0.75em',
    marginBottom: '0.75em',
  },
  'ul ol': {
    marginTop: '0.75em',
    marginBottom: '0.75em',
  },
  'ol ul': {
    marginTop: '0.75em',
    marginBottom: '0.75em',
  },
  'ol ol': {
    marginTop: '0.75em',
    marginBottom: '0.75em',
  },
  'hr + *': {
    marginTop: '0',
  },
  'h2 + *': {
    marginTop: '0',
  },
  'h3 + *': {
    marginTop: '0',
  },
  'h4 + *': {
    marginTop: '0',
  },
  'thead th:first-child': {
    paddingLeft: '0',
  },
  'thead th:last-child': {
    paddingRight: '0',
  },
  'tbody td:first-child': {
    paddingLeft: '0',
  },
  'tbody td:last-child': {
    paddingRight: '0',
  },
  '> :first-child': {
    marginTop: '0',
  },
  '> :last-child': {
    marginBottom: '0',
  },
  '@media (min-width: 640px)': {
    fontSize: '0.875rem',
    lineHeight: '1.7142857',
    p: {
      marginTop: '1.1428571em',
      marginBottom: '1.1428571em',
    },
    '[class~="lead"]': {
      fontSize: '1.2857143em',
      lineHeight: '1.5555556',
      marginTop: '0.8888889em',
      marginBottom: '0.8888889em',
    },
    blockquote: {
      marginTop: '1.3333333em',
      marginBottom: '1.3333333em',
      paddingLeft: '1.1111111em',
    },
    h1: {
      fontSize: '2.1428571em',
      marginTop: '0',
      marginBottom: '0.8em',
      lineHeight: '1.2',
    },
    h2: {
      fontSize: '1.4285714em',
      marginTop: '1.6em',
      marginBottom: '0.8em',
      lineHeight: '1.4',
    },
    h3: {
      fontSize: '1.2857143em',
      marginTop: '1.5555556em',
      marginBottom: '0.4444444em',
      lineHeight: '1.5555556',
    },
    h4: {
      marginTop: '1.4285714em',
      marginBottom: '0.5714286em',
      lineHeight: '1.4285714',
    },
    img: {
      marginTop: '1.7142857em',
      marginBottom: '1.7142857em',
    },
    video: {
      marginTop: '1.7142857em',
      marginBottom: '1.7142857em',
    },
    figure: {
      marginTop: '1.7142857em',
      marginBottom: '1.7142857em',
    },
    'figure > *': {
      marginTop: '0',
      marginBottom: '0',
    },
    'figure figcaption': {
      fontSize: '0.8571429em',
      lineHeight: '1.3333333',
      marginTop: '0.6666667em',
    },
    code: {
      fontSize: '0.8571429em',
    },
    'h2 code': {
      fontSize: '0.9em',
    },
    'h3 code': {
      fontSize: '0.8888889em',
    },
    pre: {
      fontSize: '0.8571429em',
      lineHeight: '1.6666667',
      marginTop: '1.6666667em',
      marginBottom: '1.6666667em',
      borderRadius: '0.25rem',
      paddingTop: '0.6666667em',
      paddingRight: '1em',
      paddingBottom: '0.6666667em',
      paddingLeft: '1em',
    },
    ol: {
      marginTop: '1.1428571em',
      marginBottom: '1.1428571em',
    },
    ul: {
      marginTop: '1.1428571em',
      marginBottom: '1.1428571em',
    },
    li: {
      marginTop: '0.2857143em',
      marginBottom: '0.2857143em',
    },
    'ol > li': {
      paddingLeft: '1.5714286em',
    },
    'ol > li::before': {
      left: '0',
    },
    'ul > li': {
      paddingLeft: '1.5714286em',
    },
    'ul > li::before': {
      height: '0.3571429em',
      width: '0.3571429em',
      top: 'calc(0.8571429em - 0.1785714em)',
      left: '0.2142857em',
    },
    '> ul > li p': {
      marginTop: '0.5714286em',
      marginBottom: '0.5714286em',
    },
    '> ul > li > *:first-child': {
      marginTop: '1.1428571em',
    },
    '> ul > li > *:last-child': {
      marginBottom: '1.1428571em',
    },
    '> ol > li > *:first-child': {
      marginTop: '1.1428571em',
    },
    '> ol > li > *:last-child': {
      marginBottom: '1.1428571em',
    },
    'ul ul': {
      marginTop: '0.5714286em',
      marginBottom: '0.5714286em',
    },
    'ul ol': {
      marginTop: '0.5714286em',
      marginBottom: '0.5714286em',
    },
    'ol ul': {
      marginTop: '0.5714286em',
      marginBottom: '0.5714286em',
    },
    'ol ol': {
      marginTop: '0.5714286em',
      marginBottom: '0.5714286em',
    },
    hr: {
      marginTop: '2.8571429em',
      marginBottom: '2.8571429em',
    },
    'hr + *': {
      marginTop: '0',
    },
    'h2 + *': {
      marginTop: '0',
    },
    'h3 + *': {
      marginTop: '0',
    },
    'h4 + *': {
      marginTop: '0',
    },
    table: {
      fontSize: '0.8571429em',
      lineHeight: '1.5',
    },
    'thead th': {
      paddingRight: '1em',
      paddingBottom: '0.6666667em',
      paddingLeft: '1em',
    },
    'thead th:first-child': {
      paddingLeft: '0',
    },
    'thead th:last-child': {
      paddingRight: '0',
    },
    'tbody td': {
      paddingTop: '0.6666667em',
      paddingRight: '1em',
      paddingBottom: '0.6666667em',
      paddingLeft: '1em',
    },
    'tbody td:first-child': {
      paddingLeft: '0',
    },
    'tbody td:last-child': {
      paddingRight: '0',
    },
    '> :first-child': {
      marginTop: '0',
    },
    '> :last-child': {
      marginBottom: '0',
    },
  },
  '@media (min-width: 1024px)': {
    fontSize: '1.125rem',
    lineHeight: '1.7777778',
    p: {
      marginTop: '1.3333333em',
      marginBottom: '1.3333333em',
    },
    '[class~="lead"]': {
      fontSize: '1.2222222em',
      lineHeight: '1.4545455',
      marginTop: '1.0909091em',
      marginBottom: '1.0909091em',
    },
    blockquote: {
      marginTop: '1.6666667em',
      marginBottom: '1.6666667em',
      paddingLeft: '1em',
    },
    h1: {
      fontSize: '2.6666667em',
      marginTop: '0',
      marginBottom: '0.8333333em',
      lineHeight: '1',
    },
    h2: {
      fontSize: '1.6666667em',
      marginTop: '1.8666667em',
      marginBottom: '1.0666667em',
      lineHeight: '1.3333333',
    },
    h3: {
      fontSize: '1.3333333em',
      marginTop: '1.6666667em',
      marginBottom: '0.6666667em',
      lineHeight: '1.5',
    },
    h4: {
      marginTop: '1.7777778em',
      marginBottom: '0.4444444em',
      lineHeight: '1.5555556',
    },
    img: {
      marginTop: '1.7777778em',
      marginBottom: '1.7777778em',
    },
    video: {
      marginTop: '1.7777778em',
      marginBottom: '1.7777778em',
    },
    figure: {
      marginTop: '1.7777778em',
      marginBottom: '1.7777778em',
    },
    'figure > *': {
      marginTop: '0',
      marginBottom: '0',
    },
    'figure figcaption': {
      fontSize: '0.8888889em',
      lineHeight: '1.5',
      marginTop: '1em',
    },
    code: {
      fontSize: '0.8888889em',
    },
    'h2 code': {
      fontSize: '0.8666667em',
    },
    'h3 code': {
      fontSize: '0.875em',
    },
    pre: {
      fontSize: '0.8888889em',
      lineHeight: '1.75',
      marginTop: '2em',
      marginBottom: '2em',
      borderRadius: '0.375rem',
      paddingTop: '1em',
      paddingRight: '1.5em',
      paddingBottom: '1em',
      paddingLeft: '1.5em',
    },
    ol: {
      marginTop: '1.3333333em',
      marginBottom: '1.3333333em',
    },
    ul: {
      marginTop: '1.3333333em',
      marginBottom: '1.3333333em',
    },
    li: {
      marginTop: '0.6666667em',
      marginBottom: '0.6666667em',
    },
    'ol > li': {
      paddingLeft: '1.6666667em',
    },
    'ol > li::before': {
      left: '0',
    },
    'ul > li': {
      paddingLeft: '1.6666667em',
    },
    'ul > li::before': {
      width: '0.3333333em',
      height: '0.3333333em',
      top: 'calc(0.8888889em - 0.1666667em)',
      left: '0.2222222em',
    },
    '> ul > li p': {
      marginTop: '0.8888889em',
      marginBottom: '0.8888889em',
    },
    '> ul > li > *:first-child': {
      marginTop: '1.3333333em',
    },
    '> ul > li > *:last-child': {
      marginBottom: '1.3333333em',
    },
    '> ol > li > *:first-child': {
      marginTop: '1.3333333em',
    },
    '> ol > li > *:last-child': {
      marginBottom: '1.3333333em',
    },
    'ul ul': {
      marginTop: '0.8888889em',
      marginBottom: '0.8888889em',
    },
    'ul ol': {
      marginTop: '0.8888889em',
      marginBottom: '0.8888889em',
    },
    'ol ul': {
      marginTop: '0.8888889em',
      marginBottom: '0.8888889em',
    },
    'ol ol': {
      marginTop: '0.8888889em',
      marginBottom: '0.8888889em',
    },
    hr: {
      marginTop: '3.1111111em',
      marginBottom: '3.1111111em',
    },
    'hr + *': {
      marginTop: '0',
    },
    'h2 + *': {
      marginTop: '0',
    },
    'h3 + *': {
      marginTop: '0',
    },
    'h4 + *': {
      marginTop: '0',
    },
    table: {
      fontSize: '0.8888889em',
      lineHeight: '1.5',
    },
    'thead th': {
      paddingRight: '0.75em',
      paddingBottom: '0.75em',
      paddingLeft: '0.75em',
    },
    'thead th:first-child': {
      paddingLeft: '0',
    },
    'thead th:last-child': {
      paddingRight: '0',
    },
    'tbody td': {
      paddingTop: '0.75em',
      paddingRight: '0.75em',
      paddingBottom: '0.75em',
      paddingLeft: '0.75em',
    },
    'tbody td:first-child': {
      paddingLeft: '0',
    },
    'tbody td:last-child': {
      paddingRight: '0',
    },
    '> :first-child': {
      marginTop: '0',
    },
    '> :last-child': {
      marginBottom: '0',
    },
  },
  '@media (min-width: 1280px)': {
    fontSize: '1.25rem',
    lineHeight: '1.8',
    p: {
      marginTop: '1.2em',
      marginBottom: '1.2em',
    },
    '[class~="lead"]': {
      fontSize: '1.2em',
      lineHeight: '1.5',
      marginTop: '1em',
      marginBottom: '1em',
    },
    blockquote: {
      marginTop: '1.6em',
      marginBottom: '1.6em',
      paddingLeft: '1.0666667em',
    },
    h1: {
      fontSize: '2.8em',
      marginTop: '0',
      marginBottom: '0.8571429em',
      lineHeight: '1',
    },
    h2: {
      fontSize: '1.8em',
      marginTop: '1.5555556em',
      marginBottom: '0.8888889em',
      lineHeight: '1.1111111',
    },
    h3: {
      fontSize: '1.5em',
      marginTop: '1.6em',
      marginBottom: '0.6666667em',
      lineHeight: '1.3333333',
    },
    h4: {
      marginTop: '1.8em',
      marginBottom: '0.6em',
      lineHeight: '1.6',
    },
    img: {
      marginTop: '2em',
      marginBottom: '2em',
    },
    video: {
      marginTop: '2em',
      marginBottom: '2em',
    },
    figure: {
      marginTop: '2em',
      marginBottom: '2em',
    },
    'figure > *': {
      marginTop: '0',
      marginBottom: '0',
    },
    'figure figcaption': {
      fontSize: '0.9em',
      lineHeight: '1.5555556',
      marginTop: '1em',
    },
    code: {
      fontSize: '0.9em',
    },
    'h2 code': {
      fontSize: '0.8611111em',
    },
    'h3 code': {
      fontSize: '0.9em',
    },
    pre: {
      fontSize: '0.9em',
      lineHeight: '1.7777778',
      marginTop: '2em',
      marginBottom: '2em',
      borderRadius: '0.5rem',
      paddingTop: '1.1111111em',
      paddingRight: '1.3333333em',
      paddingBottom: '1.1111111em',
      paddingLeft: '1.3333333em',
    },
    ol: {
      marginTop: '1.2em',
      marginBottom: '1.2em',
    },
    ul: {
      marginTop: '1.2em',
      marginBottom: '1.2em',
    },
    li: {
      marginTop: '0.6em',
      marginBottom: '0.6em',
    },
    'ol > li': {
      paddingLeft: '1.8em',
    },
    'ol > li::before': {
      left: '0',
    },
    'ul > li': {
      paddingLeft: '1.8em',
    },
    'ul > li::before': {
      width: '0.35em',
      height: '0.35em',
      top: 'calc(0.9em - 0.175em)',
      left: '0.25em',
    },
    '> ul > li p': {
      marginTop: '0.8em',
      marginBottom: '0.8em',
    },
    '> ul > li > *:first-child': {
      marginTop: '1.2em',
    },
    '> ul > li > *:last-child': {
      marginBottom: '1.2em',
    },
    '> ol > li > *:first-child': {
      marginTop: '1.2em',
    },
    '> ol > li > *:last-child': {
      marginBottom: '1.2em',
    },
    'ul ul': {
      marginTop: '0.8em',
      marginBottom: '0.8em',
    },
    'ul ol': {
      marginTop: '0.8em',
      marginBottom: '0.8em',
    },
    'ol ul': {
      marginTop: '0.8em',
      marginBottom: '0.8em',
    },
    'ol ol': {
      marginTop: '0.8em',
      marginBottom: '0.8em',
    },
    hr: {
      marginTop: '2.8em',
      marginBottom: '2.8em',
    },
    'hr + *': {
      marginTop: '0',
    },
    'h2 + *': {
      marginTop: '0',
    },
    'h3 + *': {
      marginTop: '0',
    },
    'h4 + *': {
      marginTop: '0',
    },
    table: {
      fontSize: '0.9em',
      lineHeight: '1.5555556',
    },
    'thead th': {
      paddingRight: '0.6666667em',
      paddingBottom: '0.8888889em',
      paddingLeft: '0.6666667em',
    },
    'thead th:first-child': {
      paddingLeft: '0',
    },
    'thead th:last-child': {
      paddingRight: '0',
    },
    'tbody td': {
      paddingTop: '0.8888889em',
      paddingRight: '0.6666667em',
      paddingBottom: '0.8888889em',
      paddingLeft: '0.6666667em',
    },
    'tbody td:first-child': {
      paddingLeft: '0',
    },
    'tbody td:last-child': {
      paddingRight: '0',
    },
    '> :first-child': {
      marginTop: '0',
    },
    '> :last-child': {
      marginBottom: '0',
    },
  },
}


`;

exports[`twin.macro !properties.js: !properties.js 1`] = `

/* eslint-disable @typescript-eslint/no-unused-vars */
/* eslint-disable react/react-in-jsx-scope */
import tw from './macro'

const Component1 = () => <div tw="uppercase" />

const Component2 = () => <div css={{ display: 'flex' }} tw="uppercase" />

const Component3 = () => <div css={[{ display: 'flex' }]} tw="uppercase" />

      ↓ ↓ ↓ ↓ ↓ ↓

/* eslint-disable @typescript-eslint/no-unused-vars */

/* eslint-disable react/react-in-jsx-scope */
const Component1 = () => (
  <div
    css={{
      textTransform: 'uppercase',
    }}
  />
)

const Component2 = () => (
  <div
    css={[
      {
        display: 'flex',
      },
      {
        textTransform: 'uppercase',
      },
    ]}
  />
)

const Component3 = () => (
  <div
    css={[
      {
        display: 'flex',
      },
      {
        textTransform: 'uppercase',
      },
    ]}
  />
)


`;

exports[`twin.macro !variantGrouping.js: !variantGrouping.js 1`] = `

/* eslint-disable @typescript-eslint/no-unused-vars */
import tw from './macro'

const basic = tw\`group-hover:(flex m-10)\`
const subMediaQuery = tw\`focus-within:(md:flex mt-5)\`
const multipleClasses = tw\`hover:(bg-black text-white underline)\`
const pseudoElement = tw\`before:(content w-10 h-10 block bg-black)\`
const mediaHover = tw\`sm:hover:(bg-black text-white)\`
const sloppySpacing = tw\` last:( flex  mt-5)\`
const multipleGroups = tw\`focus:(w-10 h-10 block bg-black) focus-within:(md:flex mt-5)\`

      ↓ ↓ ↓ ↓ ↓ ↓

/* eslint-disable @typescript-eslint/no-unused-vars */
const basic = {
  '.group:hover &': {
    display: 'flex',
    margin: '2.5rem',
  },
}
const subMediaQuery = {
  ':focus-within': {
    '@media (min-width: 768px)': {
      display: 'flex',
    },
    marginTop: '1.25rem',
  },
}
const multipleClasses = {
  ':hover': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
    '--text-opacity': '1',
    color: 'rgba(255, 255, 255, var(--text-opacity))',
    textDecoration: 'underline',
  },
}
const pseudoElement = {
  ':before': {
    content: '""',
    width: '2.5rem',
    height: '2.5rem',
    display: 'block',
    '--bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
  },
}
const mediaHover = {
  '@media (min-width: 640px)': {
    ':hover': {
      '--bg-opacity': '1',
      backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
      '--text-opacity': '1',
      color: 'rgba(255, 255, 255, var(--text-opacity))',
    },
  },
}
const sloppySpacing = {
  ':last-child': {
    display: 'flex',
    marginTop: '1.25rem',
  },
}
const multipleGroups = {
  ':focus': {
    width: '2.5rem',
    height: '2.5rem',
    display: 'block',
    '--bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
  },
  ':focus-within': {
    '@media (min-width: 768px)': {
      display: 'flex',
    },
    marginTop: '1.25rem',
  },
}


`;

exports[`twin.macro !variants.js: !variants.js 1`] = `

/* eslint-disable @typescript-eslint/no-unused-vars */
import tw from './macro'

// Before/after pseudo elements
tw\`before:content\`
tw\`after:content\`

// Interactive links/buttons
tw\`hover:flex\`
tw\`focus:flex\`
tw\`active:flex\`
tw\`visited:flex\`
tw\`hocus:flex\`
tw\`link:flex\`
tw\`target:flex\`
tw\`focus-visible:flex\`

// Form element states
tw\`disabled:flex\`
tw\`checked:flex\`
tw\`not-checked:flex\`
tw\`default:flex\`
tw\`enabled:flex\`
tw\`indeterminate:flex\`
tw\`invalid:flex\`
tw\`valid:flex\`
tw\`optional:flex\`
tw\`required:flex\`
tw\`placeholder-shown:flex\`
tw\`read-only:flex\`
tw\`read-write:flex\`

// Child selectors
tw\`not-disabled:flex\`
tw\`first-of-type:flex\`
tw\`not-first-of-type:flex\`
tw\`last-of-type:flex\`
tw\`not-last-of-type:flex\`
tw\`first:flex\`
tw\`not-first:flex\`
tw\`last:flex\`
tw\`not-last:flex\`
tw\`only-child:flex\`
tw\`not-only-child:flex\`
tw\`only-of-type:flex\`
tw\`not-only-of-type:flex\`
tw\`even:flex\`
tw\`odd:flex\`
tw\`odd-of-type:flex\`
tw\`even-of-type:flex\`
tw\`svg:flex\`
tw\`all:flex\`
tw\`all-child:flex\`

// Group states
tw\`group-hover:flex\`
tw\`group-focus:flex\`
tw\`group-hocus:flex\`
tw\`group-active:flex\`
tw\`group-visited:flex\`
tw\`focus-within:flex\`

// Motion control
tw\`motion-safe:flex\`
tw\`motion-reduce:flex\`

// Dark/Light themes
tw\`dark:bg-black\`
tw\`light:bg-black\`
tw\`dark:sm:bg-black\`
tw\`light:sm:bg-black\`
tw\`dark:group-hover:sm:bg-black\`
tw\`light:group-hocus:sm:bg-black\`

const multiVariants = tw\`xl:placeholder-red-500! first:md:block sm:disabled:flex\`

      ↓ ↓ ↓ ↓ ↓ ↓

/* eslint-disable @typescript-eslint/no-unused-vars */
// Before/after pseudo elements
;({
  ':before': {
    content: '""',
  },
})
;({
  ':after': {
    content: '""',
  },
}) // Interactive links/buttons

;({
  ':hover': {
    display: 'flex',
  },
})
;({
  ':focus': {
    display: 'flex',
  },
})
;({
  ':active': {
    display: 'flex',
  },
})
;({
  ':visited': {
    display: 'flex',
  },
})
;({
  ':hover, :focus': {
    display: 'flex',
  },
})
;({
  ':link': {
    display: 'flex',
  },
})
;({
  ':target': {
    display: 'flex',
  },
})
;({
  ':focus-visible': {
    display: 'flex',
  },
}) // Form element states

;({
  ':disabled': {
    display: 'flex',
  },
})
;({
  ':checked': {
    display: 'flex',
  },
})
;({
  ':not(:checked)': {
    display: 'flex',
  },
})
;({
  ':default': {
    display: 'flex',
  },
})
;({
  ':enabled': {
    display: 'flex',
  },
})
;({
  ':indeterminate': {
    display: 'flex',
  },
})
;({
  ':invalid': {
    display: 'flex',
  },
})
;({
  ':valid': {
    display: 'flex',
  },
})
;({
  ':optional': {
    display: 'flex',
  },
})
;({
  ':required': {
    display: 'flex',
  },
})
;({
  ':placeholder-shown': {
    display: 'flex',
  },
})
;({
  ':read-only': {
    display: 'flex',
  },
})
;({
  ':read-write': {
    display: 'flex',
  },
}) // Child selectors

;({
  ':not(:disabled)': {
    display: 'flex',
  },
})
;({
  ':first-of-type': {
    display: 'flex',
  },
})
;({
  ':not(:first-of-type)': {
    display: 'flex',
  },
})
;({
  ':last-of-type': {
    display: 'flex',
  },
})
;({
  ':not(:last-of-type)': {
    display: 'flex',
  },
})
;({
  ':first-child': {
    display: 'flex',
  },
})
;({
  ':not(:first-child)': {
    display: 'flex',
  },
})
;({
  ':last-child': {
    display: 'flex',
  },
})
;({
  ':not(:last-child)': {
    display: 'flex',
  },
})
;({
  ':only-child': {
    display: 'flex',
  },
})
;({
  ':not(:only-child)': {
    display: 'flex',
  },
})
;({
  ':only-of-type': {
    display: 'flex',
  },
})
;({
  ':not(:only-of-type)': {
    display: 'flex',
  },
})
;({
  ':nth-child(even)': {
    display: 'flex',
  },
})
;({
  ':nth-child(odd)': {
    display: 'flex',
  },
})
;({
  ':nth-of-type(odd)': {
    display: 'flex',
  },
})
;({
  ':nth-of-type(even)': {
    display: 'flex',
  },
})
;({
  svg: {
    display: 'flex',
  },
})
;({
  '*': {
    display: 'flex',
  },
})
;({
  '> *': {
    display: 'flex',
  },
}) // Group states

;({
  '.group:hover &': {
    display: 'flex',
  },
})
;({
  '.group:focus &': {
    display: 'flex',
  },
})
;({
  '.group:hover &, .group:focus &': {
    display: 'flex',
  },
})
;({
  '.group:active &': {
    display: 'flex',
  },
})
;({
  '.group:visited &': {
    display: 'flex',
  },
})
;({
  ':focus-within': {
    display: 'flex',
  },
}) // Motion control

;({
  '@media (prefers-reduced-motion: no-preference)': {
    display: 'flex',
  },
})
;({
  '@media (prefers-reduced-motion: reduce)': {
    display: 'flex',
  },
}) // Dark/Light themes

;({
  '@media (prefers-color-scheme: dark)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
  },
})
;({
  '@media (prefers-color-scheme: light)': {
    '--bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
  },
})
;({
  '@media (prefers-color-scheme: dark)': {
    '@media (min-width: 640px)': {
      '--bg-opacity': '1',
      backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
    },
  },
})
;({
  '@media (prefers-color-scheme: light)': {
    '@media (min-width: 640px)': {
      '--bg-opacity': '1',
      backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
    },
  },
})
;({
  '@media (prefers-color-scheme: dark)': {
    '.group:hover &': {
      '@media (min-width: 640px)': {
        '--bg-opacity': '1',
        backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
      },
    },
  },
})
;({
  '@media (prefers-color-scheme: light)': {
    '.group:hover &, .group:focus &': {
      '@media (min-width: 640px)': {
        '--bg-opacity': '1',
        backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
      },
    },
  },
})
const multiVariants = {
  ':first-child': {
    '@media (min-width: 768px)': {
      display: 'block',
    },
  },
  '@media (min-width: 640px)': {
    ':disabled': {
      display: 'flex',
    },
  },
  '@media (min-width: 1280px)': {
    '::placeholder': {
      '--placeholder-opacity': '1',
      color: 'rgba(239, 68, 68, var(--placeholder-opacity)) !important',
    },
  },
}


`;

exports[`twin.macro accessibility.js: accessibility.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/screen-readers
tw\`sr-only\`
tw\`not-sr-only\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/screen-readers
;({
  position: 'absolute',
  width: '1px',
  height: '1px',
  padding: '0',
  margin: '-1px',
  overflow: 'hidden',
  clip: 'rect(0, 0, 0, 0)',
  whiteSpace: 'nowrap',
  borderWidth: '0',
})
;({
  position: 'static',
  width: 'auto',
  height: 'auto',
  padding: '0',
  margin: '0',
  overflow: 'visible',
  clip: 'auto',
  whiteSpace: 'normal',
})


`;

exports[`twin.macro backgrounds.js: backgrounds.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/background-attachment
tw\`bg-fixed\`
tw\`bg-local\`
tw\`bg-scroll\`

// https://tailwindcss.com/docs/background-clip
tw\`bg-clip-border\`
tw\`bg-clip-padding\`
tw\`bg-clip-content\`
tw\`bg-clip-text\`

// https://tailwindcss.com/docs/background-color
tw\`bg-transparent\`
tw\`bg-current\`
tw\`bg-black\`
tw\`bg-white\`
tw\`bg-gray-50\`
tw\`bg-gray-100\`
tw\`bg-gray-200\`
tw\`bg-gray-300\`
tw\`bg-gray-400\`
tw\`bg-gray-500\`
tw\`bg-gray-600\`
tw\`bg-gray-700\`
tw\`bg-gray-800\`
tw\`bg-gray-900\`
tw\`bg-red-50\`
tw\`bg-red-100\`
tw\`bg-red-200\`
tw\`bg-red-300\`
tw\`bg-red-400\`
tw\`bg-red-500\`
tw\`bg-red-600\`
tw\`bg-red-700\`
tw\`bg-red-800\`
tw\`bg-red-900\`
tw\`bg-yellow-50\`
tw\`bg-yellow-100\`
tw\`bg-yellow-200\`
tw\`bg-yellow-300\`
tw\`bg-yellow-400\`
tw\`bg-yellow-500\`
tw\`bg-yellow-600\`
tw\`bg-yellow-700\`
tw\`bg-yellow-800\`
tw\`bg-yellow-900\`
tw\`bg-green-50\`
tw\`bg-green-100\`
tw\`bg-green-200\`
tw\`bg-green-300\`
tw\`bg-green-400\`
tw\`bg-green-500\`
tw\`bg-green-600\`
tw\`bg-green-700\`
tw\`bg-green-800\`
tw\`bg-green-900\`
tw\`bg-blue-50\`
tw\`bg-blue-100\`
tw\`bg-blue-200\`
tw\`bg-blue-300\`
tw\`bg-blue-400\`
tw\`bg-blue-500\`
tw\`bg-blue-600\`
tw\`bg-blue-700\`
tw\`bg-blue-800\`
tw\`bg-blue-900\`
tw\`bg-indigo-50\`
tw\`bg-indigo-100\`
tw\`bg-indigo-200\`
tw\`bg-indigo-300\`
tw\`bg-indigo-400\`
tw\`bg-indigo-500\`
tw\`bg-indigo-600\`
tw\`bg-indigo-700\`
tw\`bg-indigo-800\`
tw\`bg-indigo-900\`
tw\`bg-purple-50\`
tw\`bg-purple-100\`
tw\`bg-purple-200\`
tw\`bg-purple-300\`
tw\`bg-purple-400\`
tw\`bg-purple-500\`
tw\`bg-purple-600\`
tw\`bg-purple-700\`
tw\`bg-purple-800\`
tw\`bg-purple-900\`
tw\`bg-pink-50\`
tw\`bg-pink-100\`
tw\`bg-pink-200\`
tw\`bg-pink-300\`
tw\`bg-pink-400\`
tw\`bg-pink-500\`
tw\`bg-pink-600\`
tw\`bg-pink-700\`
tw\`bg-pink-800\`
tw\`bg-pink-900\`

// https://tailwindcss.com/docs/background-opacity
tw\`bg-opacity-0\`
tw\`bg-opacity-5\`
tw\`bg-opacity-10\`
tw\`bg-opacity-20\`
tw\`bg-opacity-25\`
tw\`bg-opacity-30\`
tw\`bg-opacity-40\`
tw\`bg-opacity-50\`
tw\`bg-opacity-60\`
tw\`bg-opacity-70\`
tw\`bg-opacity-75\`
tw\`bg-opacity-80\`
tw\`bg-opacity-90\`
tw\`bg-opacity-95\`
tw\`bg-opacity-100\`

// https://tailwindcss.com/docs/background-position
tw\`bg-bottom\`
tw\`bg-center\`
tw\`bg-left\`
tw\`bg-left-bottom\`
tw\`bg-left-top\`
tw\`bg-right\`
tw\`bg-right-bottom\`
tw\`bg-right-top\`
tw\`bg-top\`

// https://tailwindcss.com/docs/background-repeat
tw\`bg-repeat\`
tw\`bg-no-repeat\`
tw\`bg-repeat-x\`
tw\`bg-repeat-y\`
tw\`bg-repeat-round\`
tw\`bg-repeat-space\`

// https://tailwindcss.com/docs/background-size
tw\`bg-auto\`
tw\`bg-cover\`
tw\`bg-contain\`

// https://tailwindcss.com/docs/gradient-color-stops
tw\`bg-none\`
tw\`bg-gradient-to-t\`
tw\`bg-gradient-to-tr\`
tw\`bg-gradient-to-r\`
tw\`bg-gradient-to-br\`
tw\`bg-gradient-to-b\`
tw\`bg-gradient-to-bl\`
tw\`bg-gradient-to-l\`
tw\`bg-gradient-to-tl\`

tw\`sm:focus:bg-gradient-to-tl\`
tw\`md:hover:bg-gradient-to-tl\`

tw\`from-transparent\`
tw\`from-current\`
tw\`from-black\`
tw\`from-white\`
tw\`from-gray-50\`
tw\`from-gray-100\`
tw\`from-gray-200\`
tw\`from-gray-300\`
tw\`from-gray-400\`
tw\`from-gray-500\`
tw\`from-gray-600\`
tw\`from-gray-700\`
tw\`from-gray-800\`
tw\`from-gray-900\`
tw\`from-red-50\`
tw\`from-red-100\`
tw\`from-red-200\`
tw\`from-red-300\`
tw\`from-red-400\`
tw\`from-red-500\`
tw\`from-red-600\`
tw\`from-red-700\`
tw\`from-red-800\`
tw\`from-red-900\`
tw\`from-yellow-50\`
tw\`from-yellow-100\`
tw\`from-yellow-200\`
tw\`from-yellow-300\`
tw\`from-yellow-400\`
tw\`from-yellow-500\`
tw\`from-yellow-600\`
tw\`from-yellow-700\`
tw\`from-yellow-800\`
tw\`from-yellow-900\`
tw\`from-green-50\`
tw\`from-green-100\`
tw\`from-green-200\`
tw\`from-green-300\`
tw\`from-green-400\`
tw\`from-green-500\`
tw\`from-green-600\`
tw\`from-green-700\`
tw\`from-green-800\`
tw\`from-green-900\`
tw\`from-blue-50\`
tw\`from-blue-100\`
tw\`from-blue-200\`
tw\`from-blue-300\`
tw\`from-blue-400\`
tw\`from-blue-500\`
tw\`from-blue-600\`
tw\`from-blue-700\`
tw\`from-blue-800\`
tw\`from-blue-900\`
tw\`from-indigo-50\`
tw\`from-indigo-100\`
tw\`from-indigo-200\`
tw\`from-indigo-300\`
tw\`from-indigo-400\`
tw\`from-indigo-500\`
tw\`from-indigo-600\`
tw\`from-indigo-700\`
tw\`from-indigo-800\`
tw\`from-indigo-900\`
tw\`from-purple-50\`
tw\`from-purple-100\`
tw\`from-purple-200\`
tw\`from-purple-300\`
tw\`from-purple-400\`
tw\`from-purple-500\`
tw\`from-purple-600\`
tw\`from-purple-700\`
tw\`from-purple-800\`
tw\`from-purple-900\`
tw\`from-pink-50\`
tw\`from-pink-100\`
tw\`from-pink-200\`
tw\`from-pink-300\`
tw\`from-pink-400\`
tw\`from-pink-500\`
tw\`from-pink-600\`
tw\`from-pink-700\`
tw\`from-pink-800\`
tw\`from-pink-900\`

tw\`sm:focus:from-pink-800\`
tw\`md:hover:from-pink-900\`

tw\`via-transparent\`
tw\`via-current\`
tw\`via-black\`
tw\`via-white\`
tw\`via-gray-50\`
tw\`via-gray-100\`
tw\`via-gray-200\`
tw\`via-gray-300\`
tw\`via-gray-400\`
tw\`via-gray-500\`
tw\`via-gray-600\`
tw\`via-gray-700\`
tw\`via-gray-800\`
tw\`via-gray-900\`
tw\`via-red-50\`
tw\`via-red-100\`
tw\`via-red-200\`
tw\`via-red-300\`
tw\`via-red-400\`
tw\`via-red-500\`
tw\`via-red-600\`
tw\`via-red-700\`
tw\`via-red-800\`
tw\`via-red-900\`
tw\`via-yellow-50\`
tw\`via-yellow-100\`
tw\`via-yellow-200\`
tw\`via-yellow-300\`
tw\`via-yellow-400\`
tw\`via-yellow-500\`
tw\`via-yellow-600\`
tw\`via-yellow-700\`
tw\`via-yellow-800\`
tw\`via-yellow-900\`
tw\`via-green-50\`
tw\`via-green-100\`
tw\`via-green-200\`
tw\`via-green-300\`
tw\`via-green-400\`
tw\`via-green-500\`
tw\`via-green-600\`
tw\`via-green-700\`
tw\`via-green-800\`
tw\`via-green-900\`
tw\`via-blue-50\`
tw\`via-blue-100\`
tw\`via-blue-200\`
tw\`via-blue-300\`
tw\`via-blue-400\`
tw\`via-blue-500\`
tw\`via-blue-600\`
tw\`via-blue-700\`
tw\`via-blue-800\`
tw\`via-blue-900\`
tw\`via-indigo-50\`
tw\`via-indigo-100\`
tw\`via-indigo-200\`
tw\`via-indigo-300\`
tw\`via-indigo-400\`
tw\`via-indigo-500\`
tw\`via-indigo-600\`
tw\`via-indigo-700\`
tw\`via-indigo-800\`
tw\`via-indigo-900\`
tw\`via-purple-50\`
tw\`via-purple-100\`
tw\`via-purple-200\`
tw\`via-purple-300\`
tw\`via-purple-400\`
tw\`via-purple-500\`
tw\`via-purple-600\`
tw\`via-purple-700\`
tw\`via-purple-800\`
tw\`via-purple-900\`
tw\`via-pink-50\`
tw\`via-pink-100\`
tw\`via-pink-200\`
tw\`via-pink-300\`
tw\`via-pink-400\`
tw\`via-pink-500\`
tw\`via-pink-600\`
tw\`via-pink-700\`
tw\`via-pink-800\`
tw\`via-pink-900\`

tw\`sm:focus:via-pink-800\`
tw\`md:hover:via-pink-900\`

tw\`to-transparent\`
tw\`to-current\`
tw\`to-black\`
tw\`to-white\`
tw\`to-gray-50\`
tw\`to-gray-100\`
tw\`to-gray-200\`
tw\`to-gray-300\`
tw\`to-gray-400\`
tw\`to-gray-500\`
tw\`to-gray-600\`
tw\`to-gray-700\`
tw\`to-gray-800\`
tw\`to-gray-900\`
tw\`to-red-50\`
tw\`to-red-100\`
tw\`to-red-200\`
tw\`to-red-300\`
tw\`to-red-400\`
tw\`to-red-500\`
tw\`to-red-600\`
tw\`to-red-700\`
tw\`to-red-800\`
tw\`to-red-900\`
tw\`to-yellow-50\`
tw\`to-yellow-100\`
tw\`to-yellow-200\`
tw\`to-yellow-300\`
tw\`to-yellow-400\`
tw\`to-yellow-500\`
tw\`to-yellow-600\`
tw\`to-yellow-700\`
tw\`to-yellow-800\`
tw\`to-yellow-900\`
tw\`to-green-50\`
tw\`to-green-100\`
tw\`to-green-200\`
tw\`to-green-300\`
tw\`to-green-400\`
tw\`to-green-500\`
tw\`to-green-600\`
tw\`to-green-700\`
tw\`to-green-800\`
tw\`to-green-900\`
tw\`to-blue-50\`
tw\`to-blue-100\`
tw\`to-blue-200\`
tw\`to-blue-300\`
tw\`to-blue-400\`
tw\`to-blue-500\`
tw\`to-blue-600\`
tw\`to-blue-700\`
tw\`to-blue-800\`
tw\`to-blue-900\`
tw\`to-indigo-50\`
tw\`to-indigo-100\`
tw\`to-indigo-200\`
tw\`to-indigo-300\`
tw\`to-indigo-400\`
tw\`to-indigo-500\`
tw\`to-indigo-600\`
tw\`to-indigo-700\`
tw\`to-indigo-800\`
tw\`to-indigo-900\`
tw\`to-purple-50\`
tw\`to-purple-100\`
tw\`to-purple-200\`
tw\`to-purple-300\`
tw\`to-purple-400\`
tw\`to-purple-500\`
tw\`to-purple-600\`
tw\`to-purple-700\`
tw\`to-purple-800\`
tw\`to-purple-900\`
tw\`to-pink-50\`
tw\`to-pink-100\`
tw\`to-pink-200\`
tw\`to-pink-300\`
tw\`to-pink-400\`
tw\`to-pink-500\`
tw\`to-pink-600\`
tw\`to-pink-700\`
tw\`to-pink-800\`
tw\`to-pink-900\`

tw\`sm:focus:to-pink-800\`
tw\`md:hover:to-pink-900\`

tw\`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/background-attachment
;({
  backgroundAttachment: 'fixed',
})
;({
  backgroundAttachment: 'local',
})
;({
  backgroundAttachment: 'scroll',
}) // https://tailwindcss.com/docs/background-clip

;({
  '-webkitBackgroundClip': 'border-box',
  backgroundClip: 'border-box',
})
;({
  '-webkitBackgroundClip': 'padding-box',
  backgroundClip: 'padding-box',
})
;({
  '-webkitBackgroundClip': 'content-box',
  backgroundClip: 'content-box',
})
;({
  '-webkitBackgroundClip': 'text',
  backgroundClip: 'text',
}) // https://tailwindcss.com/docs/background-color

;({
  backgroundColor: 'transparent',
})
;({
  backgroundColor: 'currentColor',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(255, 255, 255, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(249, 250, 251, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(243, 244, 246, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(229, 231, 235, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(209, 213, 219, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(156, 163, 175, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(107, 114, 128, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(75, 85, 99, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(55, 65, 81, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(31, 41, 55, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(17, 24, 39, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(254, 242, 242, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(254, 226, 226, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(254, 202, 202, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(252, 165, 165, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(248, 113, 113, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(220, 38, 38, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(185, 28, 28, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(153, 27, 27, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(127, 29, 29, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(255, 251, 235, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(254, 243, 199, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(253, 230, 138, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(252, 211, 77, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(251, 191, 36, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(245, 158, 11, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(217, 119, 6, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(180, 83, 9, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(146, 64, 14, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(120, 53, 15, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(236, 253, 245, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(209, 250, 229, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(167, 243, 208, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(110, 231, 183, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(52, 211, 153, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(16, 185, 129, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(5, 150, 105, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(4, 120, 87, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(6, 95, 70, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(6, 78, 59, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(239, 246, 255, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(219, 234, 254, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(191, 219, 254, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(147, 197, 253, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(96, 165, 250, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(37, 99, 235, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(29, 78, 216, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(30, 64, 175, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(30, 58, 138, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(238, 242, 255, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(224, 231, 255, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(199, 210, 254, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(165, 180, 252, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(129, 140, 248, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(99, 102, 241, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(79, 70, 229, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(67, 56, 202, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(55, 48, 163, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(49, 46, 129, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(245, 243, 255, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(237, 233, 254, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(221, 214, 254, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(196, 181, 253, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(167, 139, 250, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(139, 92, 246, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(124, 58, 237, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(109, 40, 217, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(91, 33, 182, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(76, 29, 149, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(253, 242, 248, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(252, 231, 243, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(251, 207, 232, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(249, 168, 212, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(244, 114, 182, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(236, 72, 153, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(219, 39, 119, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(190, 24, 93, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(157, 23, 77, var(--bg-opacity))',
})
;({
  '--bg-opacity': '1',
  backgroundColor: 'rgba(131, 24, 67, var(--bg-opacity))',
}) // https://tailwindcss.com/docs/background-opacity

;({
  '--bg-opacity': '0',
})
;({
  '--bg-opacity': '0.05',
})
;({
  '--bg-opacity': '0.1',
})
;({
  '--bg-opacity': '0.2',
})
;({
  '--bg-opacity': '0.25',
})
;({
  '--bg-opacity': '0.3',
})
;({
  '--bg-opacity': '0.4',
})
;({
  '--bg-opacity': '0.5',
})
;({
  '--bg-opacity': '0.6',
})
;({
  '--bg-opacity': '0.7',
})
;({
  '--bg-opacity': '0.75',
})
;({
  '--bg-opacity': '0.8',
})
;({
  '--bg-opacity': '0.9',
})
;({
  '--bg-opacity': '0.95',
})
;({
  '--bg-opacity': '1',
}) // https://tailwindcss.com/docs/background-position

;({
  backgroundPosition: 'bottom',
})
;({
  backgroundPosition: 'center',
})
;({
  backgroundPosition: 'left',
})
;({
  backgroundPosition: 'left bottom',
})
;({
  backgroundPosition: 'left top',
})
;({
  backgroundPosition: 'right',
})
;({
  backgroundPosition: 'right bottom',
})
;({
  backgroundPosition: 'right top',
})
;({
  backgroundPosition: 'top',
}) // https://tailwindcss.com/docs/background-repeat

;({
  backgroundRepeat: 'repeat',
})
;({
  backgroundRepeat: 'no-repeat',
})
;({
  backgroundRepeat: 'repeat-x',
})
;({
  backgroundRepeat: 'repeat-y',
})
;({
  backgroundRepeat: 'round',
})
;({
  backgroundRepeat: 'space',
}) // https://tailwindcss.com/docs/background-size

;({
  backgroundSize: 'auto',
})
;({
  backgroundSize: 'cover',
})
;({
  backgroundSize: 'contain',
}) // https://tailwindcss.com/docs/gradient-color-stops

;({
  backgroundImage: 'none',
})
;({
  backgroundImage: 'linear-gradient(to top, var(--tw-gradient-stops))',
})
;({
  backgroundImage: 'linear-gradient(to top right, var(--tw-gradient-stops))',
})
;({
  backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',
})
;({
  backgroundImage: 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
})
;({
  backgroundImage: 'linear-gradient(to bottom, var(--tw-gradient-stops))',
})
;({
  backgroundImage: 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
})
;({
  backgroundImage: 'linear-gradient(to left, var(--tw-gradient-stops))',
})
;({
  backgroundImage: 'linear-gradient(to top left, var(--tw-gradient-stops))',
})
;({
  '@media (min-width: 640px)': {
    ':focus': {
      backgroundImage: 'linear-gradient(to top left, var(--tw-gradient-stops))',
    },
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      backgroundImage: 'linear-gradient(to top left, var(--tw-gradient-stops))',
    },
  },
})
;({
  '--gradient-from-color': 'transparent',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))',
})
;({
  '--gradient-from-color': 'currentColor',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))',
})
;({
  '--gradient-from-color': '#000',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))',
})
;({
  '--gradient-from-color': '#fff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))',
})
;({
  '--gradient-from-color': '#f9fafb',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0))',
})
;({
  '--gradient-from-color': '#f3f4f6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(243, 244, 246, 0))',
})
;({
  '--gradient-from-color': '#e5e7eb',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0))',
})
;({
  '--gradient-from-color': '#d1d5db',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(209, 213, 219, 0))',
})
;({
  '--gradient-from-color': '#9ca3af',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(156, 163, 175, 0))',
})
;({
  '--gradient-from-color': '#6b7280',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0))',
})
;({
  '--gradient-from-color': '#4b5563',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0))',
})
;({
  '--gradient-from-color': '#374151',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0))',
})
;({
  '--gradient-from-color': '#1f2937',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(31, 41, 55, 0))',
})
;({
  '--gradient-from-color': '#111827',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(17, 24, 39, 0))',
})
;({
  '--gradient-from-color': '#fef2f2',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0))',
})
;({
  '--gradient-from-color': '#fee2e2',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0))',
})
;({
  '--gradient-from-color': '#fecaca',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0))',
})
;({
  '--gradient-from-color': '#fca5a5',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0))',
})
;({
  '--gradient-from-color': '#f87171',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0))',
})
;({
  '--gradient-from-color': '#ef4444',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0))',
})
;({
  '--gradient-from-color': '#dc2626',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0))',
})
;({
  '--gradient-from-color': '#b91c1c',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0))',
})
;({
  '--gradient-from-color': '#991b1b',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0))',
})
;({
  '--gradient-from-color': '#7f1d1d',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0))',
})
;({
  '--gradient-from-color': '#fffbeb',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0))',
})
;({
  '--gradient-from-color': '#fef3c7',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0))',
})
;({
  '--gradient-from-color': '#fde68a',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0))',
})
;({
  '--gradient-from-color': '#fcd34d',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0))',
})
;({
  '--gradient-from-color': '#fbbf24',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0))',
})
;({
  '--gradient-from-color': '#f59e0b',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0))',
})
;({
  '--gradient-from-color': '#d97706',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0))',
})
;({
  '--gradient-from-color': '#b45309',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0))',
})
;({
  '--gradient-from-color': '#92400e',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0))',
})
;({
  '--gradient-from-color': '#78350f',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0))',
})
;({
  '--gradient-from-color': '#ecfdf5',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0))',
})
;({
  '--gradient-from-color': '#d1fae5',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0))',
})
;({
  '--gradient-from-color': '#a7f3d0',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0))',
})
;({
  '--gradient-from-color': '#6ee7b7',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0))',
})
;({
  '--gradient-from-color': '#34d399',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0))',
})
;({
  '--gradient-from-color': '#10b981',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0))',
})
;({
  '--gradient-from-color': '#059669',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0))',
})
;({
  '--gradient-from-color': '#047857',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0))',
})
;({
  '--gradient-from-color': '#065f46',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0))',
})
;({
  '--gradient-from-color': '#064e3b',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0))',
})
;({
  '--gradient-from-color': '#eff6ff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0))',
})
;({
  '--gradient-from-color': '#dbeafe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0))',
})
;({
  '--gradient-from-color': '#bfdbfe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0))',
})
;({
  '--gradient-from-color': '#93c5fd',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0))',
})
;({
  '--gradient-from-color': '#60a5fa',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0))',
})
;({
  '--gradient-from-color': '#3b82f6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0))',
})
;({
  '--gradient-from-color': '#2563eb',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0))',
})
;({
  '--gradient-from-color': '#1d4ed8',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0))',
})
;({
  '--gradient-from-color': '#1e40af',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0))',
})
;({
  '--gradient-from-color': '#1e3a8a',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0))',
})
;({
  '--gradient-from-color': '#eef2ff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(238, 242, 255, 0))',
})
;({
  '--gradient-from-color': '#e0e7ff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(224, 231, 255, 0))',
})
;({
  '--gradient-from-color': '#c7d2fe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(199, 210, 254, 0))',
})
;({
  '--gradient-from-color': '#a5b4fc',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(165, 180, 252, 0))',
})
;({
  '--gradient-from-color': '#818cf8',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(129, 140, 248, 0))',
})
;({
  '--gradient-from-color': '#6366f1',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(99, 102, 241, 0))',
})
;({
  '--gradient-from-color': '#4f46e5',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(79, 70, 229, 0))',
})
;({
  '--gradient-from-color': '#4338ca',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(67, 56, 202, 0))',
})
;({
  '--gradient-from-color': '#3730a3',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(55, 48, 163, 0))',
})
;({
  '--gradient-from-color': '#312e81',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(49, 46, 129, 0))',
})
;({
  '--gradient-from-color': '#f5f3ff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0))',
})
;({
  '--gradient-from-color': '#ede9fe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0))',
})
;({
  '--gradient-from-color': '#ddd6fe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0))',
})
;({
  '--gradient-from-color': '#c4b5fd',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0))',
})
;({
  '--gradient-from-color': '#a78bfa',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0))',
})
;({
  '--gradient-from-color': '#8b5cf6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0))',
})
;({
  '--gradient-from-color': '#7c3aed',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0))',
})
;({
  '--gradient-from-color': '#6d28d9',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0))',
})
;({
  '--gradient-from-color': '#5b21b6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0))',
})
;({
  '--gradient-from-color': '#4c1d95',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0))',
})
;({
  '--gradient-from-color': '#fdf2f8',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0))',
})
;({
  '--gradient-from-color': '#fce7f3',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0))',
})
;({
  '--gradient-from-color': '#fbcfe8',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0))',
})
;({
  '--gradient-from-color': '#f9a8d4',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0))',
})
;({
  '--gradient-from-color': '#f472b6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0))',
})
;({
  '--gradient-from-color': '#ec4899',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0))',
})
;({
  '--gradient-from-color': '#db2777',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0))',
})
;({
  '--gradient-from-color': '#be185d',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0))',
})
;({
  '--gradient-from-color': '#9d174d',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0))',
})
;({
  '--gradient-from-color': '#831843',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0))',
})
;({
  '@media (min-width: 640px)': {
    ':focus': {
      '--gradient-from-color': '#9d174d',
      '--tw-gradient-stops':
        'var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0))',
    },
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      '--gradient-from-color': '#831843',
      '--tw-gradient-stops':
        'var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0))',
    },
  },
})
;({
  '--gradient-via-color': 'transparent',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))',
})
;({
  '--gradient-via-color': 'currentColor',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))',
})
;({
  '--gradient-via-color': '#000',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))',
})
;({
  '--gradient-via-color': '#fff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))',
})
;({
  '--gradient-via-color': '#f9fafb',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0))',
})
;({
  '--gradient-via-color': '#f3f4f6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 244, 246, 0))',
})
;({
  '--gradient-via-color': '#e5e7eb',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0))',
})
;({
  '--gradient-via-color': '#d1d5db',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 213, 219, 0))',
})
;({
  '--gradient-via-color': '#9ca3af',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 163, 175, 0))',
})
;({
  '--gradient-via-color': '#6b7280',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0))',
})
;({
  '--gradient-via-color': '#4b5563',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0))',
})
;({
  '--gradient-via-color': '#374151',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0))',
})
;({
  '--gradient-via-color': '#1f2937',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 41, 55, 0))',
})
;({
  '--gradient-via-color': '#111827',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(17, 24, 39, 0))',
})
;({
  '--gradient-via-color': '#fef2f2',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0))',
})
;({
  '--gradient-via-color': '#fee2e2',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0))',
})
;({
  '--gradient-via-color': '#fecaca',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0))',
})
;({
  '--gradient-via-color': '#fca5a5',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0))',
})
;({
  '--gradient-via-color': '#f87171',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0))',
})
;({
  '--gradient-via-color': '#ef4444',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0))',
})
;({
  '--gradient-via-color': '#dc2626',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0))',
})
;({
  '--gradient-via-color': '#b91c1c',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0))',
})
;({
  '--gradient-via-color': '#991b1b',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0))',
})
;({
  '--gradient-via-color': '#7f1d1d',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0))',
})
;({
  '--gradient-via-color': '#fffbeb',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0))',
})
;({
  '--gradient-via-color': '#fef3c7',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0))',
})
;({
  '--gradient-via-color': '#fde68a',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0))',
})
;({
  '--gradient-via-color': '#fcd34d',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0))',
})
;({
  '--gradient-via-color': '#fbbf24',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0))',
})
;({
  '--gradient-via-color': '#f59e0b',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0))',
})
;({
  '--gradient-via-color': '#d97706',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0))',
})
;({
  '--gradient-via-color': '#b45309',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0))',
})
;({
  '--gradient-via-color': '#92400e',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0))',
})
;({
  '--gradient-via-color': '#78350f',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0))',
})
;({
  '--gradient-via-color': '#ecfdf5',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0))',
})
;({
  '--gradient-via-color': '#d1fae5',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0))',
})
;({
  '--gradient-via-color': '#a7f3d0',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0))',
})
;({
  '--gradient-via-color': '#6ee7b7',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0))',
})
;({
  '--gradient-via-color': '#34d399',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0))',
})
;({
  '--gradient-via-color': '#10b981',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0))',
})
;({
  '--gradient-via-color': '#059669',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0))',
})
;({
  '--gradient-via-color': '#047857',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0))',
})
;({
  '--gradient-via-color': '#065f46',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0))',
})
;({
  '--gradient-via-color': '#064e3b',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0))',
})
;({
  '--gradient-via-color': '#eff6ff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0))',
})
;({
  '--gradient-via-color': '#dbeafe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0))',
})
;({
  '--gradient-via-color': '#bfdbfe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0))',
})
;({
  '--gradient-via-color': '#93c5fd',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0))',
})
;({
  '--gradient-via-color': '#60a5fa',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0))',
})
;({
  '--gradient-via-color': '#3b82f6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0))',
})
;({
  '--gradient-via-color': '#2563eb',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0))',
})
;({
  '--gradient-via-color': '#1d4ed8',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0))',
})
;({
  '--gradient-via-color': '#1e40af',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0))',
})
;({
  '--gradient-via-color': '#1e3a8a',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0))',
})
;({
  '--gradient-via-color': '#eef2ff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238, 242, 255, 0))',
})
;({
  '--gradient-via-color': '#e0e7ff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 231, 255, 0))',
})
;({
  '--gradient-via-color': '#c7d2fe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 210, 254, 0))',
})
;({
  '--gradient-via-color': '#a5b4fc',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(165, 180, 252, 0))',
})
;({
  '--gradient-via-color': '#818cf8',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 140, 248, 0))',
})
;({
  '--gradient-via-color': '#6366f1',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 102, 241, 0))',
})
;({
  '--gradient-via-color': '#4f46e5',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 70, 229, 0))',
})
;({
  '--gradient-via-color': '#4338ca',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 56, 202, 0))',
})
;({
  '--gradient-via-color': '#3730a3',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 48, 163, 0))',
})
;({
  '--gradient-via-color': '#312e81',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 46, 129, 0))',
})
;({
  '--gradient-via-color': '#f5f3ff',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0))',
})
;({
  '--gradient-via-color': '#ede9fe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0))',
})
;({
  '--gradient-via-color': '#ddd6fe',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0))',
})
;({
  '--gradient-via-color': '#c4b5fd',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0))',
})
;({
  '--gradient-via-color': '#a78bfa',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0))',
})
;({
  '--gradient-via-color': '#8b5cf6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0))',
})
;({
  '--gradient-via-color': '#7c3aed',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0))',
})
;({
  '--gradient-via-color': '#6d28d9',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0))',
})
;({
  '--gradient-via-color': '#5b21b6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0))',
})
;({
  '--gradient-via-color': '#4c1d95',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0))',
})
;({
  '--gradient-via-color': '#fdf2f8',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0))',
})
;({
  '--gradient-via-color': '#fce7f3',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0))',
})
;({
  '--gradient-via-color': '#fbcfe8',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0))',
})
;({
  '--gradient-via-color': '#f9a8d4',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0))',
})
;({
  '--gradient-via-color': '#f472b6',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0))',
})
;({
  '--gradient-via-color': '#ec4899',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0))',
})
;({
  '--gradient-via-color': '#db2777',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0))',
})
;({
  '--gradient-via-color': '#be185d',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0))',
})
;({
  '--gradient-via-color': '#9d174d',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0))',
})
;({
  '--gradient-via-color': '#831843',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0))',
})
;({
  '@media (min-width: 640px)': {
    ':focus': {
      '--gradient-via-color': '#9d174d',
      '--tw-gradient-stops':
        'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0))',
    },
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      '--gradient-via-color': '#831843',
      '--tw-gradient-stops':
        'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0))',
    },
  },
})
;({
  '--gradient-to-color': 'transparent',
})
;({
  '--gradient-to-color': 'currentColor',
})
;({
  '--gradient-to-color': '#000',
})
;({
  '--gradient-to-color': '#fff',
})
;({
  '--gradient-to-color': '#f9fafb',
})
;({
  '--gradient-to-color': '#f3f4f6',
})
;({
  '--gradient-to-color': '#e5e7eb',
})
;({
  '--gradient-to-color': '#d1d5db',
})
;({
  '--gradient-to-color': '#9ca3af',
})
;({
  '--gradient-to-color': '#6b7280',
})
;({
  '--gradient-to-color': '#4b5563',
})
;({
  '--gradient-to-color': '#374151',
})
;({
  '--gradient-to-color': '#1f2937',
})
;({
  '--gradient-to-color': '#111827',
})
;({
  '--gradient-to-color': '#fef2f2',
})
;({
  '--gradient-to-color': '#fee2e2',
})
;({
  '--gradient-to-color': '#fecaca',
})
;({
  '--gradient-to-color': '#fca5a5',
})
;({
  '--gradient-to-color': '#f87171',
})
;({
  '--gradient-to-color': '#ef4444',
})
;({
  '--gradient-to-color': '#dc2626',
})
;({
  '--gradient-to-color': '#b91c1c',
})
;({
  '--gradient-to-color': '#991b1b',
})
;({
  '--gradient-to-color': '#7f1d1d',
})
;({
  '--gradient-to-color': '#fffbeb',
})
;({
  '--gradient-to-color': '#fef3c7',
})
;({
  '--gradient-to-color': '#fde68a',
})
;({
  '--gradient-to-color': '#fcd34d',
})
;({
  '--gradient-to-color': '#fbbf24',
})
;({
  '--gradient-to-color': '#f59e0b',
})
;({
  '--gradient-to-color': '#d97706',
})
;({
  '--gradient-to-color': '#b45309',
})
;({
  '--gradient-to-color': '#92400e',
})
;({
  '--gradient-to-color': '#78350f',
})
;({
  '--gradient-to-color': '#ecfdf5',
})
;({
  '--gradient-to-color': '#d1fae5',
})
;({
  '--gradient-to-color': '#a7f3d0',
})
;({
  '--gradient-to-color': '#6ee7b7',
})
;({
  '--gradient-to-color': '#34d399',
})
;({
  '--gradient-to-color': '#10b981',
})
;({
  '--gradient-to-color': '#059669',
})
;({
  '--gradient-to-color': '#047857',
})
;({
  '--gradient-to-color': '#065f46',
})
;({
  '--gradient-to-color': '#064e3b',
})
;({
  '--gradient-to-color': '#eff6ff',
})
;({
  '--gradient-to-color': '#dbeafe',
})
;({
  '--gradient-to-color': '#bfdbfe',
})
;({
  '--gradient-to-color': '#93c5fd',
})
;({
  '--gradient-to-color': '#60a5fa',
})
;({
  '--gradient-to-color': '#3b82f6',
})
;({
  '--gradient-to-color': '#2563eb',
})
;({
  '--gradient-to-color': '#1d4ed8',
})
;({
  '--gradient-to-color': '#1e40af',
})
;({
  '--gradient-to-color': '#1e3a8a',
})
;({
  '--gradient-to-color': '#eef2ff',
})
;({
  '--gradient-to-color': '#e0e7ff',
})
;({
  '--gradient-to-color': '#c7d2fe',
})
;({
  '--gradient-to-color': '#a5b4fc',
})
;({
  '--gradient-to-color': '#818cf8',
})
;({
  '--gradient-to-color': '#6366f1',
})
;({
  '--gradient-to-color': '#4f46e5',
})
;({
  '--gradient-to-color': '#4338ca',
})
;({
  '--gradient-to-color': '#3730a3',
})
;({
  '--gradient-to-color': '#312e81',
})
;({
  '--gradient-to-color': '#f5f3ff',
})
;({
  '--gradient-to-color': '#ede9fe',
})
;({
  '--gradient-to-color': '#ddd6fe',
})
;({
  '--gradient-to-color': '#c4b5fd',
})
;({
  '--gradient-to-color': '#a78bfa',
})
;({
  '--gradient-to-color': '#8b5cf6',
})
;({
  '--gradient-to-color': '#7c3aed',
})
;({
  '--gradient-to-color': '#6d28d9',
})
;({
  '--gradient-to-color': '#5b21b6',
})
;({
  '--gradient-to-color': '#4c1d95',
})
;({
  '--gradient-to-color': '#fdf2f8',
})
;({
  '--gradient-to-color': '#fce7f3',
})
;({
  '--gradient-to-color': '#fbcfe8',
})
;({
  '--gradient-to-color': '#f9a8d4',
})
;({
  '--gradient-to-color': '#f472b6',
})
;({
  '--gradient-to-color': '#ec4899',
})
;({
  '--gradient-to-color': '#db2777',
})
;({
  '--gradient-to-color': '#be185d',
})
;({
  '--gradient-to-color': '#9d174d',
})
;({
  '--gradient-to-color': '#831843',
})
;({
  '@media (min-width: 640px)': {
    ':focus': {
      '--gradient-to-color': '#9d174d',
    },
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      '--gradient-to-color': '#831843',
    },
  },
})
;({
  backgroundImage: 'linear-gradient(to top, var(--tw-gradient-stops))',
  '--gradient-from-color': 'rgb(219, 0, 255)',
  '--tw-gradient-stops':
    'var(--gradient-from-color), var(--gradient-to-color, rgba(219, 0, 255, 0))',
  '--gradient-to-color': 'rgb(219, 0, 255)',
  '--text-opacity': '0.5',
  color: 'rgba(139, 92, 246, var(--text-opacity))',
})


`;

exports[`twin.macro borders.js: borders.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/border-radius
tw\`rounded-none\`
tw\`rounded-sm\`
tw\`rounded\`
tw\`rounded-md\`
tw\`rounded-lg\`
tw\`rounded-xl\`
tw\`rounded-2xl\`
tw\`rounded-3xl\`
tw\`rounded-full\`
tw\`rounded-t-none\`
tw\`rounded-r-none\`
tw\`rounded-b-none\`
tw\`rounded-l-none\`
tw\`rounded-t-sm\`
tw\`rounded-r-sm\`
tw\`rounded-b-sm\`
tw\`rounded-l-sm\`
tw\`rounded-t\`
tw\`rounded-r\`
tw\`rounded-b\`
tw\`rounded-l\`
tw\`rounded-t-lg\`
tw\`rounded-r-lg\`
tw\`rounded-b-lg\`
tw\`rounded-l-lg\`
tw\`rounded-t-xl\`
tw\`rounded-r-xl\`
tw\`rounded-b-xl\`
tw\`rounded-l-xl\`
tw\`rounded-t-2xl\`
tw\`rounded-r-2xl\`
tw\`rounded-b-2xl\`
tw\`rounded-l-2xl\`
tw\`rounded-t-3xl\`
tw\`rounded-r-3xl\`
tw\`rounded-b-3xl\`
tw\`rounded-l-3xl\`
tw\`rounded-t-full\`
tw\`rounded-r-full\`
tw\`rounded-b-full\`
tw\`rounded-l-full\`
tw\`rounded-tl-none\`
tw\`rounded-tr-none\`
tw\`rounded-br-none\`
tw\`rounded-bl-none\`
tw\`rounded-tl-sm\`
tw\`rounded-tr-sm\`
tw\`rounded-br-sm\`
tw\`rounded-bl-sm\`
tw\`rounded-tl\`
tw\`rounded-tr\`
tw\`rounded-br\`
tw\`rounded-bl\`
tw\`rounded-tl-lg\`
tw\`rounded-tr-lg\`
tw\`rounded-br-lg\`
tw\`rounded-bl-lg\`
tw\`rounded-tl-xl\`
tw\`rounded-tr-xl\`
tw\`rounded-br-xl\`
tw\`rounded-bl-xl\`
tw\`rounded-tl-2xl\`
tw\`rounded-tr-2xl\`
tw\`rounded-br-2xl\`
tw\`rounded-bl-2xl\`
tw\`rounded-tl-3xl\`
tw\`rounded-tr-3xl\`
tw\`rounded-br-3xl\`
tw\`rounded-bl-3xl\`
tw\`rounded-tl-full\`
tw\`rounded-tr-full\`
tw\`rounded-br-full\`
tw\`rounded-bl-full\`

// https://tailwindcss.com/docs/border-width
tw\`border\`
tw\`border-0\`
tw\`border-2\`
tw\`border-4\`
tw\`border-8\`
tw\`border-t\`
tw\`border-r\`
tw\`border-b\`
tw\`border-l\`
tw\`border-t-0\`
tw\`border-r-0\`
tw\`border-b-0\`
tw\`border-l-0\`
tw\`border-t-2\`
tw\`border-r-2\`
tw\`border-b-2\`
tw\`border-l-2\`
tw\`border-t-4\`
tw\`border-r-4\`
tw\`border-b-4\`
tw\`border-l-4\`
tw\`border-t-8\`
tw\`border-r-8\`
tw\`border-b-8\`
tw\`border-l-8\`

// https://tailwindcss.com/docs/border-color
tw\`border-transparent\`
tw\`border-current\`
tw\`border-black\`
tw\`border-white\`
tw\`border-gray-50\`
tw\`border-gray-100\`
tw\`border-gray-200\`
tw\`border-gray-300\`
tw\`border-gray-400\`
tw\`border-gray-500\`
tw\`border-gray-600\`
tw\`border-gray-700\`
tw\`border-gray-800\`
tw\`border-gray-900\`
tw\`border-red-50\`
tw\`border-red-100\`
tw\`border-red-200\`
tw\`border-red-300\`
tw\`border-red-400\`
tw\`border-red-500\`
tw\`border-red-600\`
tw\`border-red-700\`
tw\`border-red-800\`
tw\`border-red-900\`
tw\`border-yellow-50\`
tw\`border-yellow-100\`
tw\`border-yellow-200\`
tw\`border-yellow-300\`
tw\`border-yellow-400\`
tw\`border-yellow-500\`
tw\`border-yellow-600\`
tw\`border-yellow-700\`
tw\`border-yellow-800\`
tw\`border-yellow-900\`
tw\`border-green-50\`
tw\`border-green-100\`
tw\`border-green-200\`
tw\`border-green-300\`
tw\`border-green-400\`
tw\`border-green-500\`
tw\`border-green-600\`
tw\`border-green-700\`
tw\`border-green-800\`
tw\`border-green-900\`
tw\`border-blue-50\`
tw\`border-blue-100\`
tw\`border-blue-200\`
tw\`border-blue-300\`
tw\`border-blue-400\`
tw\`border-blue-500\`
tw\`border-blue-600\`
tw\`border-blue-700\`
tw\`border-blue-800\`
tw\`border-blue-900\`
tw\`border-indigo-50\`
tw\`border-indigo-100\`
tw\`border-indigo-200\`
tw\`border-indigo-300\`
tw\`border-indigo-400\`
tw\`border-indigo-500\`
tw\`border-indigo-600\`
tw\`border-indigo-700\`
tw\`border-indigo-800\`
tw\`border-indigo-900\`
tw\`border-purple-50\`
tw\`border-purple-100\`
tw\`border-purple-200\`
tw\`border-purple-300\`
tw\`border-purple-400\`
tw\`border-purple-500\`
tw\`border-purple-600\`
tw\`border-purple-700\`
tw\`border-purple-800\`
tw\`border-purple-900\`
tw\`border-pink-50\`
tw\`border-pink-100\`
tw\`border-pink-200\`
tw\`border-pink-300\`
tw\`border-pink-400\`
tw\`border-pink-500\`
tw\`border-pink-600\`
tw\`border-pink-700\`
tw\`border-pink-800\`
tw\`border-pink-900\`

// https://tailwindcss.com/docs/border-opacity
tw\`border-opacity-0\`
tw\`border-opacity-5\`
tw\`border-opacity-10\`
tw\`border-opacity-20\`
tw\`border-opacity-25\`
tw\`border-opacity-30\`
tw\`border-opacity-40\`
tw\`border-opacity-50\`
tw\`border-opacity-60\`
tw\`border-opacity-70\`
tw\`border-opacity-75\`
tw\`border-opacity-80\`
tw\`border-opacity-90\`
tw\`border-opacity-95\`
tw\`border-opacity-100\`

// https://tailwindcss.com/docs/border-style
tw\`border-solid\`
tw\`border-dashed\`
tw\`border-dotted\`
tw\`border-double\`
tw\`border-none\`

// https://tailwindcss.com/docs/divide
tw\`divide-x-0\`
tw\`divide-x-2\`
tw\`divide-x-4\`
tw\`divide-x-8\`
tw\`divide-x\`
tw\`divide-y-0\`
tw\`divide-y-2\`
tw\`divide-y-4\`
tw\`divide-y-8\`
tw\`divide-y\`
tw\`divide-x-reverse\`
tw\`divide-y-reverse\`

// https://tailwindcss.com/docs/divide-color
tw\`divide-transparent\`
tw\`divide-current\`
tw\`divide-black\`
tw\`divide-white\`
tw\`divide-gray-50\`
tw\`divide-gray-100\`
tw\`divide-gray-200\`
tw\`divide-gray-300\`
tw\`divide-gray-400\`
tw\`divide-gray-500\`
tw\`divide-gray-600\`
tw\`divide-gray-700\`
tw\`divide-gray-800\`
tw\`divide-gray-900\`
tw\`divide-red-50\`
tw\`divide-red-100\`
tw\`divide-red-200\`
tw\`divide-red-300\`
tw\`divide-red-400\`
tw\`divide-red-500\`
tw\`divide-red-600\`
tw\`divide-red-700\`
tw\`divide-red-800\`
tw\`divide-red-900\`
tw\`divide-yellow-50\`
tw\`divide-yellow-100\`
tw\`divide-yellow-200\`
tw\`divide-yellow-300\`
tw\`divide-yellow-400\`
tw\`divide-yellow-500\`
tw\`divide-yellow-600\`
tw\`divide-yellow-700\`
tw\`divide-yellow-800\`
tw\`divide-yellow-900\`
tw\`divide-green-50\`
tw\`divide-green-100\`
tw\`divide-green-200\`
tw\`divide-green-300\`
tw\`divide-green-400\`
tw\`divide-green-500\`
tw\`divide-green-600\`
tw\`divide-green-700\`
tw\`divide-green-800\`
tw\`divide-green-900\`
tw\`divide-blue-50\`
tw\`divide-blue-100\`
tw\`divide-blue-200\`
tw\`divide-blue-300\`
tw\`divide-blue-400\`
tw\`divide-blue-500\`
tw\`divide-blue-600\`
tw\`divide-blue-700\`
tw\`divide-blue-800\`
tw\`divide-blue-900\`
tw\`divide-indigo-50\`
tw\`divide-indigo-100\`
tw\`divide-indigo-200\`
tw\`divide-indigo-300\`
tw\`divide-indigo-400\`
tw\`divide-indigo-500\`
tw\`divide-indigo-600\`
tw\`divide-indigo-700\`
tw\`divide-indigo-800\`
tw\`divide-indigo-900\`
tw\`divide-purple-50\`
tw\`divide-purple-100\`
tw\`divide-purple-200\`
tw\`divide-purple-300\`
tw\`divide-purple-400\`
tw\`divide-purple-500\`
tw\`divide-purple-600\`
tw\`divide-purple-700\`
tw\`divide-purple-800\`
tw\`divide-purple-900\`
tw\`divide-pink-50\`
tw\`divide-pink-100\`
tw\`divide-pink-200\`
tw\`divide-pink-300\`
tw\`divide-pink-400\`
tw\`divide-pink-500\`
tw\`divide-pink-600\`
tw\`divide-pink-700\`
tw\`divide-pink-800\`
tw\`divide-pink-900\`

// https://tailwindcss.com/docs/divide-opacity
tw\`divide-opacity-0\`
tw\`divide-opacity-5\`
tw\`divide-opacity-10\`
tw\`divide-opacity-20\`
tw\`divide-opacity-25\`
tw\`divide-opacity-30\`
tw\`divide-opacity-40\`
tw\`divide-opacity-50\`
tw\`divide-opacity-60\`
tw\`divide-opacity-70\`
tw\`divide-opacity-75\`
tw\`divide-opacity-80\`
tw\`divide-opacity-90\`
tw\`divide-opacity-95\`
tw\`divide-opacity-100\`

// https://tailwindcss.com/docs/divide-style
tw\`divide-solid\`
tw\`divide-dashed\`
tw\`divide-dotted\`
tw\`divide-double\`
tw\`divide-none\`

// https://tailwindcss.com/docs/ring-width
// ...

// https://tailwindcss.com/docs/ring-color
// ...

// https://tailwindcss.com/docs/ring-opacity
// ...

// https://tailwindcss.com/docs/ring-offset-width
// ...

// https://tailwindcss.com/docs/ring-offset-color
// ...

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/border-radius
;({
  borderRadius: '0px',
})
;({
  borderRadius: '0.125rem',
})
;({
  borderRadius: '0.25rem',
})
;({
  borderRadius: '0.375rem',
})
;({
  borderRadius: '0.5rem',
})
;({
  borderRadius: '0.75rem',
})
;({
  borderRadius: '1rem',
})
;({
  borderRadius: '1.5rem',
})
;({
  borderRadius: '9999px',
})
;({
  borderTopLeftRadius: '0px',
  borderTopRightRadius: '0px',
})
;({
  borderTopRightRadius: '0px',
  borderBottomRightRadius: '0px',
})
;({
  borderBottomLeftRadius: '0px',
  borderBottomRightRadius: '0px',
})
;({
  borderTopLeftRadius: '0px',
  borderBottomLeftRadius: '0px',
})
;({
  borderTopLeftRadius: '0.125rem',
  borderTopRightRadius: '0.125rem',
})
;({
  borderTopRightRadius: '0.125rem',
  borderBottomRightRadius: '0.125rem',
})
;({
  borderBottomLeftRadius: '0.125rem',
  borderBottomRightRadius: '0.125rem',
})
;({
  borderTopLeftRadius: '0.125rem',
  borderBottomLeftRadius: '0.125rem',
})
;({
  borderTopLeftRadius: '0.25rem',
  borderTopRightRadius: '0.25rem',
})
;({
  borderTopRightRadius: '0.25rem',
  borderBottomRightRadius: '0.25rem',
})
;({
  borderBottomLeftRadius: '0.25rem',
  borderBottomRightRadius: '0.25rem',
})
;({
  borderTopLeftRadius: '0.25rem',
  borderBottomLeftRadius: '0.25rem',
})
;({
  borderTopLeftRadius: '0.5rem',
  borderTopRightRadius: '0.5rem',
})
;({
  borderTopRightRadius: '0.5rem',
  borderBottomRightRadius: '0.5rem',
})
;({
  borderBottomLeftRadius: '0.5rem',
  borderBottomRightRadius: '0.5rem',
})
;({
  borderTopLeftRadius: '0.5rem',
  borderBottomLeftRadius: '0.5rem',
})
;({
  borderTopLeftRadius: '0.75rem',
  borderTopRightRadius: '0.75rem',
})
;({
  borderTopRightRadius: '0.75rem',
  borderBottomRightRadius: '0.75rem',
})
;({
  borderBottomLeftRadius: '0.75rem',
  borderBottomRightRadius: '0.75rem',
})
;({
  borderTopLeftRadius: '0.75rem',
  borderBottomLeftRadius: '0.75rem',
})
;({
  borderTopLeftRadius: '1rem',
  borderTopRightRadius: '1rem',
})
;({
  borderTopRightRadius: '1rem',
  borderBottomRightRadius: '1rem',
})
;({
  borderBottomLeftRadius: '1rem',
  borderBottomRightRadius: '1rem',
})
;({
  borderTopLeftRadius: '1rem',
  borderBottomLeftRadius: '1rem',
})
;({
  borderTopLeftRadius: '1.5rem',
  borderTopRightRadius: '1.5rem',
})
;({
  borderTopRightRadius: '1.5rem',
  borderBottomRightRadius: '1.5rem',
})
;({
  borderBottomLeftRadius: '1.5rem',
  borderBottomRightRadius: '1.5rem',
})
;({
  borderTopLeftRadius: '1.5rem',
  borderBottomLeftRadius: '1.5rem',
})
;({
  borderTopLeftRadius: '9999px',
  borderTopRightRadius: '9999px',
})
;({
  borderTopRightRadius: '9999px',
  borderBottomRightRadius: '9999px',
})
;({
  borderBottomLeftRadius: '9999px',
  borderBottomRightRadius: '9999px',
})
;({
  borderTopLeftRadius: '9999px',
  borderBottomLeftRadius: '9999px',
})
;({
  borderTopLeftRadius: '0px',
})
;({
  borderTopRightRadius: '0px',
})
;({
  borderBottomRightRadius: '0px',
})
;({
  borderBottomLeftRadius: '0px',
})
;({
  borderTopLeftRadius: '0.125rem',
})
;({
  borderTopRightRadius: '0.125rem',
})
;({
  borderBottomRightRadius: '0.125rem',
})
;({
  borderBottomLeftRadius: '0.125rem',
})
;({
  borderTopLeftRadius: '0.25rem',
})
;({
  borderTopRightRadius: '0.25rem',
})
;({
  borderBottomRightRadius: '0.25rem',
})
;({
  borderBottomLeftRadius: '0.25rem',
})
;({
  borderTopLeftRadius: '0.5rem',
})
;({
  borderTopRightRadius: '0.5rem',
})
;({
  borderBottomRightRadius: '0.5rem',
})
;({
  borderBottomLeftRadius: '0.5rem',
})
;({
  borderTopLeftRadius: '0.75rem',
})
;({
  borderTopRightRadius: '0.75rem',
})
;({
  borderBottomRightRadius: '0.75rem',
})
;({
  borderBottomLeftRadius: '0.75rem',
})
;({
  borderTopLeftRadius: '1rem',
})
;({
  borderTopRightRadius: '1rem',
})
;({
  borderBottomRightRadius: '1rem',
})
;({
  borderBottomLeftRadius: '1rem',
})
;({
  borderTopLeftRadius: '1.5rem',
})
;({
  borderTopRightRadius: '1.5rem',
})
;({
  borderBottomRightRadius: '1.5rem',
})
;({
  borderBottomLeftRadius: '1.5rem',
})
;({
  borderTopLeftRadius: '9999px',
})
;({
  borderTopRightRadius: '9999px',
})
;({
  borderBottomRightRadius: '9999px',
})
;({
  borderBottomLeftRadius: '9999px',
}) // https://tailwindcss.com/docs/border-width

;({
  borderWidth: '1px',
})
;({
  borderWidth: '0px',
})
;({
  borderWidth: '2px',
})
;({
  borderWidth: '4px',
})
;({
  borderWidth: '8px',
})
;({
  borderTopWidth: '1px',
})
;({
  borderRightWidth: '1px',
})
;({
  borderBottomWidth: '1px',
})
;({
  borderLeftWidth: '1px',
})
;({
  borderTopWidth: '0px',
})
;({
  borderRightWidth: '0px',
})
;({
  borderBottomWidth: '0px',
})
;({
  borderLeftWidth: '0px',
})
;({
  borderTopWidth: '2px',
})
;({
  borderRightWidth: '2px',
})
;({
  borderBottomWidth: '2px',
})
;({
  borderLeftWidth: '2px',
})
;({
  borderTopWidth: '4px',
})
;({
  borderRightWidth: '4px',
})
;({
  borderBottomWidth: '4px',
})
;({
  borderLeftWidth: '4px',
})
;({
  borderTopWidth: '8px',
})
;({
  borderRightWidth: '8px',
})
;({
  borderBottomWidth: '8px',
})
;({
  borderLeftWidth: '8px',
}) // https://tailwindcss.com/docs/border-color

;({
  borderColor: 'transparent',
})
;({
  borderColor: 'currentColor',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(0, 0, 0, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(255, 255, 255, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(249, 250, 251, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(243, 244, 246, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(229, 231, 235, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(209, 213, 219, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(156, 163, 175, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(107, 114, 128, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(75, 85, 99, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(55, 65, 81, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(31, 41, 55, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(17, 24, 39, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(254, 242, 242, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(254, 226, 226, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(254, 202, 202, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(252, 165, 165, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(248, 113, 113, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(239, 68, 68, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(220, 38, 38, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(185, 28, 28, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(153, 27, 27, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(127, 29, 29, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(255, 251, 235, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(254, 243, 199, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(253, 230, 138, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(252, 211, 77, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(251, 191, 36, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(245, 158, 11, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(217, 119, 6, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(180, 83, 9, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(146, 64, 14, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(120, 53, 15, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(236, 253, 245, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(209, 250, 229, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(167, 243, 208, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(110, 231, 183, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(52, 211, 153, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(16, 185, 129, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(5, 150, 105, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(4, 120, 87, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(6, 95, 70, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(6, 78, 59, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(239, 246, 255, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(219, 234, 254, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(191, 219, 254, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(147, 197, 253, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(96, 165, 250, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(59, 130, 246, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(37, 99, 235, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(29, 78, 216, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(30, 64, 175, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(30, 58, 138, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(238, 242, 255, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(224, 231, 255, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(199, 210, 254, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(165, 180, 252, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(129, 140, 248, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(99, 102, 241, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(79, 70, 229, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(67, 56, 202, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(55, 48, 163, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(49, 46, 129, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(245, 243, 255, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(237, 233, 254, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(221, 214, 254, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(196, 181, 253, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(167, 139, 250, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(139, 92, 246, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(124, 58, 237, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(109, 40, 217, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(91, 33, 182, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(76, 29, 149, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(253, 242, 248, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(252, 231, 243, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(251, 207, 232, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(249, 168, 212, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(244, 114, 182, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(236, 72, 153, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(219, 39, 119, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(190, 24, 93, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(157, 23, 77, var(--border-opacity))',
})
;({
  '--border-opacity': '1',
  borderColor: 'rgba(131, 24, 67, var(--border-opacity))',
}) // https://tailwindcss.com/docs/border-opacity

;({
  '--border-opacity': '0',
})
;({
  '--border-opacity': '0.05',
})
;({
  '--border-opacity': '0.1',
})
;({
  '--border-opacity': '0.2',
})
;({
  '--border-opacity': '0.25',
})
;({
  '--border-opacity': '0.3',
})
;({
  '--border-opacity': '0.4',
})
;({
  '--border-opacity': '0.5',
})
;({
  '--border-opacity': '0.6',
})
;({
  '--border-opacity': '0.7',
})
;({
  '--border-opacity': '0.75',
})
;({
  '--border-opacity': '0.8',
})
;({
  '--border-opacity': '0.9',
})
;({
  '--border-opacity': '0.95',
})
;({
  '--border-opacity': '1',
}) // https://tailwindcss.com/docs/border-style

;({
  borderStyle: 'solid',
})
;({
  borderStyle: 'dashed',
})
;({
  borderStyle: 'dotted',
})
;({
  borderStyle: 'double',
})
;({
  borderStyle: 'none',
}) // https://tailwindcss.com/docs/divide

;({
  '> :not(template) ~ :not(template)': {
    '--divide-x-reverse': 0,
    borderRightWidth: 'calc(0px * var(--divide-x-reverse))',
    borderLeftWidth: 'calc(0px * calc(1 - var(--divide-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-x-reverse': 0,
    borderRightWidth: 'calc(2px * var(--divide-x-reverse))',
    borderLeftWidth: 'calc(2px * calc(1 - var(--divide-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-x-reverse': 0,
    borderRightWidth: 'calc(4px * var(--divide-x-reverse))',
    borderLeftWidth: 'calc(4px * calc(1 - var(--divide-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-x-reverse': 0,
    borderRightWidth: 'calc(8px * var(--divide-x-reverse))',
    borderLeftWidth: 'calc(8px * calc(1 - var(--divide-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-x-reverse': 0,
    borderRightWidth: 'calc(1px * var(--divide-x-reverse))',
    borderLeftWidth: 'calc(1px * calc(1 - var(--divide-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-y-reverse': 0,
    borderTopWidth: 'calc(0px * calc(1 - var(--divide-y-reverse)))',
    borderBottomWidth: 'calc(0px * var(--divide-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-y-reverse': 0,
    borderTopWidth: 'calc(2px * calc(1 - var(--divide-y-reverse)))',
    borderBottomWidth: 'calc(2px * var(--divide-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-y-reverse': 0,
    borderTopWidth: 'calc(4px * calc(1 - var(--divide-y-reverse)))',
    borderBottomWidth: 'calc(4px * var(--divide-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-y-reverse': 0,
    borderTopWidth: 'calc(8px * calc(1 - var(--divide-y-reverse)))',
    borderBottomWidth: 'calc(8px * var(--divide-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-y-reverse': 0,
    borderTopWidth: 'calc(1px * calc(1 - var(--divide-y-reverse)))',
    borderBottomWidth: 'calc(1px * var(--divide-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-x-reverse': 1,
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-y-reverse': 1,
  },
}) // https://tailwindcss.com/docs/divide-color

;({
  '> :not(template) ~ :not(template)': {
    borderColor: 'transparent',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    borderColor: 'currentColor',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(0, 0, 0, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(255, 255, 255, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(249, 250, 251, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(243, 244, 246, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(229, 231, 235, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(209, 213, 219, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(156, 163, 175, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(107, 114, 128, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(75, 85, 99, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(55, 65, 81, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(31, 41, 55, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(17, 24, 39, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(254, 242, 242, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(254, 226, 226, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(254, 202, 202, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(252, 165, 165, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(248, 113, 113, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(239, 68, 68, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(220, 38, 38, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(185, 28, 28, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(153, 27, 27, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(127, 29, 29, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(255, 251, 235, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(254, 243, 199, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(253, 230, 138, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(252, 211, 77, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(251, 191, 36, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(245, 158, 11, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(217, 119, 6, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(180, 83, 9, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(146, 64, 14, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(120, 53, 15, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(236, 253, 245, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(209, 250, 229, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(167, 243, 208, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(110, 231, 183, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(52, 211, 153, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(16, 185, 129, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(5, 150, 105, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(4, 120, 87, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(6, 95, 70, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(6, 78, 59, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(239, 246, 255, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(219, 234, 254, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(191, 219, 254, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(147, 197, 253, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(96, 165, 250, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(59, 130, 246, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(37, 99, 235, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(29, 78, 216, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(30, 64, 175, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(30, 58, 138, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(238, 242, 255, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(224, 231, 255, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(199, 210, 254, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(165, 180, 252, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(129, 140, 248, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(99, 102, 241, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(79, 70, 229, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(67, 56, 202, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(55, 48, 163, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(49, 46, 129, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(245, 243, 255, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(237, 233, 254, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(221, 214, 254, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(196, 181, 253, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(167, 139, 250, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(139, 92, 246, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(124, 58, 237, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(109, 40, 217, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(91, 33, 182, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(76, 29, 149, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(253, 242, 248, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(252, 231, 243, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(251, 207, 232, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(249, 168, 212, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(244, 114, 182, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(236, 72, 153, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(219, 39, 119, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(190, 24, 93, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(157, 23, 77, var(--divide-opacity))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
    borderColor: 'rgba(131, 24, 67, var(--divide-opacity))',
  },
}) // https://tailwindcss.com/docs/divide-opacity

;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.05',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.1',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.2',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.25',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.3',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.4',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.5',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.6',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.7',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.75',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.8',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.9',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '0.95',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--divide-opacity': '1',
  },
}) // https://tailwindcss.com/docs/divide-style

;({
  '> :not(template) ~ :not(template)': {
    borderStyle: 'solid',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    borderStyle: 'dashed',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    borderStyle: 'dotted',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    borderStyle: 'double',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    borderStyle: 'none',
  },
}) // https://tailwindcss.com/docs/ring-width
// ...
// https://tailwindcss.com/docs/ring-color
// ...
// https://tailwindcss.com/docs/ring-opacity
// ...
// https://tailwindcss.com/docs/ring-offset-width
// ...
// https://tailwindcss.com/docs/ring-offset-color
// ...


`;

exports[`twin.macro boxAlignment.js: boxAlignment.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/justify-content
tw\`justify-start\`
tw\`justify-end\`
tw\`justify-center\`
tw\`justify-between\`
tw\`justify-around\`
tw\`justify-evenly\`

// https://tailwindcss.com/docs/justify-items
tw\`justify-items-auto\`
tw\`justify-items-start\`
tw\`justify-items-end\`
tw\`justify-items-center\`
tw\`justify-items-stretch\`

// https://tailwindcss.com/docs/justify-self
tw\`justify-self-auto\`
tw\`justify-self-start\`
tw\`justify-self-end\`
tw\`justify-self-center\`
tw\`justify-self-stretch\`

// https://tailwindcss.com/docs/align-content
tw\`content-start\`
tw\`content-center\`
tw\`content-end\`
tw\`content-between\`
tw\`content-around\`

// https://tailwindcss.com/docs/align-items
tw\`items-start\`
tw\`items-end\`
tw\`items-center\`
tw\`items-baseline\`
tw\`items-stretch\`

// https://tailwindcss.com/docs/align-self
tw\`self-auto\`
tw\`self-start\`
tw\`self-end\`
tw\`self-center\`
tw\`self-stretch\`

// https://tailwindcss.com/docs/place-content
tw\`place-content-center\`
tw\`place-content-start\`
tw\`place-content-end\`
tw\`place-content-between\`
tw\`place-content-around\`
tw\`place-content-evenly\`
tw\`place-content-stretch\`

// https://tailwindcss.com/docs/place-items
tw\`place-items-auto\`
tw\`place-items-start\`
tw\`place-items-end\`
tw\`place-items-center\`
tw\`place-items-stretch\`

// https://tailwindcss.com/docs/place-self
tw\`place-self-auto\`
tw\`place-self-start\`
tw\`place-self-end\`
tw\`place-self-center\`
tw\`place-self-stretch\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/justify-content
;({
  justifyContent: 'flex-start',
})
;({
  justifyContent: 'flex-end',
})
;({
  justifyContent: 'center',
})
;({
  justifyContent: 'space-between',
})
;({
  justifyContent: 'space-around',
})
;({
  justifyContent: 'space-evenly',
}) // https://tailwindcss.com/docs/justify-items

;({
  justifyItems: 'auto',
})
;({
  justifyItems: 'start',
})
;({
  justifyItems: 'end',
})
;({
  justifyItems: 'center',
})
;({
  justifyItems: 'stretch',
}) // https://tailwindcss.com/docs/justify-self

;({
  justifySelf: 'auto',
})
;({
  justifySelf: 'start',
})
;({
  justifySelf: 'end',
})
;({
  justifySelf: 'center',
})
;({
  justifySelf: 'stretch',
}) // https://tailwindcss.com/docs/align-content

;({
  alignContent: 'flex-start',
})
;({
  alignContent: 'center',
})
;({
  alignContent: 'flex-end',
})
;({
  alignContent: 'space-between',
})
;({
  alignContent: 'space-around',
}) // https://tailwindcss.com/docs/align-items

;({
  alignItems: 'flex-start',
})
;({
  alignItems: 'flex-end',
})
;({
  alignItems: 'center',
})
;({
  alignItems: 'baseline',
})
;({
  alignItems: 'stretch',
}) // https://tailwindcss.com/docs/align-self

;({
  alignSelf: 'auto',
})
;({
  alignSelf: 'flex-start',
})
;({
  alignSelf: 'flex-end',
})
;({
  alignSelf: 'center',
})
;({
  alignSelf: 'stretch',
}) // https://tailwindcss.com/docs/place-content

;({
  placeContent: 'center',
})
;({
  placeContent: 'start',
})
;({
  placeContent: 'end',
})
;({
  placeContent: 'space-between',
})
;({
  placeContent: 'space-around',
})
;({
  placeContent: 'space-evenly',
})
;({
  placeContent: 'stretch',
}) // https://tailwindcss.com/docs/place-items

;({
  placeItems: 'auto',
})
;({
  placeItems: 'start',
})
;({
  placeItems: 'end',
})
;({
  placeItems: 'center',
})
;({
  placeItems: 'stretch',
}) // https://tailwindcss.com/docs/place-self

;({
  placeSelf: 'auto',
})
;({
  placeSelf: 'start',
})
;({
  placeSelf: 'end',
})
;({
  placeSelf: 'center',
})
;({
  placeSelf: 'stretch',
})


`;

exports[`twin.macro effects.js: effects.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/box-shadow
tw\`shadow-sm\`
tw\`shadow\`
tw\`shadow-md\`
tw\`shadow-lg\`
tw\`shadow-xl\`
tw\`shadow-2xl\`
tw\`shadow-inner\`
tw\`shadow-none\`

// https://tailwindcss.com/docs/opacity
tw\`opacity-0\`
tw\`opacity-5\`
tw\`opacity-10\`
tw\`opacity-20\`
tw\`opacity-25\`
tw\`opacity-30\`
tw\`opacity-40\`
tw\`opacity-50\`
tw\`opacity-60\`
tw\`opacity-70\`
tw\`opacity-75\`
tw\`opacity-80\`
tw\`opacity-90\`
tw\`opacity-95\`
tw\`opacity-100\`

// https://tailwindcss.com/docs/animation
tw\`animate-none\`
tw\`animate-spin\`
tw\`animate-ping\`
tw\`animate-pulse\`
tw\`animate-bounce\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/box-shadow
;({
  boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
})
;({
  boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
})
;({
  boxShadow:
    '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
})
;({
  boxShadow:
    '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
})
;({
  boxShadow:
    '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
})
;({
  boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
})
;({
  boxShadow: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
})
;({
  boxShadow: 'none',
}) // https://tailwindcss.com/docs/opacity

;({
  opacity: '0',
})
;({
  opacity: '0.05',
})
;({
  opacity: '0.1',
})
;({
  opacity: '0.2',
})
;({
  opacity: '0.25',
})
;({
  opacity: '0.3',
})
;({
  opacity: '0.4',
})
;({
  opacity: '0.5',
})
;({
  opacity: '0.6',
})
;({
  opacity: '0.7',
})
;({
  opacity: '0.75',
})
;({
  opacity: '0.8',
})
;({
  opacity: '0.9',
})
;({
  opacity: '0.95',
})
;({
  opacity: '1',
}) // https://tailwindcss.com/docs/animation

;({
  animation: 'none',
})
;({
  animation: 'spin 1s linear infinite',
})
;({
  animation: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
})
;({
  animation: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
})
;({
  animation: 'bounce 1s infinite',
})


`;

exports[`twin.macro flexbox.js: flexbox.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/flex-direction
tw\`flex-row\`
tw\`flex-row-reverse\`
tw\`flex-col\`
tw\`flex-col-reverse\`

// https://tailwindcss.com/docs/flex-wrap
tw\`flex-wrap-reverse\`
tw\`flex-wrap\`
tw\`flex-no-wrap\`

// https://tailwindcss.com/docs/flex
tw\`flex-1\`
tw\`flex-auto\`
tw\`flex-initial\`
tw\`flex-none\`

// https://tailwindcss.com/docs/flex-grow
tw\`flex-grow-0\`
tw\`flex-grow\`

// https://tailwindcss.com/docs/flex-shrink
tw\`flex-shrink-0\`
tw\`flex-shrink\`

// https://tailwindcss.com/docs/order
tw\`order-1\`
tw\`order-2\`
tw\`order-3\`
tw\`order-4\`
tw\`order-5\`
tw\`order-6\`
tw\`order-7\`
tw\`order-8\`
tw\`order-9\`
tw\`order-10\`
tw\`order-11\`
tw\`order-12\`
tw\`order-first\`
tw\`order-last\`
tw\`order-none\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/flex-direction
;({
  flexDirection: 'row',
})
;({
  flexDirection: 'row-reverse',
})
;({
  flexDirection: 'column',
})
;({
  flexDirection: 'column-reverse',
}) // https://tailwindcss.com/docs/flex-wrap

;({
  flexWrap: 'wrap-reverse',
})
;({
  flexWrap: 'wrap',
})
;({
  flexWrap: 'nowrap',
}) // https://tailwindcss.com/docs/flex

;({
  flex: '1 1 0%',
})
;({
  flex: '1 1 auto',
})
;({
  flex: '0 1 auto',
})
;({
  flex: 'none',
}) // https://tailwindcss.com/docs/flex-grow

;({
  flexGrow: '0',
})
;({
  flexGrow: '1',
}) // https://tailwindcss.com/docs/flex-shrink

;({
  flexShrink: '0',
})
;({
  flexShrink: '1',
}) // https://tailwindcss.com/docs/order

;({
  order: '1',
})
;({
  order: '2',
})
;({
  order: '3',
})
;({
  order: '4',
})
;({
  order: '5',
})
;({
  order: '6',
})
;({
  order: '7',
})
;({
  order: '8',
})
;({
  order: '9',
})
;({
  order: '10',
})
;({
  order: '11',
})
;({
  order: '12',
})
;({
  order: '-9999',
})
;({
  order: '9999',
})
;({
  order: '0',
})


`;

exports[`twin.macro grid.js: grid.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/grid-template-columns
tw\`grid-cols-1\`
tw\`grid-cols-2\`
tw\`grid-cols-3\`
tw\`grid-cols-4\`
tw\`grid-cols-5\`
tw\`grid-cols-6\`
tw\`grid-cols-7\`
tw\`grid-cols-8\`
tw\`grid-cols-9\`
tw\`grid-cols-10\`
tw\`grid-cols-11\`
tw\`grid-cols-12\`
tw\`grid-cols-none\`

// https://tailwindcss.com/docs/grid-column
tw\`col-auto\`
tw\`col-span-1\`
tw\`col-span-2\`
tw\`col-span-3\`
tw\`col-span-4\`
tw\`col-span-5\`
tw\`col-span-6\`
tw\`col-span-7\`
tw\`col-span-8\`
tw\`col-span-9\`
tw\`col-span-10\`
tw\`col-span-11\`
tw\`col-span-12\`
tw\`col-span-full\`
tw\`col-start-1\`
tw\`col-start-2\`
tw\`col-start-3\`
tw\`col-start-4\`
tw\`col-start-5\`
tw\`col-start-6\`
tw\`col-start-7\`
tw\`col-start-8\`
tw\`col-start-9\`
tw\`col-start-10\`
tw\`col-start-11\`
tw\`col-start-12\`
tw\`col-start-13\`
tw\`col-start-auto\`
tw\`col-end-1\`
tw\`col-end-2\`
tw\`col-end-3\`
tw\`col-end-4\`
tw\`col-end-5\`
tw\`col-end-6\`
tw\`col-end-7\`
tw\`col-end-8\`
tw\`col-end-9\`
tw\`col-end-10\`
tw\`col-end-11\`
tw\`col-end-12\`
tw\`col-end-13\`
tw\`col-end-auto\`

// https://tailwindcss.com/docs/grid-template-rows
tw\`grid-rows-1\`
tw\`grid-rows-2\`
tw\`grid-rows-3\`
tw\`grid-rows-4\`
tw\`grid-rows-5\`
tw\`grid-rows-6\`
tw\`grid-rows-none\`

// https://tailwindcss.com/docs/grid-row
tw\`row-auto\`
tw\`row-span-1\`
tw\`row-span-2\`
tw\`row-span-3\`
tw\`row-span-4\`
tw\`row-span-5\`
tw\`row-span-6\`
tw\`row-span-full\`
tw\`row-start-1\`
tw\`row-start-2\`
tw\`row-start-3\`
tw\`row-start-4\`
tw\`row-start-5\`
tw\`row-start-6\`
tw\`row-start-7\`
tw\`row-start-auto\`
tw\`row-end-1\`
tw\`row-end-2\`
tw\`row-end-3\`
tw\`row-end-4\`
tw\`row-end-5\`
tw\`row-end-6\`
tw\`row-end-7\`
tw\`row-end-auto\`

// https://tailwindcss.com/docs/grid-auto-flow
tw\`grid-flow-row\`
tw\`grid-flow-col\`
tw\`grid-flow-row-dense\`
tw\`grid-flow-col-dense\`

// https://tailwindcss.com/docs/grid-auto-columns
tw\`auto-cols-auto\`
tw\`auto-cols-min\`
tw\`auto-cols-max\`
tw\`auto-cols-fr\`

// https://tailwindcss.com/docs/grid-auto-rows
tw\`auto-rows-auto\`
tw\`auto-rows-min\`
tw\`auto-rows-max\`
tw\`auto-rows-fr\`

// https://tailwindcss.com/docs/gap
tw\`gap-0\`
tw\`gap-0.5\`
tw\`gap-1\`
tw\`gap-1.5\`
tw\`gap-2\`
tw\`gap-2.5\`
tw\`gap-3\`
tw\`gap-3.5\`
tw\`gap-4\`
tw\`gap-5\`
tw\`gap-6\`
tw\`gap-7\`
tw\`gap-8\`
tw\`gap-9\`
tw\`gap-10\`
tw\`gap-12\`
tw\`gap-14\`
tw\`gap-16\`
tw\`gap-20\`
tw\`gap-24\`
tw\`gap-28\`
tw\`gap-32\`
tw\`gap-36\`
tw\`gap-40\`
tw\`gap-44\`
tw\`gap-48\`
tw\`gap-52\`
tw\`gap-56\`
tw\`gap-60\`
tw\`gap-64\`
tw\`gap-72\`
tw\`gap-80\`
tw\`gap-96\`
tw\`gap-px\`

// https://tailwindcss.com/docs/gap
tw\`gap-x-0\`
tw\`gap-x-0.5\`
tw\`gap-x-1\`
tw\`gap-x-1.5\`
tw\`gap-x-2\`
tw\`gap-x-2.5\`
tw\`gap-x-3\`
tw\`gap-x-3.5\`
tw\`gap-x-4\`
tw\`gap-x-5\`
tw\`gap-x-6\`
tw\`gap-x-8\`
tw\`gap-x-10\`
tw\`gap-x-12\`
tw\`gap-x-16\`
tw\`gap-x-20\`
tw\`gap-x-24\`
tw\`gap-x-32\`
tw\`gap-x-40\`
tw\`gap-x-48\`
tw\`gap-x-56\`
tw\`gap-x-64\`
tw\`gap-x-px\`

// https://tailwindcss.com/docs/gap
tw\`gap-y-0\`
tw\`gap-y-0.5\`
tw\`gap-y-1\`
tw\`gap-y-1.5\`
tw\`gap-y-2\`
tw\`gap-y-2.5\`
tw\`gap-y-3\`
tw\`gap-y-3.5\`
tw\`gap-y-4\`
tw\`gap-y-5\`
tw\`gap-y-6\`
tw\`gap-y-7\`
tw\`gap-y-8\`
tw\`gap-y-9\`
tw\`gap-y-10\`
tw\`gap-y-11\`
tw\`gap-y-12\`
tw\`gap-y-16\`
tw\`gap-y-20\`
tw\`gap-y-24\`
tw\`gap-y-28\`
tw\`gap-y-32\`
tw\`gap-y-36\`
tw\`gap-y-40\`
tw\`gap-y-44\`
tw\`gap-y-48\`
tw\`gap-y-52\`
tw\`gap-y-56\`
tw\`gap-y-60\`
tw\`gap-y-64\`
tw\`gap-y-72\`
tw\`gap-y-80\`
tw\`gap-y-96\`
tw\`gap-y-px\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/grid-template-columns
;({
  gridTemplateColumns: 'repeat(1, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(3, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(4, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(5, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(6, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(7, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(8, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(9, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(10, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(11, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'repeat(12, minmax(0, 1fr))',
})
;({
  gridTemplateColumns: 'none',
}) // https://tailwindcss.com/docs/grid-column

;({
  gridColumn: 'auto',
})
;({
  gridColumn: 'span 1 / span 1',
})
;({
  gridColumn: 'span 2 / span 2',
})
;({
  gridColumn: 'span 3 / span 3',
})
;({
  gridColumn: 'span 4 / span 4',
})
;({
  gridColumn: 'span 5 / span 5',
})
;({
  gridColumn: 'span 6 / span 6',
})
;({
  gridColumn: 'span 7 / span 7',
})
;({
  gridColumn: 'span 8 / span 8',
})
;({
  gridColumn: 'span 9 / span 9',
})
;({
  gridColumn: 'span 10 / span 10',
})
;({
  gridColumn: 'span 11 / span 11',
})
;({
  gridColumn: 'span 12 / span 12',
})
;({
  gridColumn: '1 / -1',
})
;({
  gridColumnStart: '1',
})
;({
  gridColumnStart: '2',
})
;({
  gridColumnStart: '3',
})
;({
  gridColumnStart: '4',
})
;({
  gridColumnStart: '5',
})
;({
  gridColumnStart: '6',
})
;({
  gridColumnStart: '7',
})
;({
  gridColumnStart: '8',
})
;({
  gridColumnStart: '9',
})
;({
  gridColumnStart: '10',
})
;({
  gridColumnStart: '11',
})
;({
  gridColumnStart: '12',
})
;({
  gridColumnStart: '13',
})
;({
  gridColumnStart: 'auto',
})
;({
  gridColumnEnd: '1',
})
;({
  gridColumnEnd: '2',
})
;({
  gridColumnEnd: '3',
})
;({
  gridColumnEnd: '4',
})
;({
  gridColumnEnd: '5',
})
;({
  gridColumnEnd: '6',
})
;({
  gridColumnEnd: '7',
})
;({
  gridColumnEnd: '8',
})
;({
  gridColumnEnd: '9',
})
;({
  gridColumnEnd: '10',
})
;({
  gridColumnEnd: '11',
})
;({
  gridColumnEnd: '12',
})
;({
  gridColumnEnd: '13',
})
;({
  gridColumnEnd: 'auto',
}) // https://tailwindcss.com/docs/grid-template-rows

;({
  gridTemplateRows: 'repeat(1, minmax(0, 1fr))',
})
;({
  gridTemplateRows: 'repeat(2, minmax(0, 1fr))',
})
;({
  gridTemplateRows: 'repeat(3, minmax(0, 1fr))',
})
;({
  gridTemplateRows: 'repeat(4, minmax(0, 1fr))',
})
;({
  gridTemplateRows: 'repeat(5, minmax(0, 1fr))',
})
;({
  gridTemplateRows: 'repeat(6, minmax(0, 1fr))',
})
;({
  gridTemplateRows: 'none',
}) // https://tailwindcss.com/docs/grid-row

;({
  gridRow: 'auto',
})
;({
  gridRow: 'span 1 / span 1',
})
;({
  gridRow: 'span 2 / span 2',
})
;({
  gridRow: 'span 3 / span 3',
})
;({
  gridRow: 'span 4 / span 4',
})
;({
  gridRow: 'span 5 / span 5',
})
;({
  gridRow: 'span 6 / span 6',
})
;({
  gridRow: '1 / -1',
})
;({
  gridRowStart: '1',
})
;({
  gridRowStart: '2',
})
;({
  gridRowStart: '3',
})
;({
  gridRowStart: '4',
})
;({
  gridRowStart: '5',
})
;({
  gridRowStart: '6',
})
;({
  gridRowStart: '7',
})
;({
  gridRowStart: 'auto',
})
;({
  gridRowEnd: '1',
})
;({
  gridRowEnd: '2',
})
;({
  gridRowEnd: '3',
})
;({
  gridRowEnd: '4',
})
;({
  gridRowEnd: '5',
})
;({
  gridRowEnd: '6',
})
;({
  gridRowEnd: '7',
})
;({
  gridRowEnd: 'auto',
}) // https://tailwindcss.com/docs/grid-auto-flow

;({
  gridAutoFlow: 'row',
})
;({
  gridAutoFlow: 'column',
})
;({
  gridAutoFlow: 'row dense',
})
;({
  gridAutoFlow: 'col dense',
}) // https://tailwindcss.com/docs/grid-auto-columns

;({
  gridAutoColumns: 'auto',
})
;({
  gridAutoColumns: 'min-content',
})
;({
  gridAutoColumns: 'max-content',
})
;({
  gridAutoColumns: 'minmax(0, 1fr)',
}) // https://tailwindcss.com/docs/grid-auto-rows

;({
  gridAutoRows: 'auto',
})
;({
  gridAutoRows: 'min-content',
})
;({
  gridAutoRows: 'max-content',
})
;({
  gridAutoRows: 'minmax(0, 1fr)',
}) // https://tailwindcss.com/docs/gap

;({
  gap: '0px',
})
;({
  gap: '0.125rem',
})
;({
  gap: '0.25rem',
})
;({
  gap: '0.375rem',
})
;({
  gap: '0.5rem',
})
;({
  gap: '0.625rem',
})
;({
  gap: '0.75rem',
})
;({
  gap: '0.875rem',
})
;({
  gap: '1rem',
})
;({
  gap: '1.25rem',
})
;({
  gap: '1.5rem',
})
;({
  gap: '1.75rem',
})
;({
  gap: '2rem',
})
;({
  gap: '2.25rem',
})
;({
  gap: '2.5rem',
})
;({
  gap: '3rem',
})
;({
  gap: '3.5rem',
})
;({
  gap: '4rem',
})
;({
  gap: '5rem',
})
;({
  gap: '6rem',
})
;({
  gap: '7rem',
})
;({
  gap: '8rem',
})
;({
  gap: '9rem',
})
;({
  gap: '10rem',
})
;({
  gap: '11rem',
})
;({
  gap: '12rem',
})
;({
  gap: '13rem',
})
;({
  gap: '14rem',
})
;({
  gap: '15rem',
})
;({
  gap: '16rem',
})
;({
  gap: '18rem',
})
;({
  gap: '20rem',
})
;({
  gap: '24rem',
})
;({
  gap: '1px',
}) // https://tailwindcss.com/docs/gap

;({
  columnGap: '0px',
})
;({
  columnGap: '0.125rem',
})
;({
  columnGap: '0.25rem',
})
;({
  columnGap: '0.375rem',
})
;({
  columnGap: '0.5rem',
})
;({
  columnGap: '0.625rem',
})
;({
  columnGap: '0.75rem',
})
;({
  columnGap: '0.875rem',
})
;({
  columnGap: '1rem',
})
;({
  columnGap: '1.25rem',
})
;({
  columnGap: '1.5rem',
})
;({
  columnGap: '2rem',
})
;({
  columnGap: '2.5rem',
})
;({
  columnGap: '3rem',
})
;({
  columnGap: '4rem',
})
;({
  columnGap: '5rem',
})
;({
  columnGap: '6rem',
})
;({
  columnGap: '8rem',
})
;({
  columnGap: '10rem',
})
;({
  columnGap: '12rem',
})
;({
  columnGap: '14rem',
})
;({
  columnGap: '16rem',
})
;({
  columnGap: '1px',
}) // https://tailwindcss.com/docs/gap

;({
  rowGap: '0px',
})
;({
  rowGap: '0.125rem',
})
;({
  rowGap: '0.25rem',
})
;({
  rowGap: '0.375rem',
})
;({
  rowGap: '0.5rem',
})
;({
  rowGap: '0.625rem',
})
;({
  rowGap: '0.75rem',
})
;({
  rowGap: '0.875rem',
})
;({
  rowGap: '1rem',
})
;({
  rowGap: '1.25rem',
})
;({
  rowGap: '1.5rem',
})
;({
  rowGap: '1.75rem',
})
;({
  rowGap: '2rem',
})
;({
  rowGap: '2.25rem',
})
;({
  rowGap: '2.5rem',
})
;({
  rowGap: '2.75rem',
})
;({
  rowGap: '3rem',
})
;({
  rowGap: '4rem',
})
;({
  rowGap: '5rem',
})
;({
  rowGap: '6rem',
})
;({
  rowGap: '7rem',
})
;({
  rowGap: '8rem',
})
;({
  rowGap: '9rem',
})
;({
  rowGap: '10rem',
})
;({
  rowGap: '11rem',
})
;({
  rowGap: '12rem',
})
;({
  rowGap: '13rem',
})
;({
  rowGap: '14rem',
})
;({
  rowGap: '15rem',
})
;({
  rowGap: '16rem',
})
;({
  rowGap: '18rem',
})
;({
  rowGap: '20rem',
})
;({
  rowGap: '24rem',
})
;({
  rowGap: '1px',
})


`;

exports[`twin.macro interactivity.js: interactivity.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/appearance
tw\`appearance-none\`

// https://tailwindcss.com/docs/cursor
tw\`cursor-auto\`
tw\`cursor-default\`
tw\`cursor-pointer\`
tw\`cursor-wait\`
tw\`cursor-text\`
tw\`cursor-move\`
tw\`cursor-not-allowed\`

// https://tailwindcss.com/docs/outline
tw\`outline-none\`
tw\`outline-white\`
tw\`outline-black\`

// https://tailwindcss.com/docs/pointer-events
tw\`pointer-events-none\`
tw\`pointer-events-auto\`

// https://tailwindcss.com/docs/resize
tw\`resize-none\`
tw\`resize-y\`
tw\`resize-x\`
tw\`resize\`

// https://tailwindcss.com/docs/user-select
tw\`select-none\`
tw\`select-text\`
tw\`select-all\`
tw\`select-auto\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/appearance
;({
  appearance: 'none',
}) // https://tailwindcss.com/docs/cursor

;({
  cursor: 'auto',
})
;({
  cursor: 'default',
})
;({
  cursor: 'pointer',
})
;({
  cursor: 'wait',
})
;({
  cursor: 'text',
})
;({
  cursor: 'move',
})
;({
  cursor: 'not-allowed',
}) // https://tailwindcss.com/docs/outline

;({
  outline: '2px solid transparent',
  outlineOffset: '2px',
})
;({
  outline: '2px dotted white',
  outlineOffset: '2px',
})
;({
  outline: '2px dotted black',
  outlineOffset: '2px',
}) // https://tailwindcss.com/docs/pointer-events

;({
  pointerEvents: 'none',
})
;({
  pointerEvents: 'auto',
}) // https://tailwindcss.com/docs/resize

;({
  resize: 'none',
})
;({
  resize: 'vertical',
})
;({
  resize: 'horizontal',
})
;({
  resize: 'both',
}) // https://tailwindcss.com/docs/user-select

;({
  userSelect: 'none',
})
;({
  userSelect: 'text',
})
;({
  userSelect: 'all',
})
;({
  userSelect: 'auto',
})


`;

exports[`twin.macro layout.js: layout.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/container
tw\`container\`

// https://tailwindcss.com/docs/box-sizing
tw\`box-border\`
tw\`box-content\`

// https://tailwindcss.com/docs/display
tw\`block\`
tw\`inline-block\`
tw\`inline\`
tw\`flex\`
tw\`inline-flex\`
tw\`table\`
tw\`table-caption\`
tw\`table-cell\`
tw\`table-column\`
tw\`table-column-group\`
tw\`table-footer-group\`
tw\`table-header-group\`
tw\`table-row-group\`
tw\`table-row\`
tw\`flow-root\`
tw\`grid\`
tw\`inline-grid\`
tw\`contents\`
tw\`hidden\`

// https://tailwindcss.com/docs/float
tw\`float-right\`
tw\`float-left\`
tw\`float-none\`

// https://tailwindcss.com/docs/clear
tw\`clear-left\`
tw\`clear-right\`
tw\`clear-both\`
tw\`clear-none\`

// https://tailwindcss.com/docs/object-fit
tw\`object-contain\`
tw\`object-cover\`
tw\`object-fill\`
tw\`object-none\`
tw\`object-scale-down\`

// https://tailwindcss.com/docs/object-position
tw\`object-bottom\`
tw\`object-center\`
tw\`object-left\`
tw\`object-left-bottom\`
tw\`object-left-top\`
tw\`object-right\`
tw\`object-right-bottom\`
tw\`object-right-top\`
tw\`object-top\`

// https://tailwindcss.com/docs/overflow
tw\`overflow-auto\`
tw\`overflow-hidden\`
tw\`overflow-visible\`
tw\`overflow-scroll\`
tw\`overflow-x-auto\`
tw\`overflow-y-auto\`
tw\`overflow-x-hidden\`
tw\`overflow-y-hidden\`
tw\`overflow-x-visible\`
tw\`overflow-y-visible\`
tw\`overflow-x-scroll\`
tw\`overflow-y-scroll\`

// https://tailwindcss.com/docs/overscroll-behavior
tw\`overscroll-auto\`
tw\`overscroll-contain\`
tw\`overscroll-none\`
tw\`overscroll-y-auto\`
tw\`overscroll-y-contain\`
tw\`overscroll-y-none\`
tw\`overscroll-x-auto\`
tw\`overscroll-x-contain\`
tw\`overscroll-x-none\`

// https://tailwindcss.com/docs/position
tw\`static\`
tw\`fixed\`
tw\`absolute\`
tw\`relative\`
tw\`sticky\`

// https://tailwindcss.com/docs/top-right-bottom-left
tw\`inset-0\`
tw\`-inset-0\`
tw\`inset-y-0\`
tw\`inset-x-0\`
tw\`-inset-y-0\`
tw\`-inset-x-0\`
tw\`top-0\`
tw\`right-0\`
tw\`bottom-0\`
tw\`left-0\`
tw\`-top-0\`
tw\`-right-0\`
tw\`-bottom-0\`
tw\`-left-0\`
tw\`inset-0.5\`
tw\`-inset-0.5\`
tw\`inset-y-0.5\`
tw\`inset-x-0.5\`
tw\`-inset-y-0.5\`
tw\`-inset-x-0.5\`
tw\`top-0.5\`
tw\`right-0.5\`
tw\`bottom-0.5\`
tw\`left-0.5\`
tw\`-top-0.5\`
tw\`-right-0.5\`
tw\`-bottom-0.5\`
tw\`-left-0.5\`
tw\`inset-1\`
tw\`-inset-1\`
tw\`inset-y-1\`
tw\`inset-x-1\`
tw\`-inset-y-1\`
tw\`-inset-x-1\`
tw\`top-1\`
tw\`right-1\`
tw\`bottom-1\`
tw\`left-1\`
tw\`-top-1\`
tw\`-right-1\`
tw\`-bottom-1\`
tw\`-left-1\`
tw\`inset-1.5\`
tw\`-inset-1.5\`
tw\`inset-y-1.5\`
tw\`inset-x-1.5\`
tw\`-inset-y-1.5\`
tw\`-inset-x-1.5\`
tw\`top-1.5\`
tw\`right-1.5\`
tw\`bottom-1.5\`
tw\`left-1.5\`
tw\`-top-1.5\`
tw\`-right-1.5\`
tw\`-bottom-1.5\`
tw\`-left-1.5\`
tw\`inset-2\`
tw\`-inset-2\`
tw\`inset-y-2\`
tw\`inset-x-2\`
tw\`-inset-y-2\`
tw\`-inset-x-2\`
tw\`top-2\`
tw\`right-2\`
tw\`bottom-2\`
tw\`left-2\`
tw\`-top-2\`
tw\`-right-2\`
tw\`-bottom-2\`
tw\`-left-2\`
tw\`inset-2.5\`
tw\`-inset-2.5\`
tw\`inset-y-2.5\`
tw\`inset-x-2.5\`
tw\`-inset-y-2.5\`
tw\`top-2.5\`
tw\`right-2.5\`
tw\`bottom-2.5\`
tw\`left-2.5\`
tw\`-top-2.5\`
tw\`-bottom-2.5\`
tw\`-left-2.5\`
tw\`inset-3\`
tw\`-inset-3\`
tw\`inset-y-3\`
tw\`inset-x-3\`
tw\`-inset-y-3\`
tw\`-inset-x-3\`
tw\`top-3\`
tw\`right-3\`
tw\`bottom-3\`
tw\`left-3\`
tw\`-top-3\`
tw\`-right-3\`
tw\`-bottom-3\`
tw\`-left-3\`
tw\`inset-3.5\`
tw\`-inset-3.5\`
tw\`inset-y-3.5\`
tw\`inset-x-3.5\`
tw\`-inset-y-3.5\`
tw\`-inset-x-3.5\`
tw\`top-3.5\`
tw\`right-3.5\`
tw\`bottom-3.5\`
tw\`left-3.5\`
tw\`-top-3.5\`
tw\`-right-3.5\`
tw\`-bottom-3.5\`
tw\`-left-3.5\`
tw\`inset-4\`
tw\`-inset-4\`
tw\`inset-y-4\`
tw\`inset-x-4\`
tw\`-inset-y-4\`
tw\`-inset-x-4\`
tw\`top-4\`
tw\`right-4\`
tw\`bottom-4\`
tw\`left-4\`
tw\`-top-4\`
tw\`-right-4\`
tw\`-bottom-4\`
tw\`-left-4\`
tw\`inset-5\`
tw\`-inset-5\`
tw\`inset-y-5\`
tw\`inset-x-5\`
tw\`-inset-y-5\`
tw\`-inset-x-5\`
tw\`top-5\`
tw\`right-5\`
tw\`bottom-5\`
tw\`left-5\`
tw\`-top-5\`
tw\`-right-5\`
tw\`-bottom-5\`
tw\`-left-5\`
tw\`inset-6\`
tw\`-inset-6\`
tw\`inset-y-6\`
tw\`inset-x-6\`
tw\`-inset-y-6\`
tw\`-inset-x-6\`
tw\`top-6\`
tw\`right-6\`
tw\`bottom-6\`
tw\`left-6\`
tw\`-top-6\`
tw\`-right-6\`
tw\`-bottom-6\`
tw\`-left-6\`
tw\`inset-7\`
tw\`-inset-7\`
tw\`inset-y-7\`
tw\`inset-x-7\`
tw\`-inset-y-7\`
tw\`-inset-x-7\`
tw\`top-7\`
tw\`right-7\`
tw\`bottom-7\`
tw\`left-7\`
tw\`-top-7\`
tw\`-right-7\`
tw\`-bottom-7\`
tw\`-left-7\`
tw\`inset-8\`
tw\`-inset-8\`
tw\`inset-y-8\`
tw\`inset-x-8\`
tw\`-inset-y-8\`
tw\`-inset-x-8\`
tw\`top-8\`
tw\`right-8\`
tw\`bottom-8\`
tw\`left-8\`
tw\`-top-8\`
tw\`-right-8\`
tw\`-bottom-8\`
tw\`-left-8\`
tw\`inset-9\`
tw\`-inset-9\`
tw\`inset-y-9\`
tw\`inset-x-9\`
tw\`-inset-y-9\`
tw\`-inset-x-9\`
tw\`top-9\`
tw\`right-9\`
tw\`bottom-9\`
tw\`left-9\`
tw\`-top-9\`
tw\`-right-9\`
tw\`-bottom-9\`
tw\`-left-9\`
tw\`inset-10\`
tw\`-inset-10\`
tw\`inset-y-10\`
tw\`inset-x-10\`
tw\`-inset-y-10\`
tw\`-inset-x-10\`
tw\`top-10\`
tw\`right-10\`
tw\`bottom-10\`
tw\`left-10\`
tw\`-top-10\`
tw\`-right-10\`
tw\`-bottom-10\`
tw\`-left-10\`
tw\`inset-11\`
tw\`-inset-11\`
tw\`inset-y-11\`
tw\`inset-x-11\`
tw\`-inset-y-11\`
tw\`-inset-x-11\`
tw\`top-11\`
tw\`right-11\`
tw\`bottom-11\`
tw\`left-11\`
tw\`-top-11\`
tw\`-right-11\`
tw\`-bottom-11\`
tw\`-left-11\`
tw\`inset-12\`
tw\`-inset-12\`
tw\`inset-y-12\`
tw\`inset-x-12\`
tw\`-inset-y-12\`
tw\`-inset-x-12\`
tw\`top-12\`
tw\`right-12\`
tw\`bottom-12\`
tw\`left-12\`
tw\`-top-12\`
tw\`-right-12\`
tw\`-bottom-12\`
tw\`-left-12\`
tw\`inset-14\`
tw\`-inset-14\`
tw\`inset-y-14\`
tw\`inset-x-14\`
tw\`-inset-y-14\`
tw\`-inset-x-14\`
tw\`top-14\`
tw\`right-14\`
tw\`bottom-14\`
tw\`left-14\`
tw\`-top-14\`
tw\`-right-14\`
tw\`-bottom-14\`
tw\`-left-14\`
tw\`inset-16\`
tw\`-inset-16\`
tw\`inset-y-16\`
tw\`inset-x-16\`
tw\`-inset-y-16\`
tw\`-inset-x-16\`
tw\`top-16\`
tw\`right-16\`
tw\`bottom-16\`
tw\`left-16\`
tw\`-top-16\`
tw\`-right-16\`
tw\`-bottom-16\`
tw\`-left-16\`
tw\`inset-20\`
tw\`-inset-20\`
tw\`inset-y-20\`
tw\`inset-x-20\`
tw\`-inset-y-20\`
tw\`-inset-x-20\`
tw\`top-20\`
tw\`right-20\`
tw\`bottom-20\`
tw\`left-20\`
tw\`-top-20\`
tw\`-right-20\`
tw\`-bottom-20\`
tw\`-left-20\`
tw\`inset-24\`
tw\`-inset-24\`
tw\`inset-y-24\`
tw\`inset-x-24\`
tw\`-inset-y-24\`
tw\`-inset-x-24\`
tw\`top-24\`
tw\`right-24\`
tw\`bottom-24\`
tw\`left-24\`
tw\`-right-24\`
tw\`-bottom-24\`
tw\`-left-24\`
tw\`inset-28\`
tw\`-inset-28\`
tw\`inset-y-28\`
tw\`inset-x-28\`
tw\`-inset-y-28\`
tw\`-inset-x-28\`
tw\`top-28\`
tw\`right-28\`
tw\`bottom-28\`
tw\`left-28\`
tw\`-top-28\`
tw\`-right-28\`
tw\`-bottom-28\`
tw\`-left-28\`
tw\`inset-32\`
tw\`-inset-32\`
tw\`inset-y-32\`
tw\`inset-x-32\`
tw\`-inset-y-32\`
tw\`-inset-x-32\`
tw\`right-32\`
tw\`bottom-32\`
tw\`left-32\`
tw\`-top-32\`
tw\`-right-32\`
tw\`-bottom-32\`
tw\`-left-32\`
tw\`inset-36\`
tw\`-inset-36\`
tw\`inset-y-36\`
tw\`inset-x-36\`
tw\`-inset-y-36\`
tw\`-inset-x-36\`
tw\`top-36\`
tw\`right-36\`
tw\`bottom-36\`
tw\`left-36\`
tw\`-top-36\`
tw\`-right-36\`
tw\`-bottom-36\`
tw\`-left-36\`
tw\`inset-40\`
tw\`-inset-40\`
tw\`inset-y-40\`
tw\`inset-x-40\`
tw\`-inset-y-40\`
tw\`-inset-x-40\`
tw\`top-40\`
tw\`right-40\`
tw\`bottom-40\`
tw\`left-40\`
tw\`-top-40\`
tw\`-right-40\`
tw\`-bottom-40\`
tw\`-left-40\`
tw\`inset-44\`
tw\`-inset-44\`
tw\`inset-y-44\`
tw\`inset-x-44\`
tw\`-inset-y-44\`
tw\`-inset-x-44\`
tw\`top-44\`
tw\`right-44\`
tw\`bottom-44\`
tw\`left-44\`
tw\`-top-44\`
tw\`-right-44\`
tw\`-bottom-44\`
tw\`-left-44\`
tw\`inset-48\`
tw\`-inset-48\`
tw\`inset-y-48\`
tw\`inset-x-48\`
tw\`-inset-y-48\`
tw\`-inset-x-48\`
tw\`top-48\`
tw\`right-48\`
tw\`bottom-48\`
tw\`left-48\`
tw\`-right-48\`
tw\`-bottom-48\`
tw\`-left-48\`
tw\`inset-52\`
tw\`-inset-52\`
tw\`inset-y-52\`
tw\`inset-x-52\`
tw\`-inset-y-52\`
tw\`-inset-x-52\`
tw\`top-52\`
tw\`right-52\`
tw\`bottom-52\`
tw\`left-52\`
tw\`-top-52\`
tw\`-right-52\`
tw\`-bottom-52\`
tw\`-left-52\`
tw\`inset-56\`
tw\`-inset-56\`
tw\`inset-y-56\`
tw\`inset-x-56\`
tw\`-inset-y-56\`
tw\`-inset-x-56\`
tw\`top-56\`
tw\`right-56\`
tw\`bottom-56\`
tw\`left-56\`
tw\`-top-56\`
tw\`-right-56\`
tw\`-bottom-56\`
tw\`-left-56\`
tw\`inset-60\`
tw\`-inset-60\`
tw\`inset-y-60\`
tw\`inset-x-60\`
tw\`-inset-y-60\`
tw\`-inset-x-60\`
tw\`top-60\`
tw\`right-60\`
tw\`bottom-60\`
tw\`left-60\`
tw\`-top-60\`
tw\`-right-60\`
tw\`-bottom-60\`
tw\`-left-60\`
tw\`inset-64\`
tw\`-inset-64\`
tw\`inset-y-64\`
tw\`inset-x-64\`
tw\`-inset-y-64\`
tw\`-inset-x-64\`
tw\`top-64\`
tw\`right-64\`
tw\`bottom-64\`
tw\`left-64\`
tw\`-top-64\`
tw\`-right-64\`
tw\`-bottom-64\`
tw\`-left-64\`
tw\`inset-72\`
tw\`-inset-72\`
tw\`inset-y-72\`
tw\`inset-x-72\`
tw\`-inset-y-72\`
tw\`-inset-x-72\`
tw\`top-72\`
tw\`right-72\`
tw\`bottom-72\`
tw\`left-72\`
tw\`-top-72\`
tw\`-right-72\`
tw\`-bottom-72\`
tw\`-left-72\`
tw\`inset-80\`
tw\`-inset-80\`
tw\`inset-y-80\`
tw\`inset-x-80\`
tw\`-inset-y-80\`
tw\`-inset-x-80\`
tw\`top-80\`
tw\`right-80\`
tw\`bottom-80\`
tw\`left-80\`
tw\`-top-80\`
tw\`-right-80\`
tw\`-bottom-80\`
tw\`-left-80\`
tw\`inset-96\`
tw\`-inset-96\`
tw\`inset-y-96\`
tw\`inset-x-96\`
tw\`-inset-y-96\`
tw\`-inset-x-96\`
tw\`top-96\`
tw\`right-96\`
tw\`bottom-96\`
tw\`left-96\`
tw\`-top-96\`
tw\`-right-96\`
tw\`-bottom-96\`
tw\`-left-96\`
tw\`inset-auto\`
tw\`inset-px\`
tw\`-inset-px\`
tw\`inset-1/2\`
tw\`inset-1/3\`
tw\`inset-2/3\`
tw\`inset-1/4\`
tw\`inset-2/4\`
tw\`inset-3/4\`
tw\`inset-full\`
tw\`-inset-1/2\`
tw\`-inset-1/3\`
tw\`-inset-2/3\`
tw\`-inset-1/4\`
tw\`-inset-2/4\`
tw\`-inset-3/4\`
tw\`-inset-full\`
tw\`inset-y-auto\`
tw\`inset-x-auto\`
tw\`inset-y-px\`
tw\`inset-x-px\`
tw\`-inset-y-px\`
tw\`-inset-x-px\`
tw\`inset-y-1/2\`
tw\`inset-x-1/2\`
tw\`inset-y-1/3\`
tw\`inset-x-1/3\`
tw\`inset-y-2/3\`
tw\`inset-x-2/3\`
tw\`inset-y-1/4\`
tw\`inset-x-1/4\`
tw\`inset-y-2/4\`
tw\`inset-x-2/4\`
tw\`inset-y-3/4\`
tw\`inset-x-3/4\`
tw\`inset-y-full\`
tw\`inset-x-full\`
tw\`-inset-y-1/2\`
tw\`-inset-x-1/2\`
tw\`-inset-y-1/3\`
tw\`-inset-x-1/3\`
tw\`-inset-y-2/3\`
tw\`-inset-x-2/3\`
tw\`-inset-y-1/4\`
tw\`-inset-x-1/4\`
tw\`-inset-y-2/4\`
tw\`-inset-x-2/4\`
tw\`-inset-y-3/4\`
tw\`-inset-x-3/4\`
tw\`-inset-y-full\`
tw\`-inset-x-full\`
tw\`top-auto\`
tw\`right-auto\`
tw\`bottom-auto\`
tw\`left-auto\`
tw\`top-px\`
tw\`right-px\`
tw\`bottom-px\`
tw\`left-px\`
tw\`-top-px\`
tw\`-right-px\`
tw\`-bottom-px\`
tw\`-left-px\`
tw\`top-1/2\`
tw\`right-1/2\`
tw\`bottom-1/2\`
tw\`left-1/2\`
tw\`top-1/3\`
tw\`right-1/3\`
tw\`bottom-1/3\`
tw\`left-1/3\`
tw\`top-2/3\`
tw\`right-2/3\`
tw\`bottom-2/3\`
tw\`left-2/3\`
tw\`top-1/4\`
tw\`right-1/4\`
tw\`bottom-1/4\`
tw\`left-1/4\`
tw\`top-2/4\`
tw\`right-2/4\`
tw\`bottom-2/4\`
tw\`left-2/4\`
tw\`top-3/4\`
tw\`right-3/4\`
tw\`bottom-3/4\`
tw\`left-3/4\`
tw\`top-full\`
tw\`right-full\`
tw\`bottom-full\`
tw\`left-full\`
tw\`-top-1/2\`
tw\`-right-1/2\`
tw\`-bottom-1/2\`
tw\`-left-1/2\`
tw\`-top-1/3\`
tw\`-right-1/3\`
tw\`-bottom-1/3\`
tw\`-left-1/3\`
tw\`-top-2/3\`
tw\`-right-2/3\`
tw\`-bottom-2/3\`
tw\`-left-2/3\`
tw\`-top-1/4\`
tw\`-right-1/4\`
tw\`-bottom-1/4\`
tw\`-left-1/4\`
tw\`-top-2/4\`
tw\`-right-2/4\`
tw\`-bottom-2/4\`
tw\`-left-2/4\`
tw\`-top-3/4\`
tw\`-right-3/4\`
tw\`-bottom-3/4\`
tw\`-left-3/4\`
tw\`-top-full\`
tw\`-right-full\`
tw\`-bottom-full\`
tw\`-left-full\`

// https://tailwindcss.com/docs/visibility
tw\`visible\`
tw\`invisible\`

// https://tailwindcss.com/docs/z-index
tw\`z-0\`
tw\`z-10\`
tw\`z-20\`
tw\`z-30\`
tw\`z-40\`
tw\`z-50\`
tw\`z-auto\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/container
;({
  width: '100%',
  '@media (min-width: 640px)': {
    maxWidth: '640px',
    paddingLeft: '2rem',
    marginLeft: 'auto',
  },
  '@media (min-width: 768px)': {
    maxWidth: '768px',
  },
  '@media (min-width: 1024px)': {
    maxWidth: '1024px',
    paddingLeft: '4rem',
    paddingRight: '4rem',
    marginLeft: '5rem',
    marginRight: '5rem',
  },
  '@media (min-width: 1280px)': {
    maxWidth: '1280px',
    paddingLeft: '6rem',
    paddingRight: '6rem',
    marginLeft: '7rem',
    marginRight: '7rem',
  },
  '@media (min-width: 1536px)': {
    maxWidth: '1536px',
  },
  '@media (min-width: 968px)': {
    maxWidth: '968px',
    paddingLeft: '8rem',
    paddingRight: '8rem',
  },
  '@media (min-width: 992px)': {
    maxWidth: '992px',
    paddingLeft: '10rem',
    paddingRight: '10rem',
  },
  '@media (min-width: 1200px)': {
    maxWidth: '1200px',
    paddingLeft: '12rem',
    paddingRight: '12rem',
  },
}) // https://tailwindcss.com/docs/box-sizing

;({
  boxSizing: 'border-box',
})
;({
  boxSizing: 'content-box',
}) // https://tailwindcss.com/docs/display

;({
  display: 'block',
})
;({
  display: 'inline-block',
})
;({
  display: 'inline',
})
;({
  display: 'flex',
})
;({
  display: 'inline-flex',
})
;({
  display: 'table',
})
;({
  display: 'table-caption',
})
;({
  display: 'table-cell',
})
;({
  display: 'table-column',
})
;({
  display: 'table-column-group',
})
;({
  display: 'table-footer-group',
})
;({
  display: 'table-header-group',
})
;({
  display: 'table-row-group',
})
;({
  display: 'table-row',
})
;({
  display: 'flow-root',
})
;({
  display: 'grid',
})
;({
  display: 'inline-grid',
})
;({
  display: 'contents',
})
;({
  display: 'none',
}) // https://tailwindcss.com/docs/float

;({
  float: 'right',
})
;({
  float: 'left',
})
;({
  float: 'none',
}) // https://tailwindcss.com/docs/clear

;({
  clear: 'left',
})
;({
  clear: 'right',
})
;({
  clear: 'both',
})
;({
  clear: 'none',
}) // https://tailwindcss.com/docs/object-fit

;({
  objectFit: 'contain',
})
;({
  objectFit: 'cover',
})
;({
  objectFit: 'fill',
})
;({
  objectFit: 'none',
})
;({
  objectFit: 'scale-down',
}) // https://tailwindcss.com/docs/object-position

;({
  objectPosition: 'bottom',
})
;({
  objectPosition: 'center',
})
;({
  objectPosition: 'left',
})
;({
  objectPosition: 'left bottom',
})
;({
  objectPosition: 'left top',
})
;({
  objectPosition: 'right',
})
;({
  objectPosition: 'right bottom',
})
;({
  objectPosition: 'right top',
})
;({
  objectPosition: 'top',
}) // https://tailwindcss.com/docs/overflow

;({
  overflow: 'auto',
})
;({
  overflow: 'hidden',
})
;({
  overflow: 'visible',
})
;({
  overflow: 'scroll',
})
;({
  overflowX: 'auto',
})
;({
  overflowY: 'auto',
})
;({
  overflowX: 'hidden',
})
;({
  overflowY: 'hidden',
})
;({
  overflowX: 'visible',
})
;({
  overflowY: 'visible',
})
;({
  overflowX: 'scroll',
})
;({
  overflowY: 'scroll',
}) // https://tailwindcss.com/docs/overscroll-behavior

;({
  'overscroll-behavior': 'auto',
})
;({
  'overscroll-behavior': 'contain',
})
;({
  'overscroll-behavior': 'none',
})
;({
  'overscroll-behavior-y': 'auto',
})
;({
  'overscroll-behavior-y': 'contain',
})
;({
  'overscroll-behavior-y': 'none',
})
;({
  'overscroll-behavior-x': 'auto',
})
;({
  'overscroll-behavior-x': 'contain',
})
;({
  'overscroll-behavior-x': 'none',
}) // https://tailwindcss.com/docs/position

;({
  position: 'static',
})
;({
  position: 'fixed',
})
;({
  position: 'absolute',
})
;({
  position: 'relative',
})
;({
  position: 'sticky',
}) // https://tailwindcss.com/docs/top-right-bottom-left

;({
  top: '0px',
  right: '0px',
  bottom: '0px',
  left: '0px',
})
;({
  top: '-0px',
  right: '-0px',
  bottom: '-0px',
  left: '-0px',
})
;({
  top: '0px',
  bottom: '0px',
})
;({
  left: '0px',
  right: '0px',
})
;({
  top: '-0px',
  bottom: '-0px',
})
;({
  left: '-0px',
  right: '-0px',
})
;({
  top: '0px',
})
;({
  right: '0px',
})
;({
  bottom: '0px',
})
;({
  left: '0px',
})
;({
  top: '-0px',
})
;({
  right: '-0px',
})
;({
  bottom: '-0px',
})
;({
  left: '-0px',
})
;({
  top: '0.125rem',
  right: '0.125rem',
  bottom: '0.125rem',
  left: '0.125rem',
})
;({
  top: '-0.125rem',
  right: '-0.125rem',
  bottom: '-0.125rem',
  left: '-0.125rem',
})
;({
  top: '0.125rem',
  bottom: '0.125rem',
})
;({
  left: '0.125rem',
  right: '0.125rem',
})
;({
  top: '-0.125rem',
  bottom: '-0.125rem',
})
;({
  left: '-0.125rem',
  right: '-0.125rem',
})
;({
  top: '0.125rem',
})
;({
  right: '0.125rem',
})
;({
  bottom: '0.125rem',
})
;({
  left: '0.125rem',
})
;({
  top: '-0.125rem',
})
;({
  right: '-0.125rem',
})
;({
  bottom: '-0.125rem',
})
;({
  left: '-0.125rem',
})
;({
  top: '0.25rem',
  right: '0.25rem',
  bottom: '0.25rem',
  left: '0.25rem',
})
;({
  top: '-0.25rem',
  right: '-0.25rem',
  bottom: '-0.25rem',
  left: '-0.25rem',
})
;({
  top: '0.25rem',
  bottom: '0.25rem',
})
;({
  left: '0.25rem',
  right: '0.25rem',
})
;({
  top: '-0.25rem',
  bottom: '-0.25rem',
})
;({
  left: '-0.25rem',
  right: '-0.25rem',
})
;({
  top: '0.25rem',
})
;({
  right: '0.25rem',
})
;({
  bottom: '0.25rem',
})
;({
  left: '0.25rem',
})
;({
  top: '-0.25rem',
})
;({
  right: '-0.25rem',
})
;({
  bottom: '-0.25rem',
})
;({
  left: '-0.25rem',
})
;({
  top: '0.375rem',
  right: '0.375rem',
  bottom: '0.375rem',
  left: '0.375rem',
})
;({
  top: '-0.375rem',
  right: '-0.375rem',
  bottom: '-0.375rem',
  left: '-0.375rem',
})
;({
  top: '0.375rem',
  bottom: '0.375rem',
})
;({
  left: '0.375rem',
  right: '0.375rem',
})
;({
  top: '-0.375rem',
  bottom: '-0.375rem',
})
;({
  left: '-0.375rem',
  right: '-0.375rem',
})
;({
  top: '0.375rem',
})
;({
  right: '0.375rem',
})
;({
  bottom: '0.375rem',
})
;({
  left: '0.375rem',
})
;({
  top: '-0.375rem',
})
;({
  right: '-0.375rem',
})
;({
  bottom: '-0.375rem',
})
;({
  left: '-0.375rem',
})
;({
  top: '0.5rem',
  right: '0.5rem',
  bottom: '0.5rem',
  left: '0.5rem',
})
;({
  top: '-0.5rem',
  right: '-0.5rem',
  bottom: '-0.5rem',
  left: '-0.5rem',
})
;({
  top: '0.5rem',
  bottom: '0.5rem',
})
;({
  left: '0.5rem',
  right: '0.5rem',
})
;({
  top: '-0.5rem',
  bottom: '-0.5rem',
})
;({
  left: '-0.5rem',
  right: '-0.5rem',
})
;({
  top: '0.5rem',
})
;({
  right: '0.5rem',
})
;({
  bottom: '0.5rem',
})
;({
  left: '0.5rem',
})
;({
  top: '-0.5rem',
})
;({
  right: '-0.5rem',
})
;({
  bottom: '-0.5rem',
})
;({
  left: '-0.5rem',
})
;({
  top: '0.625rem',
  right: '0.625rem',
  bottom: '0.625rem',
  left: '0.625rem',
})
;({
  top: '-0.625rem',
  right: '-0.625rem',
  bottom: '-0.625rem',
  left: '-0.625rem',
})
;({
  top: '0.625rem',
  bottom: '0.625rem',
})
;({
  left: '0.625rem',
  right: '0.625rem',
})
;({
  top: '-0.625rem',
  bottom: '-0.625rem',
})
;({
  top: '0.625rem',
})
;({
  right: '0.625rem',
})
;({
  bottom: '0.625rem',
})
;({
  left: '0.625rem',
})
;({
  top: '-0.625rem',
})
;({
  bottom: '-0.625rem',
})
;({
  left: '-0.625rem',
})
;({
  top: '0.75rem',
  right: '0.75rem',
  bottom: '0.75rem',
  left: '0.75rem',
})
;({
  top: '-0.75rem',
  right: '-0.75rem',
  bottom: '-0.75rem',
  left: '-0.75rem',
})
;({
  top: '0.75rem',
  bottom: '0.75rem',
})
;({
  left: '0.75rem',
  right: '0.75rem',
})
;({
  top: '-0.75rem',
  bottom: '-0.75rem',
})
;({
  left: '-0.75rem',
  right: '-0.75rem',
})
;({
  top: '0.75rem',
})
;({
  right: '0.75rem',
})
;({
  bottom: '0.75rem',
})
;({
  left: '0.75rem',
})
;({
  top: '-0.75rem',
})
;({
  right: '-0.75rem',
})
;({
  bottom: '-0.75rem',
})
;({
  left: '-0.75rem',
})
;({
  top: '0.875rem',
  right: '0.875rem',
  bottom: '0.875rem',
  left: '0.875rem',
})
;({
  top: '-0.875rem',
  right: '-0.875rem',
  bottom: '-0.875rem',
  left: '-0.875rem',
})
;({
  top: '0.875rem',
  bottom: '0.875rem',
})
;({
  left: '0.875rem',
  right: '0.875rem',
})
;({
  top: '-0.875rem',
  bottom: '-0.875rem',
})
;({
  left: '-0.875rem',
  right: '-0.875rem',
})
;({
  top: '0.875rem',
})
;({
  right: '0.875rem',
})
;({
  bottom: '0.875rem',
})
;({
  left: '0.875rem',
})
;({
  top: '-0.875rem',
})
;({
  right: '-0.875rem',
})
;({
  bottom: '-0.875rem',
})
;({
  left: '-0.875rem',
})
;({
  top: '1rem',
  right: '1rem',
  bottom: '1rem',
  left: '1rem',
})
;({
  top: '-1rem',
  right: '-1rem',
  bottom: '-1rem',
  left: '-1rem',
})
;({
  top: '1rem',
  bottom: '1rem',
})
;({
  left: '1rem',
  right: '1rem',
})
;({
  top: '-1rem',
  bottom: '-1rem',
})
;({
  left: '-1rem',
  right: '-1rem',
})
;({
  top: '1rem',
})
;({
  right: '1rem',
})
;({
  bottom: '1rem',
})
;({
  left: '1rem',
})
;({
  top: '-1rem',
})
;({
  right: '-1rem',
})
;({
  bottom: '-1rem',
})
;({
  left: '-1rem',
})
;({
  top: '1.25rem',
  right: '1.25rem',
  bottom: '1.25rem',
  left: '1.25rem',
})
;({
  top: '-1.25rem',
  right: '-1.25rem',
  bottom: '-1.25rem',
  left: '-1.25rem',
})
;({
  top: '1.25rem',
  bottom: '1.25rem',
})
;({
  left: '1.25rem',
  right: '1.25rem',
})
;({
  top: '-1.25rem',
  bottom: '-1.25rem',
})
;({
  left: '-1.25rem',
  right: '-1.25rem',
})
;({
  top: '1.25rem',
})
;({
  right: '1.25rem',
})
;({
  bottom: '1.25rem',
})
;({
  left: '1.25rem',
})
;({
  top: '-1.25rem',
})
;({
  right: '-1.25rem',
})
;({
  bottom: '-1.25rem',
})
;({
  left: '-1.25rem',
})
;({
  top: '1.5rem',
  right: '1.5rem',
  bottom: '1.5rem',
  left: '1.5rem',
})
;({
  top: '-1.5rem',
  right: '-1.5rem',
  bottom: '-1.5rem',
  left: '-1.5rem',
})
;({
  top: '1.5rem',
  bottom: '1.5rem',
})
;({
  left: '1.5rem',
  right: '1.5rem',
})
;({
  top: '-1.5rem',
  bottom: '-1.5rem',
})
;({
  left: '-1.5rem',
  right: '-1.5rem',
})
;({
  top: '1.5rem',
})
;({
  right: '1.5rem',
})
;({
  bottom: '1.5rem',
})
;({
  left: '1.5rem',
})
;({
  top: '-1.5rem',
})
;({
  right: '-1.5rem',
})
;({
  bottom: '-1.5rem',
})
;({
  left: '-1.5rem',
})
;({
  top: '1.75rem',
  right: '1.75rem',
  bottom: '1.75rem',
  left: '1.75rem',
})
;({
  top: '-1.75rem',
  right: '-1.75rem',
  bottom: '-1.75rem',
  left: '-1.75rem',
})
;({
  top: '1.75rem',
  bottom: '1.75rem',
})
;({
  left: '1.75rem',
  right: '1.75rem',
})
;({
  top: '-1.75rem',
  bottom: '-1.75rem',
})
;({
  left: '-1.75rem',
  right: '-1.75rem',
})
;({
  top: '1.75rem',
})
;({
  right: '1.75rem',
})
;({
  bottom: '1.75rem',
})
;({
  left: '1.75rem',
})
;({
  top: '-1.75rem',
})
;({
  right: '-1.75rem',
})
;({
  bottom: '-1.75rem',
})
;({
  left: '-1.75rem',
})
;({
  top: '2rem',
  right: '2rem',
  bottom: '2rem',
  left: '2rem',
})
;({
  top: '-2rem',
  right: '-2rem',
  bottom: '-2rem',
  left: '-2rem',
})
;({
  top: '2rem',
  bottom: '2rem',
})
;({
  left: '2rem',
  right: '2rem',
})
;({
  top: '-2rem',
  bottom: '-2rem',
})
;({
  left: '-2rem',
  right: '-2rem',
})
;({
  top: '2rem',
})
;({
  right: '2rem',
})
;({
  bottom: '2rem',
})
;({
  left: '2rem',
})
;({
  top: '-2rem',
})
;({
  right: '-2rem',
})
;({
  bottom: '-2rem',
})
;({
  left: '-2rem',
})
;({
  top: '2.25rem',
  right: '2.25rem',
  bottom: '2.25rem',
  left: '2.25rem',
})
;({
  top: '-2.25rem',
  right: '-2.25rem',
  bottom: '-2.25rem',
  left: '-2.25rem',
})
;({
  top: '2.25rem',
  bottom: '2.25rem',
})
;({
  left: '2.25rem',
  right: '2.25rem',
})
;({
  top: '-2.25rem',
  bottom: '-2.25rem',
})
;({
  left: '-2.25rem',
  right: '-2.25rem',
})
;({
  top: '2.25rem',
})
;({
  right: '2.25rem',
})
;({
  bottom: '2.25rem',
})
;({
  left: '2.25rem',
})
;({
  top: '-2.25rem',
})
;({
  right: '-2.25rem',
})
;({
  bottom: '-2.25rem',
})
;({
  left: '-2.25rem',
})
;({
  top: '2.5rem',
  right: '2.5rem',
  bottom: '2.5rem',
  left: '2.5rem',
})
;({
  top: '-2.5rem',
  right: '-2.5rem',
  bottom: '-2.5rem',
  left: '-2.5rem',
})
;({
  top: '2.5rem',
  bottom: '2.5rem',
})
;({
  left: '2.5rem',
  right: '2.5rem',
})
;({
  top: '-2.5rem',
  bottom: '-2.5rem',
})
;({
  left: '-2.5rem',
  right: '-2.5rem',
})
;({
  top: '2.5rem',
})
;({
  right: '2.5rem',
})
;({
  bottom: '2.5rem',
})
;({
  left: '2.5rem',
})
;({
  top: '-2.5rem',
})
;({
  right: '-2.5rem',
})
;({
  bottom: '-2.5rem',
})
;({
  left: '-2.5rem',
})
;({
  top: '2.75rem',
  right: '2.75rem',
  bottom: '2.75rem',
  left: '2.75rem',
})
;({
  top: '-2.75rem',
  right: '-2.75rem',
  bottom: '-2.75rem',
  left: '-2.75rem',
})
;({
  top: '2.75rem',
  bottom: '2.75rem',
})
;({
  left: '2.75rem',
  right: '2.75rem',
})
;({
  top: '-2.75rem',
  bottom: '-2.75rem',
})
;({
  left: '-2.75rem',
  right: '-2.75rem',
})
;({
  top: '2.75rem',
})
;({
  right: '2.75rem',
})
;({
  bottom: '2.75rem',
})
;({
  left: '2.75rem',
})
;({
  top: '-2.75rem',
})
;({
  right: '-2.75rem',
})
;({
  bottom: '-2.75rem',
})
;({
  left: '-2.75rem',
})
;({
  top: '3rem',
  right: '3rem',
  bottom: '3rem',
  left: '3rem',
})
;({
  top: '-3rem',
  right: '-3rem',
  bottom: '-3rem',
  left: '-3rem',
})
;({
  top: '3rem',
  bottom: '3rem',
})
;({
  left: '3rem',
  right: '3rem',
})
;({
  top: '-3rem',
  bottom: '-3rem',
})
;({
  left: '-3rem',
  right: '-3rem',
})
;({
  top: '3rem',
})
;({
  right: '3rem',
})
;({
  bottom: '3rem',
})
;({
  left: '3rem',
})
;({
  top: '-3rem',
})
;({
  right: '-3rem',
})
;({
  bottom: '-3rem',
})
;({
  left: '-3rem',
})
;({
  top: '3.5rem',
  right: '3.5rem',
  bottom: '3.5rem',
  left: '3.5rem',
})
;({
  top: '-3.5rem',
  right: '-3.5rem',
  bottom: '-3.5rem',
  left: '-3.5rem',
})
;({
  top: '3.5rem',
  bottom: '3.5rem',
})
;({
  left: '3.5rem',
  right: '3.5rem',
})
;({
  top: '-3.5rem',
  bottom: '-3.5rem',
})
;({
  left: '-3.5rem',
  right: '-3.5rem',
})
;({
  top: '3.5rem',
})
;({
  right: '3.5rem',
})
;({
  bottom: '3.5rem',
})
;({
  left: '3.5rem',
})
;({
  top: '-3.5rem',
})
;({
  right: '-3.5rem',
})
;({
  bottom: '-3.5rem',
})
;({
  left: '-3.5rem',
})
;({
  top: '4rem',
  right: '4rem',
  bottom: '4rem',
  left: '4rem',
})
;({
  top: '-4rem',
  right: '-4rem',
  bottom: '-4rem',
  left: '-4rem',
})
;({
  top: '4rem',
  bottom: '4rem',
})
;({
  left: '4rem',
  right: '4rem',
})
;({
  top: '-4rem',
  bottom: '-4rem',
})
;({
  left: '-4rem',
  right: '-4rem',
})
;({
  top: '4rem',
})
;({
  right: '4rem',
})
;({
  bottom: '4rem',
})
;({
  left: '4rem',
})
;({
  top: '-4rem',
})
;({
  right: '-4rem',
})
;({
  bottom: '-4rem',
})
;({
  left: '-4rem',
})
;({
  top: '5rem',
  right: '5rem',
  bottom: '5rem',
  left: '5rem',
})
;({
  top: '-5rem',
  right: '-5rem',
  bottom: '-5rem',
  left: '-5rem',
})
;({
  top: '5rem',
  bottom: '5rem',
})
;({
  left: '5rem',
  right: '5rem',
})
;({
  top: '-5rem',
  bottom: '-5rem',
})
;({
  left: '-5rem',
  right: '-5rem',
})
;({
  top: '5rem',
})
;({
  right: '5rem',
})
;({
  bottom: '5rem',
})
;({
  left: '5rem',
})
;({
  top: '-5rem',
})
;({
  right: '-5rem',
})
;({
  bottom: '-5rem',
})
;({
  left: '-5rem',
})
;({
  top: '6rem',
  right: '6rem',
  bottom: '6rem',
  left: '6rem',
})
;({
  top: '-6rem',
  right: '-6rem',
  bottom: '-6rem',
  left: '-6rem',
})
;({
  top: '6rem',
  bottom: '6rem',
})
;({
  left: '6rem',
  right: '6rem',
})
;({
  top: '-6rem',
  bottom: '-6rem',
})
;({
  left: '-6rem',
  right: '-6rem',
})
;({
  top: '6rem',
})
;({
  right: '6rem',
})
;({
  bottom: '6rem',
})
;({
  left: '6rem',
})
;({
  right: '-6rem',
})
;({
  bottom: '-6rem',
})
;({
  left: '-6rem',
})
;({
  top: '7rem',
  right: '7rem',
  bottom: '7rem',
  left: '7rem',
})
;({
  top: '-7rem',
  right: '-7rem',
  bottom: '-7rem',
  left: '-7rem',
})
;({
  top: '7rem',
  bottom: '7rem',
})
;({
  left: '7rem',
  right: '7rem',
})
;({
  top: '-7rem',
  bottom: '-7rem',
})
;({
  left: '-7rem',
  right: '-7rem',
})
;({
  top: '7rem',
})
;({
  right: '7rem',
})
;({
  bottom: '7rem',
})
;({
  left: '7rem',
})
;({
  top: '-7rem',
})
;({
  right: '-7rem',
})
;({
  bottom: '-7rem',
})
;({
  left: '-7rem',
})
;({
  top: '8rem',
  right: '8rem',
  bottom: '8rem',
  left: '8rem',
})
;({
  top: '-8rem',
  right: '-8rem',
  bottom: '-8rem',
  left: '-8rem',
})
;({
  top: '8rem',
  bottom: '8rem',
})
;({
  left: '8rem',
  right: '8rem',
})
;({
  top: '-8rem',
  bottom: '-8rem',
})
;({
  left: '-8rem',
  right: '-8rem',
})
;({
  right: '8rem',
})
;({
  bottom: '8rem',
})
;({
  left: '8rem',
})
;({
  top: '-8rem',
})
;({
  right: '-8rem',
})
;({
  bottom: '-8rem',
})
;({
  left: '-8rem',
})
;({
  top: '9rem',
  right: '9rem',
  bottom: '9rem',
  left: '9rem',
})
;({
  top: '-9rem',
  right: '-9rem',
  bottom: '-9rem',
  left: '-9rem',
})
;({
  top: '9rem',
  bottom: '9rem',
})
;({
  left: '9rem',
  right: '9rem',
})
;({
  top: '-9rem',
  bottom: '-9rem',
})
;({
  left: '-9rem',
  right: '-9rem',
})
;({
  top: '9rem',
})
;({
  right: '9rem',
})
;({
  bottom: '9rem',
})
;({
  left: '9rem',
})
;({
  top: '-9rem',
})
;({
  right: '-9rem',
})
;({
  bottom: '-9rem',
})
;({
  left: '-9rem',
})
;({
  top: '10rem',
  right: '10rem',
  bottom: '10rem',
  left: '10rem',
})
;({
  top: '-10rem',
  right: '-10rem',
  bottom: '-10rem',
  left: '-10rem',
})
;({
  top: '10rem',
  bottom: '10rem',
})
;({
  left: '10rem',
  right: '10rem',
})
;({
  top: '-10rem',
  bottom: '-10rem',
})
;({
  left: '-10rem',
  right: '-10rem',
})
;({
  top: '10rem',
})
;({
  right: '10rem',
})
;({
  bottom: '10rem',
})
;({
  left: '10rem',
})
;({
  top: '-10rem',
})
;({
  right: '-10rem',
})
;({
  bottom: '-10rem',
})
;({
  left: '-10rem',
})
;({
  top: '11rem',
  right: '11rem',
  bottom: '11rem',
  left: '11rem',
})
;({
  top: '-11rem',
  right: '-11rem',
  bottom: '-11rem',
  left: '-11rem',
})
;({
  top: '11rem',
  bottom: '11rem',
})
;({
  left: '11rem',
  right: '11rem',
})
;({
  top: '-11rem',
  bottom: '-11rem',
})
;({
  left: '-11rem',
  right: '-11rem',
})
;({
  top: '11rem',
})
;({
  right: '11rem',
})
;({
  bottom: '11rem',
})
;({
  left: '11rem',
})
;({
  top: '-11rem',
})
;({
  right: '-11rem',
})
;({
  bottom: '-11rem',
})
;({
  left: '-11rem',
})
;({
  top: '12rem',
  right: '12rem',
  bottom: '12rem',
  left: '12rem',
})
;({
  top: '-12rem',
  right: '-12rem',
  bottom: '-12rem',
  left: '-12rem',
})
;({
  top: '12rem',
  bottom: '12rem',
})
;({
  left: '12rem',
  right: '12rem',
})
;({
  top: '-12rem',
  bottom: '-12rem',
})
;({
  left: '-12rem',
  right: '-12rem',
})
;({
  top: '12rem',
})
;({
  right: '12rem',
})
;({
  bottom: '12rem',
})
;({
  left: '12rem',
})
;({
  right: '-12rem',
})
;({
  bottom: '-12rem',
})
;({
  left: '-12rem',
})
;({
  top: '13rem',
  right: '13rem',
  bottom: '13rem',
  left: '13rem',
})
;({
  top: '-13rem',
  right: '-13rem',
  bottom: '-13rem',
  left: '-13rem',
})
;({
  top: '13rem',
  bottom: '13rem',
})
;({
  left: '13rem',
  right: '13rem',
})
;({
  top: '-13rem',
  bottom: '-13rem',
})
;({
  left: '-13rem',
  right: '-13rem',
})
;({
  top: '13rem',
})
;({
  right: '13rem',
})
;({
  bottom: '13rem',
})
;({
  left: '13rem',
})
;({
  top: '-13rem',
})
;({
  right: '-13rem',
})
;({
  bottom: '-13rem',
})
;({
  left: '-13rem',
})
;({
  top: '14rem',
  right: '14rem',
  bottom: '14rem',
  left: '14rem',
})
;({
  top: '-14rem',
  right: '-14rem',
  bottom: '-14rem',
  left: '-14rem',
})
;({
  top: '14rem',
  bottom: '14rem',
})
;({
  left: '14rem',
  right: '14rem',
})
;({
  top: '-14rem',
  bottom: '-14rem',
})
;({
  left: '-14rem',
  right: '-14rem',
})
;({
  top: '14rem',
})
;({
  right: '14rem',
})
;({
  bottom: '14rem',
})
;({
  left: '14rem',
})
;({
  top: '-14rem',
})
;({
  right: '-14rem',
})
;({
  bottom: '-14rem',
})
;({
  left: '-14rem',
})
;({
  top: '15rem',
  right: '15rem',
  bottom: '15rem',
  left: '15rem',
})
;({
  top: '-15rem',
  right: '-15rem',
  bottom: '-15rem',
  left: '-15rem',
})
;({
  top: '15rem',
  bottom: '15rem',
})
;({
  left: '15rem',
  right: '15rem',
})
;({
  top: '-15rem',
  bottom: '-15rem',
})
;({
  left: '-15rem',
  right: '-15rem',
})
;({
  top: '15rem',
})
;({
  right: '15rem',
})
;({
  bottom: '15rem',
})
;({
  left: '15rem',
})
;({
  top: '-15rem',
})
;({
  right: '-15rem',
})
;({
  bottom: '-15rem',
})
;({
  left: '-15rem',
})
;({
  top: '16rem',
  right: '16rem',
  bottom: '16rem',
  left: '16rem',
})
;({
  top: '-16rem',
  right: '-16rem',
  bottom: '-16rem',
  left: '-16rem',
})
;({
  top: '16rem',
  bottom: '16rem',
})
;({
  left: '16rem',
  right: '16rem',
})
;({
  top: '-16rem',
  bottom: '-16rem',
})
;({
  left: '-16rem',
  right: '-16rem',
})
;({
  top: '16rem',
})
;({
  right: '16rem',
})
;({
  bottom: '16rem',
})
;({
  left: '16rem',
})
;({
  top: '-16rem',
})
;({
  right: '-16rem',
})
;({
  bottom: '-16rem',
})
;({
  left: '-16rem',
})
;({
  top: '18rem',
  right: '18rem',
  bottom: '18rem',
  left: '18rem',
})
;({
  top: '-18rem',
  right: '-18rem',
  bottom: '-18rem',
  left: '-18rem',
})
;({
  top: '18rem',
  bottom: '18rem',
})
;({
  left: '18rem',
  right: '18rem',
})
;({
  top: '-18rem',
  bottom: '-18rem',
})
;({
  left: '-18rem',
  right: '-18rem',
})
;({
  top: '18rem',
})
;({
  right: '18rem',
})
;({
  bottom: '18rem',
})
;({
  left: '18rem',
})
;({
  top: '-18rem',
})
;({
  right: '-18rem',
})
;({
  bottom: '-18rem',
})
;({
  left: '-18rem',
})
;({
  top: '20rem',
  right: '20rem',
  bottom: '20rem',
  left: '20rem',
})
;({
  top: '-20rem',
  right: '-20rem',
  bottom: '-20rem',
  left: '-20rem',
})
;({
  top: '20rem',
  bottom: '20rem',
})
;({
  left: '20rem',
  right: '20rem',
})
;({
  top: '-20rem',
  bottom: '-20rem',
})
;({
  left: '-20rem',
  right: '-20rem',
})
;({
  top: '20rem',
})
;({
  right: '20rem',
})
;({
  bottom: '20rem',
})
;({
  left: '20rem',
})
;({
  top: '-20rem',
})
;({
  right: '-20rem',
})
;({
  bottom: '-20rem',
})
;({
  left: '-20rem',
})
;({
  top: '24rem',
  right: '24rem',
  bottom: '24rem',
  left: '24rem',
})
;({
  top: '-24rem',
  right: '-24rem',
  bottom: '-24rem',
  left: '-24rem',
})
;({
  top: '24rem',
  bottom: '24rem',
})
;({
  left: '24rem',
  right: '24rem',
})
;({
  top: '-24rem',
  bottom: '-24rem',
})
;({
  left: '-24rem',
  right: '-24rem',
})
;({
  top: '24rem',
})
;({
  right: '24rem',
})
;({
  bottom: '24rem',
})
;({
  left: '24rem',
})
;({
  top: '-24rem',
})
;({
  right: '-24rem',
})
;({
  bottom: '-24rem',
})
;({
  left: '-24rem',
})
;({
  top: 'auto',
  right: 'auto',
  bottom: 'auto',
  left: 'auto',
})
;({
  top: '1px',
  right: '1px',
  bottom: '1px',
  left: '1px',
})
;({
  top: '-1px',
  right: '-1px',
  bottom: '-1px',
  left: '-1px',
})
;({
  top: '50%',
  right: '50%',
  bottom: '50%',
  left: '50%',
})
;({
  top: '33.333333%',
  right: '33.333333%',
  bottom: '33.333333%',
  left: '33.333333%',
})
;({
  top: '66.666667%',
  right: '66.666667%',
  bottom: '66.666667%',
  left: '66.666667%',
})
;({
  top: '25%',
  right: '25%',
  bottom: '25%',
  left: '25%',
})
;({
  top: '50%',
  right: '50%',
  bottom: '50%',
  left: '50%',
})
;({
  top: '75%',
  right: '75%',
  bottom: '75%',
  left: '75%',
})
;({
  top: '100%',
  right: '100%',
  bottom: '100%',
  left: '100%',
})
;({
  top: '-50%',
  right: '-50%',
  bottom: '-50%',
  left: '-50%',
})
;({
  top: '-33.333333%',
  right: '-33.333333%',
  bottom: '-33.333333%',
  left: '-33.333333%',
})
;({
  top: '-66.666667%',
  right: '-66.666667%',
  bottom: '-66.666667%',
  left: '-66.666667%',
})
;({
  top: '-25%',
  right: '-25%',
  bottom: '-25%',
  left: '-25%',
})
;({
  top: '-50%',
  right: '-50%',
  bottom: '-50%',
  left: '-50%',
})
;({
  top: '-75%',
  right: '-75%',
  bottom: '-75%',
  left: '-75%',
})
;({
  top: '-100%',
  right: '-100%',
  bottom: '-100%',
  left: '-100%',
})
;({
  top: 'auto',
  bottom: 'auto',
})
;({
  left: 'auto',
  right: 'auto',
})
;({
  top: '1px',
  bottom: '1px',
})
;({
  left: '1px',
  right: '1px',
})
;({
  top: '-1px',
  bottom: '-1px',
})
;({
  left: '-1px',
  right: '-1px',
})
;({
  top: '50%',
  bottom: '50%',
})
;({
  left: '50%',
  right: '50%',
})
;({
  top: '33.333333%',
  bottom: '33.333333%',
})
;({
  left: '33.333333%',
  right: '33.333333%',
})
;({
  top: '66.666667%',
  bottom: '66.666667%',
})
;({
  left: '66.666667%',
  right: '66.666667%',
})
;({
  top: '25%',
  bottom: '25%',
})
;({
  left: '25%',
  right: '25%',
})
;({
  top: '50%',
  bottom: '50%',
})
;({
  left: '50%',
  right: '50%',
})
;({
  top: '75%',
  bottom: '75%',
})
;({
  left: '75%',
  right: '75%',
})
;({
  top: '100%',
  bottom: '100%',
})
;({
  left: '100%',
  right: '100%',
})
;({
  top: '-50%',
  bottom: '-50%',
})
;({
  left: '-50%',
  right: '-50%',
})
;({
  top: '-33.333333%',
  bottom: '-33.333333%',
})
;({
  left: '-33.333333%',
  right: '-33.333333%',
})
;({
  top: '-66.666667%',
  bottom: '-66.666667%',
})
;({
  left: '-66.666667%',
  right: '-66.666667%',
})
;({
  top: '-25%',
  bottom: '-25%',
})
;({
  left: '-25%',
  right: '-25%',
})
;({
  top: '-50%',
  bottom: '-50%',
})
;({
  left: '-50%',
  right: '-50%',
})
;({
  top: '-75%',
  bottom: '-75%',
})
;({
  left: '-75%',
  right: '-75%',
})
;({
  top: '-100%',
  bottom: '-100%',
})
;({
  left: '-100%',
  right: '-100%',
})
;({
  top: 'auto',
})
;({
  right: 'auto',
})
;({
  bottom: 'auto',
})
;({
  left: 'auto',
})
;({
  top: '1px',
})
;({
  right: '1px',
})
;({
  bottom: '1px',
})
;({
  left: '1px',
})
;({
  top: '-1px',
})
;({
  right: '-1px',
})
;({
  bottom: '-1px',
})
;({
  left: '-1px',
})
;({
  top: '50%',
})
;({
  right: '50%',
})
;({
  bottom: '50%',
})
;({
  left: '50%',
})
;({
  top: '33.333333%',
})
;({
  right: '33.333333%',
})
;({
  bottom: '33.333333%',
})
;({
  left: '33.333333%',
})
;({
  top: '66.666667%',
})
;({
  right: '66.666667%',
})
;({
  bottom: '66.666667%',
})
;({
  left: '66.666667%',
})
;({
  top: '25%',
})
;({
  right: '25%',
})
;({
  bottom: '25%',
})
;({
  left: '25%',
})
;({
  top: '50%',
})
;({
  right: '50%',
})
;({
  bottom: '50%',
})
;({
  left: '50%',
})
;({
  top: '75%',
})
;({
  right: '75%',
})
;({
  bottom: '75%',
})
;({
  left: '75%',
})
;({
  top: '100%',
})
;({
  right: '100%',
})
;({
  bottom: '100%',
})
;({
  left: '100%',
})
;({
  top: '-50%',
})
;({
  right: '-50%',
})
;({
  bottom: '-50%',
})
;({
  left: '-50%',
})
;({
  top: '-33.333333%',
})
;({
  right: '-33.333333%',
})
;({
  bottom: '-33.333333%',
})
;({
  left: '-33.333333%',
})
;({
  top: '-66.666667%',
})
;({
  right: '-66.666667%',
})
;({
  bottom: '-66.666667%',
})
;({
  left: '-66.666667%',
})
;({
  top: '-25%',
})
;({
  right: '-25%',
})
;({
  bottom: '-25%',
})
;({
  left: '-25%',
})
;({
  top: '-50%',
})
;({
  right: '-50%',
})
;({
  bottom: '-50%',
})
;({
  left: '-50%',
})
;({
  top: '-75%',
})
;({
  right: '-75%',
})
;({
  bottom: '-75%',
})
;({
  left: '-75%',
})
;({
  top: '-100%',
})
;({
  right: '-100%',
})
;({
  bottom: '-100%',
})
;({
  left: '-100%',
}) // https://tailwindcss.com/docs/visibility

;({
  visibility: 'visible',
})
;({
  visibility: 'hidden',
}) // https://tailwindcss.com/docs/z-index

;({
  zIndex: '0',
})
;({
  zIndex: '10',
})
;({
  zIndex: '20',
})
;({
  zIndex: '30',
})
;({
  zIndex: '40',
})
;({
  zIndex: '50',
})
;({
  zIndex: 'auto',
})


`;

exports[`twin.macro sizing.js: sizing.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/width
tw\`w-0\`
tw\`w-0.5\`
tw\`w-1\`
tw\`w-1.5\`
tw\`w-2\`
tw\`w-2.5\`
tw\`w-3\`
tw\`w-3.5\`
tw\`w-4\`
tw\`w-5\`
tw\`w-6\`
tw\`w-7\`
tw\`w-8\`
tw\`w-9\`
tw\`w-10\`
tw\`w-11\`
tw\`w-12\`
tw\`w-14\`
tw\`w-16\`
tw\`w-20\`
tw\`w-24\`
tw\`w-28\`
tw\`w-32\`
tw\`w-36\`
tw\`w-40\`
tw\`w-44\`
tw\`w-48\`
tw\`w-52\`
tw\`w-56\`
tw\`w-60\`
tw\`w-64\`
tw\`w-72\`
tw\`w-80\`
tw\`w-96\`
tw\`w-auto\`
tw\`w-px\`
tw\`w-1/2\`
tw\`w-1/3\`
tw\`w-2/3\`
tw\`w-1/4\`
tw\`w-2/4\`
tw\`w-3/4\`
tw\`w-1/5\`
tw\`w-2/5\`
tw\`w-3/5\`
tw\`w-4/5\`
tw\`w-1/6\`
tw\`w-2/6\`
tw\`w-3/6\`
tw\`w-4/6\`
tw\`w-5/6\`
tw\`w-1/12\`
tw\`w-2/12\`
tw\`w-3/12\`
tw\`w-4/12\`
tw\`w-5/12\`
tw\`w-6/12\`
tw\`w-7/12\`
tw\`w-8/12\`
tw\`w-9/12\`
tw\`w-10/12\`
tw\`w-11/12\`
tw\`w-full\`
tw\`w-screen\`
tw\`w-min\`
tw\`w-max\`

// https://tailwindcss.com/docs/min-width
tw\`min-w-0\`
tw\`min-w-full\`
tw\`min-w-min\`
tw\`min-w-max\`

// https://tailwindcss.com/docs/max-width
tw\`max-w-0\`
tw\`max-w-none\`
tw\`max-w-xs\`
tw\`max-w-sm\`
tw\`max-w-md\`
tw\`max-w-lg\`
tw\`max-w-xl\`
tw\`max-w-2xl\`
tw\`max-w-3xl\`
tw\`max-w-4xl\`
tw\`max-w-5xl\`
tw\`max-w-6xl\`
tw\`max-w-7xl\`
tw\`max-w-full\`
tw\`max-w-min\`
tw\`max-w-max\`
tw\`max-w-prose\`
tw\`max-w-screen-sm\`
tw\`max-w-screen-md\`
tw\`max-w-screen-lg\`
tw\`max-w-screen-xl\`
tw\`max-w-screen-2xl\`

// https://tailwindcss.com/docs/height
tw\`h-0\`
tw\`h-0.5\`
tw\`h-1\`
tw\`h-1.5\`
tw\`h-2\`
tw\`h-2.5\`
tw\`h-3\`
tw\`h-3.5\`
tw\`h-4\`
tw\`h-5\`
tw\`h-6\`
tw\`h-7\`
tw\`h-8\`
tw\`h-9\`
tw\`h-10\`
tw\`h-11\`
tw\`h-12\`
tw\`h-14\`
tw\`h-16\`
tw\`h-20\`
tw\`h-24\`
tw\`h-28\`
tw\`h-32\`
tw\`h-36\`
tw\`h-40\`
tw\`h-44\`
tw\`h-48\`
tw\`h-52\`
tw\`h-56\`
tw\`h-60\`
tw\`h-64\`
tw\`h-72\`
tw\`h-80\`
tw\`h-96\`
tw\`h-auto\`
tw\`h-px\`
tw\`h-1/2\`
tw\`h-1/3\`
tw\`h-2/3\`
tw\`h-1/4\`
tw\`h-2/4\`
tw\`h-3/4\`
tw\`h-1/5\`
tw\`h-2/5\`
tw\`h-3/5\`
tw\`h-4/5\`
tw\`h-1/6\`
tw\`h-2/6\`
tw\`h-3/6\`
tw\`h-4/6\`
tw\`h-5/6\`
tw\`h-full\`
tw\`h-screen\`

// https://tailwindcss.com/docs/min-height
tw\`min-h-0\`
tw\`min-h-full\`
tw\`min-h-screen\`

// https://tailwindcss.com/docs/max-height
tw\`max-h-0\`
tw\`max-h-0.5\`
tw\`max-h-1\`
tw\`max-h-1.5\`
tw\`max-h-2\`
tw\`max-h-2.5\`
tw\`max-h-3\`
tw\`max-h-3.5\`
tw\`max-h-4\`
tw\`max-h-5\`
tw\`max-h-6\`
tw\`max-h-7\`
tw\`max-h-8\`
tw\`max-h-9\`
tw\`max-h-10\`
tw\`max-h-11\`
tw\`max-h-12\`
tw\`max-h-14\`
tw\`max-h-16\`
tw\`max-h-20\`
tw\`max-h-24\`
tw\`max-h-28\`
tw\`max-h-32\`
tw\`max-h-36\`
tw\`max-h-40\`
tw\`max-h-44\`
tw\`max-h-48\`
tw\`max-h-52\`
tw\`max-h-56\`
tw\`max-h-60\`
tw\`max-h-64\`
tw\`max-h-72\`
tw\`max-h-80\`
tw\`max-h-96\`
tw\`max-h-px\`
tw\`max-h-full\`
tw\`max-h-screen\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/width
;({
  width: '0px',
})
;({
  width: '0.125rem',
})
;({
  width: '0.25rem',
})
;({
  width: '0.375rem',
})
;({
  width: '0.5rem',
})
;({
  width: '0.625rem',
})
;({
  width: '0.75rem',
})
;({
  width: '0.875rem',
})
;({
  width: '1rem',
})
;({
  width: '1.25rem',
})
;({
  width: '1.5rem',
})
;({
  width: '1.75rem',
})
;({
  width: '2rem',
})
;({
  width: '2.25rem',
})
;({
  width: '2.5rem',
})
;({
  width: '2.75rem',
})
;({
  width: '3rem',
})
;({
  width: '3.5rem',
})
;({
  width: '4rem',
})
;({
  width: '5rem',
})
;({
  width: '6rem',
})
;({
  width: '7rem',
})
;({
  width: '8rem',
})
;({
  width: '9rem',
})
;({
  width: '10rem',
})
;({
  width: '11rem',
})
;({
  width: '12rem',
})
;({
  width: '13rem',
})
;({
  width: '14rem',
})
;({
  width: '15rem',
})
;({
  width: '16rem',
})
;({
  width: '18rem',
})
;({
  width: '20rem',
})
;({
  width: '24rem',
})
;({
  width: 'auto',
})
;({
  width: '1px',
})
;({
  width: '50%',
})
;({
  width: '33.333333%',
})
;({
  width: '66.666667%',
})
;({
  width: '25%',
})
;({
  width: '50%',
})
;({
  width: '75%',
})
;({
  width: '20%',
})
;({
  width: '40%',
})
;({
  width: '60%',
})
;({
  width: '80%',
})
;({
  width: '16.666667%',
})
;({
  width: '33.333333%',
})
;({
  width: '50%',
})
;({
  width: '66.666667%',
})
;({
  width: '83.333333%',
})
;({
  width: '8.333333%',
})
;({
  width: '16.666667%',
})
;({
  width: '25%',
})
;({
  width: '33.333333%',
})
;({
  width: '41.666667%',
})
;({
  width: '50%',
})
;({
  width: '58.333333%',
})
;({
  width: '66.666667%',
})
;({
  width: '75%',
})
;({
  width: '83.333333%',
})
;({
  width: '91.666667%',
})
;({
  width: '100%',
})
;({
  width: '100vw',
})
;({
  width: 'min-content',
})
;({
  width: 'max-content',
}) // https://tailwindcss.com/docs/min-width

;({
  minWidth: '0px',
})
;({
  minWidth: '100%',
})
;({
  minWidth: 'min-content',
})
;({
  minWidth: 'max-content',
}) // https://tailwindcss.com/docs/max-width

;({
  maxWidth: '0rem',
})
;({
  maxWidth: 'none',
})
;({
  maxWidth: '20rem',
})
;({
  maxWidth: '24rem',
})
;({
  maxWidth: '28rem',
})
;({
  maxWidth: '32rem',
})
;({
  maxWidth: '36rem',
})
;({
  maxWidth: '42rem',
})
;({
  maxWidth: '48rem',
})
;({
  maxWidth: '56rem',
})
;({
  maxWidth: '64rem',
})
;({
  maxWidth: '72rem',
})
;({
  maxWidth: '80rem',
})
;({
  maxWidth: '100%',
})
;({
  maxWidth: 'min-content',
})
;({
  maxWidth: 'max-content',
})
;({
  maxWidth: '65ch',
})
;({
  maxWidth: '640px',
})
;({
  maxWidth: '768px',
})
;({
  maxWidth: '1024px',
})
;({
  maxWidth: '1280px',
})
;({
  maxWidth: '1536px',
}) // https://tailwindcss.com/docs/height

;({
  height: '0px',
})
;({
  height: '0.125rem',
})
;({
  height: '0.25rem',
})
;({
  height: '0.375rem',
})
;({
  height: '0.5rem',
})
;({
  height: '0.625rem',
})
;({
  height: '0.75rem',
})
;({
  height: '0.875rem',
})
;({
  height: '1rem',
})
;({
  height: '1.25rem',
})
;({
  height: '1.5rem',
})
;({
  height: '1.75rem',
})
;({
  height: '2rem',
})
;({
  height: '2.25rem',
})
;({
  height: '2.5rem',
})
;({
  height: '2.75rem',
})
;({
  height: '3rem',
})
;({
  height: '3.5rem',
})
;({
  height: '4rem',
})
;({
  height: '5rem',
})
;({
  height: '6rem',
})
;({
  height: '7rem',
})
;({
  height: '8rem',
})
;({
  height: '9rem',
})
;({
  height: '10rem',
})
;({
  height: '11rem',
})
;({
  height: '12rem',
})
;({
  height: '13rem',
})
;({
  height: '14rem',
})
;({
  height: '15rem',
})
;({
  height: '16rem',
})
;({
  height: '18rem',
})
;({
  height: '20rem',
})
;({
  height: '24rem',
})
;({
  height: 'auto',
})
;({
  height: '1px',
})
;({
  height: '50%',
})
;({
  height: '33.333333%',
})
;({
  height: '66.666667%',
})
;({
  height: '25%',
})
;({
  height: '50%',
})
;({
  height: '75%',
})
;({
  height: '20%',
})
;({
  height: '40%',
})
;({
  height: '60%',
})
;({
  height: '80%',
})
;({
  height: '16.666667%',
})
;({
  height: '33.333333%',
})
;({
  height: '50%',
})
;({
  height: '66.666667%',
})
;({
  height: '83.333333%',
})
;({
  height: '100%',
})
;({
  height: '100vh',
}) // https://tailwindcss.com/docs/min-height

;({
  minHeight: '0px',
})
;({
  minHeight: '100%',
})
;({
  minHeight: '100vh',
}) // https://tailwindcss.com/docs/max-height

;({
  maxHeight: '0px',
})
;({
  maxHeight: '0.125rem',
})
;({
  maxHeight: '0.25rem',
})
;({
  maxHeight: '0.375rem',
})
;({
  maxHeight: '0.5rem',
})
;({
  maxHeight: '0.625rem',
})
;({
  maxHeight: '0.75rem',
})
;({
  maxHeight: '0.875rem',
})
;({
  maxHeight: '1rem',
})
;({
  maxHeight: '1.25rem',
})
;({
  maxHeight: '1.5rem',
})
;({
  maxHeight: '1.75rem',
})
;({
  maxHeight: '2rem',
})
;({
  maxHeight: '2.25rem',
})
;({
  maxHeight: '2.5rem',
})
;({
  maxHeight: '2.75rem',
})
;({
  maxHeight: '3rem',
})
;({
  maxHeight: '3.5rem',
})
;({
  maxHeight: '4rem',
})
;({
  maxHeight: '5rem',
})
;({
  maxHeight: '6rem',
})
;({
  maxHeight: '7rem',
})
;({
  maxHeight: '8rem',
})
;({
  maxHeight: '9rem',
})
;({
  maxHeight: '10rem',
})
;({
  maxHeight: '11rem',
})
;({
  maxHeight: '12rem',
})
;({
  maxHeight: '13rem',
})
;({
  maxHeight: '14rem',
})
;({
  maxHeight: '15rem',
})
;({
  maxHeight: '16rem',
})
;({
  maxHeight: '18rem',
})
;({
  maxHeight: '20rem',
})
;({
  maxHeight: '24rem',
})
;({
  maxHeight: '1px',
})
;({
  maxHeight: '100%',
})
;({
  maxHeight: '100vh',
})


`;

exports[`twin.macro spacing.js: spacing.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/padding
tw\`p-0\`
tw\`p-0.5\`
tw\`p-1\`
tw\`p-1.5\`
tw\`p-2\`
tw\`p-2.5\`
tw\`p-3\`
tw\`p-3.5\`
tw\`p-4\`
tw\`p-5\`
tw\`p-6\`
tw\`p-7\`
tw\`p-8\`
tw\`p-9\`
tw\`p-10\`
tw\`p-11\`
tw\`p-12\`
tw\`p-14\`
tw\`p-16\`
tw\`p-20\`
tw\`p-24\`
tw\`p-28\`
tw\`p-32\`
tw\`p-36\`
tw\`p-40\`
tw\`p-44\`
tw\`p-48\`
tw\`p-52\`
tw\`p-56\`
tw\`p-60\`
tw\`p-64\`
tw\`p-72\`
tw\`p-80\`
tw\`p-96\`
tw\`p-px\`
tw\`py-0\`
tw\`py-0.5\`
tw\`py-1\`
tw\`py-1.5\`
tw\`py-2\`
tw\`py-2.5\`
tw\`py-3\`
tw\`py-3.5\`
tw\`py-4\`
tw\`py-5\`
tw\`py-6\`
tw\`py-7\`
tw\`py-8\`
tw\`py-9\`
tw\`py-10\`
tw\`py-11\`
tw\`py-12\`
tw\`py-14\`
tw\`py-16\`
tw\`py-20\`
tw\`py-24\`
tw\`py-28\`
tw\`py-32\`
tw\`py-36\`
tw\`py-40\`
tw\`py-44\`
tw\`py-48\`
tw\`py-52\`
tw\`py-56\`
tw\`py-60\`
tw\`py-64\`
tw\`py-72\`
tw\`py-80\`
tw\`py-96\`
tw\`py-px\`
tw\`px-0\`
tw\`px-0.5\`
tw\`px-1\`
tw\`px-1.5\`
tw\`px-2\`
tw\`px-2.5\`
tw\`px-3\`
tw\`px-3.5\`
tw\`px-4\`
tw\`px-5\`
tw\`px-6\`
tw\`px-7\`
tw\`px-8\`
tw\`px-9\`
tw\`px-10\`
tw\`px-11\`
tw\`px-12\`
tw\`px-14\`
tw\`px-16\`
tw\`px-20\`
tw\`px-24\`
tw\`px-28\`
tw\`px-32\`
tw\`px-36\`
tw\`px-40\`
tw\`px-44\`
tw\`px-48\`
tw\`px-52\`
tw\`px-56\`
tw\`px-60\`
tw\`px-64\`
tw\`px-72\`
tw\`px-80\`
tw\`px-96\`
tw\`px-px\`
tw\`pt-0\`
tw\`pt-0.5\`
tw\`pt-1\`
tw\`pt-1.5\`
tw\`pt-2\`
tw\`pt-2.5\`
tw\`pt-3\`
tw\`pt-3.5\`
tw\`pt-4\`
tw\`pt-5\`
tw\`pt-6\`
tw\`pt-7\`
tw\`pt-8\`
tw\`pt-9\`
tw\`pt-10\`
tw\`pt-11\`
tw\`pt-12\`
tw\`pt-14\`
tw\`pt-16\`
tw\`pt-20\`
tw\`pt-24\`
tw\`pt-28\`
tw\`pt-32\`
tw\`pt-36\`
tw\`pt-40\`
tw\`pt-44\`
tw\`pt-48\`
tw\`pt-52\`
tw\`pt-56\`
tw\`pt-60\`
tw\`pt-64\`
tw\`pt-72\`
tw\`pt-80\`
tw\`pt-96\`
tw\`pt-px\`
tw\`pr-0\`
tw\`pr-0.5\`
tw\`pr-1\`
tw\`pr-1.5\`
tw\`pr-2\`
tw\`pr-2.5\`
tw\`pr-3\`
tw\`pr-3.5\`
tw\`pr-4\`
tw\`pr-5\`
tw\`pr-6\`
tw\`pr-7\`
tw\`pr-8\`
tw\`pr-9\`
tw\`pr-10\`
tw\`pr-11\`
tw\`pr-12\`
tw\`pr-14\`
tw\`pr-16\`
tw\`pr-20\`
tw\`pr-24\`
tw\`pr-28\`
tw\`pr-32\`
tw\`pr-36\`
tw\`pr-40\`
tw\`pr-44\`
tw\`pr-48\`
tw\`pr-52\`
tw\`pr-56\`
tw\`pr-60\`
tw\`pr-64\`
tw\`pr-72\`
tw\`pr-80\`
tw\`pr-96\`
tw\`pr-px\`
tw\`pb-0\`
tw\`pb-0.5\`
tw\`pb-1\`
tw\`pb-1.5\`
tw\`pb-2\`
tw\`pb-2.5\`
tw\`pb-3\`
tw\`pb-3.5\`
tw\`pb-4\`
tw\`pb-5\`
tw\`pb-6\`
tw\`pb-7\`
tw\`pb-8\`
tw\`pb-9\`
tw\`pb-10\`
tw\`pb-11\`
tw\`pb-12\`
tw\`pb-14\`
tw\`pb-16\`
tw\`pb-20\`
tw\`pb-24\`
tw\`pb-28\`
tw\`pb-32\`
tw\`pb-36\`
tw\`pb-40\`
tw\`pb-44\`
tw\`pb-48\`
tw\`pb-52\`
tw\`pb-56\`
tw\`pb-60\`
tw\`pb-64\`
tw\`pb-72\`
tw\`pb-px\`
tw\`pl-0\`
tw\`pl-0.5\`
tw\`pl-1\`
tw\`pl-1.5\`
tw\`pl-2\`
tw\`pl-2.5\`
tw\`pl-3\`
tw\`pl-3.5\`
tw\`pl-4\`
tw\`pl-5\`
tw\`pl-6\`
tw\`pl-7\`
tw\`pl-8\`
tw\`pl-9\`
tw\`pl-10\`
tw\`pl-11\`
tw\`pl-12\`
tw\`pl-14\`
tw\`pl-16\`
tw\`pl-20\`
tw\`pl-24\`
tw\`pl-28\`
tw\`pl-32\`
tw\`pl-36\`
tw\`pl-40\`
tw\`pl-44\`
tw\`pl-48\`
tw\`pl-52\`
tw\`pl-56\`
tw\`pl-60\`
tw\`pl-64\`
tw\`pl-72\`
tw\`pl-80\`
tw\`pl-96\`
tw\`pl-px\`

// https://tailwindcss.com/docs/margin
tw\`m-0\`
tw\`m-0.5\`
tw\`m-1\`
tw\`m-1.5\`
tw\`m-2\`
tw\`m-2.5\`
tw\`m-3\`
tw\`m-3.5\`
tw\`m-4\`
tw\`m-5\`
tw\`m-6\`
tw\`m-7\`
tw\`m-8\`
tw\`m-9\`
tw\`m-10\`
tw\`m-11\`
tw\`m-12\`
tw\`m-14\`
tw\`m-16\`
tw\`m-20\`
tw\`m-24\`
tw\`m-28\`
tw\`m-32\`
tw\`m-36\`
tw\`m-40\`
tw\`m-44\`
tw\`m-48\`
tw\`m-52\`
tw\`m-56\`
tw\`m-60\`
tw\`m-64\`
tw\`m-72\`
tw\`m-80\`
tw\`m-96\`
tw\`m-auto\`
tw\`m-px\`
tw\`-m-0\`
tw\`-m-0.5\`
tw\`-m-1\`
tw\`-m-1.5\`
tw\`-m-2\`
tw\`-m-2.5\`
tw\`-m-3\`
tw\`-m-3.5\`
tw\`-m-4\`
tw\`-m-5\`
tw\`-m-6\`
tw\`-m-7\`
tw\`-m-8\`
tw\`-m-9\`
tw\`-m-10\`
tw\`-m-11\`
tw\`-m-12\`
tw\`-m-14\`
tw\`-m-16\`
tw\`-m-20\`
tw\`-m-24\`
tw\`-m-28\`
tw\`-m-32\`
tw\`-m-36\`
tw\`-m-40\`
tw\`-m-44\`
tw\`-m-48\`
tw\`-m-52\`
tw\`-m-56\`
tw\`-m-60\`
tw\`-m-64\`
tw\`-m-72\`
tw\`-m-80\`
tw\`-m-96\`
tw\`-m-px\`
tw\`my-0\`
tw\`my-0.5\`
tw\`my-1\`
tw\`my-1.5\`
tw\`my-2\`
tw\`my-2.5\`
tw\`my-3\`
tw\`my-3.5\`
tw\`my-4\`
tw\`my-5\`
tw\`my-6\`
tw\`my-7\`
tw\`my-8\`
tw\`my-9\`
tw\`my-10\`
tw\`my-11\`
tw\`my-12\`
tw\`my-14\`
tw\`my-16\`
tw\`my-20\`
tw\`my-24\`
tw\`my-28\`
tw\`my-32\`
tw\`my-36\`
tw\`my-40\`
tw\`my-44\`
tw\`my-48\`
tw\`my-52\`
tw\`my-56\`
tw\`my-60\`
tw\`my-64\`
tw\`my-72\`
tw\`my-80\`
tw\`my-96\`
tw\`my-auto\`
tw\`my-px\`
tw\`-my-0\`
tw\`-my-0.5\`
tw\`-my-1\`
tw\`-my-1.5\`
tw\`-my-2\`
tw\`-my-2.5\`
tw\`-my-3\`
tw\`-my-3.5\`
tw\`-my-4\`
tw\`-my-5\`
tw\`-my-6\`
tw\`-my-7\`
tw\`-my-8\`
tw\`-my-9\`
tw\`-my-10\`
tw\`-my-11\`
tw\`-my-12\`
tw\`-my-14\`
tw\`-my-16\`
tw\`-my-20\`
tw\`-my-24\`
tw\`-my-28\`
tw\`-my-32\`
tw\`-my-36\`
tw\`-my-40\`
tw\`-my-44\`
tw\`-my-48\`
tw\`-my-52\`
tw\`-my-56\`
tw\`-my-60\`
tw\`-my-64\`
tw\`-my-72\`
tw\`-my-80\`
tw\`-my-96\`
tw\`-my-px\`
tw\`mx-0\`
tw\`mx-0.5\`
tw\`mx-1\`
tw\`mx-1.5\`
tw\`mx-2\`
tw\`mx-2.5\`
tw\`mx-3\`
tw\`mx-3.5\`
tw\`mx-4\`
tw\`mx-5\`
tw\`mx-6\`
tw\`mx-7\`
tw\`mx-8\`
tw\`mx-9\`
tw\`mx-10\`
tw\`mx-12\`
tw\`mx-14\`
tw\`mx-16\`
tw\`mx-20\`
tw\`mx-24\`
tw\`mx-28\`
tw\`mx-32\`
tw\`mx-36\`
tw\`mx-40\`
tw\`mx-44\`
tw\`mx-48\`
tw\`mx-52\`
tw\`mx-56\`
tw\`mx-60\`
tw\`mx-64\`
tw\`mx-72\`
tw\`mx-80\`
tw\`mx-auto\`
tw\`mx-px\`
tw\`-mx-0\`
tw\`-mx-0.5\`
tw\`-mx-1\`
tw\`-mx-1.5\`
tw\`-mx-2\`
tw\`-mx-2.5\`
tw\`-mx-3\`
tw\`-mx-3.5\`
tw\`-mx-4\`
tw\`-mx-5\`
tw\`-mx-6\`
tw\`-mx-7\`
tw\`-mx-8\`
tw\`-mx-9\`
tw\`-mx-10\`
tw\`-mx-11\`
tw\`-mx-12\`
tw\`-mx-14\`
tw\`-mx-16\`
tw\`-mx-20\`
tw\`-mx-24\`
tw\`-mx-28\`
tw\`-mx-32\`
tw\`-mx-36\`
tw\`-mx-40\`
tw\`-mx-44\`
tw\`-mx-48\`
tw\`-mx-52\`
tw\`-mx-56\`
tw\`-mx-60\`
tw\`-mx-64\`
tw\`-mx-72\`
tw\`-mx-80\`
tw\`-mx-96\`
tw\`-mx-px\`
tw\`mt-0\`
tw\`mt-0.5\`
tw\`mt-1\`
tw\`mt-1.5\`
tw\`mt-2\`
tw\`mt-2.5\`
tw\`mt-3\`
tw\`mt-3.5\`
tw\`mt-4\`
tw\`mt-5\`
tw\`mt-6\`
tw\`mt-7\`
tw\`mt-8\`
tw\`mt-9\`
tw\`mt-10\`
tw\`mt-11\`
tw\`mt-12\`
tw\`mt-14\`
tw\`mt-16\`
tw\`mt-20\`
tw\`mt-24\`
tw\`mt-28\`
tw\`mt-32\`
tw\`mt-36\`
tw\`mt-40\`
tw\`mt-44\`
tw\`mt-48\`
tw\`mt-52\`
tw\`mt-56\`
tw\`mt-60\`
tw\`mt-64\`
tw\`mt-72\`
tw\`mt-80\`
tw\`mt-96\`
tw\`mt-auto\`
tw\`mt-px\`
tw\`-mt-0\`
tw\`-mt-0.5\`
tw\`-mt-1\`
tw\`-mt-1.5\`
tw\`-mt-2\`
tw\`-mt-2.5\`
tw\`-mt-3\`
tw\`-mt-3.5\`
tw\`-mt-4\`
tw\`-mt-5\`
tw\`-mt-6\`
tw\`-mt-7\`
tw\`-mt-8\`
tw\`-mt-9\`
tw\`-mt-10\`
tw\`-mt-11\`
tw\`-mt-12\`
tw\`-mt-14\`
tw\`-mt-16\`
tw\`-mt-20\`
tw\`-mt-24\`
tw\`-mt-28\`
tw\`-mt-32\`
tw\`-mt-36\`
tw\`-mt-40\`
tw\`-mt-44\`
tw\`-mt-48\`
tw\`-mt-52\`
tw\`-mt-56\`
tw\`-mt-60\`
tw\`-mt-64\`
tw\`-mt-72\`
tw\`-mt-80\`
tw\`-mt-96\`
tw\`-mt-px\`
tw\`mr-0\`
tw\`mr-0.5\`
tw\`mr-1\`
tw\`mr-1.5\`
tw\`mr-2\`
tw\`mr-2.5\`
tw\`mr-3\`
tw\`mr-3.5\`
tw\`mr-4\`
tw\`mr-5\`
tw\`mr-6\`
tw\`mr-7\`
tw\`mr-8\`
tw\`mr-9\`
tw\`mr-10\`
tw\`mr-11\`
tw\`mr-12\`
tw\`mr-14\`
tw\`mr-16\`
tw\`mr-20\`
tw\`mr-24\`
tw\`mr-28\`
tw\`mr-32\`
tw\`mr-36\`
tw\`mr-40\`
tw\`mr-44\`
tw\`mr-48\`
tw\`mr-52\`
tw\`mr-56\`
tw\`mr-60\`
tw\`mr-64\`
tw\`mr-72\`
tw\`mr-80\`
tw\`mr-96\`
tw\`mr-auto\`
tw\`mr-px\`
tw\`-mr-0\`
tw\`-mr-0.5\`
tw\`-mr-1\`
tw\`-mr-1.5\`
tw\`-mr-2\`
tw\`-mr-2.5\`
tw\`-mr-3\`
tw\`-mr-3.5\`
tw\`-mr-4\`
tw\`-mr-5\`
tw\`-mr-6\`
tw\`-mr-7\`
tw\`-mr-8\`
tw\`-mr-9\`
tw\`-mr-10\`
tw\`-mr-11\`
tw\`-mr-12\`
tw\`-mr-14\`
tw\`-mr-16\`
tw\`-mr-20\`
tw\`-mr-24\`
tw\`-mr-28\`
tw\`-mr-32\`
tw\`-mr-36\`
tw\`-mr-40\`
tw\`-mr-44\`
tw\`-mr-48\`
tw\`-mr-52\`
tw\`-mr-56\`
tw\`-mr-60\`
tw\`-mr-64\`
tw\`-mr-72\`
tw\`-mr-80\`
tw\`-mr-96\`
tw\`-mr-px\`
tw\`mb-0\`
tw\`mb-0.5\`
tw\`mb-1\`
tw\`mb-1.5\`
tw\`mb-2\`
tw\`mb-2.5\`
tw\`mb-3\`
tw\`mb-3.5\`
tw\`mb-4\`
tw\`mb-5\`
tw\`mb-6\`
tw\`mb-7\`
tw\`mb-8\`
tw\`mb-9\`
tw\`mb-10\`
tw\`mb-11\`
tw\`mb-12\`
tw\`mb-14\`
tw\`mb-16\`
tw\`mb-20\`
tw\`mb-24\`
tw\`mb-28\`
tw\`mb-32\`
tw\`mb-36\`
tw\`mb-40\`
tw\`mb-44\`
tw\`mb-48\`
tw\`mb-52\`
tw\`mb-56\`
tw\`mb-60\`
tw\`mb-64\`
tw\`mb-72\`
tw\`mb-80\`
tw\`mb-96\`
tw\`mb-auto\`
tw\`mb-px\`
tw\`-mb-0\`
tw\`-mb-0.5\`
tw\`-mb-1\`
tw\`-mb-1.5\`
tw\`-mb-2\`
tw\`-mb-2.5\`
tw\`-mb-3\`
tw\`-mb-3.5\`
tw\`-mb-4\`
tw\`-mb-5\`
tw\`-mb-6\`
tw\`-mb-7\`
tw\`-mb-8\`
tw\`-mb-9\`
tw\`-mb-10\`
tw\`-mb-11\`
tw\`-mb-12\`
tw\`-mb-14\`
tw\`-mb-16\`
tw\`-mb-20\`
tw\`-mb-24\`
tw\`-mb-28\`
tw\`-mb-32\`
tw\`-mb-36\`
tw\`-mb-40\`
tw\`-mb-44\`
tw\`-mb-48\`
tw\`-mb-52\`
tw\`-mb-56\`
tw\`-mb-60\`
tw\`-mb-64\`
tw\`-mb-72\`
tw\`-mb-80\`
tw\`-mb-96\`
tw\`-mb-px\`
tw\`ml-0\`
tw\`ml-0.5\`
tw\`ml-1\`
tw\`ml-1.5\`
tw\`ml-2\`
tw\`ml-2.5\`
tw\`ml-3\`
tw\`ml-3.5\`
tw\`ml-4\`
tw\`ml-5\`
tw\`ml-6\`
tw\`ml-7\`
tw\`ml-8\`
tw\`ml-9\`
tw\`ml-10\`
tw\`ml-11\`
tw\`ml-12\`
tw\`ml-14\`
tw\`ml-16\`
tw\`ml-20\`
tw\`ml-24\`
tw\`ml-28\`
tw\`ml-32\`
tw\`ml-36\`
tw\`ml-40\`
tw\`ml-44\`
tw\`ml-48\`
tw\`ml-52\`
tw\`ml-56\`
tw\`ml-60\`
tw\`ml-64\`
tw\`ml-72\`
tw\`ml-80\`
tw\`ml-96\`
tw\`ml-auto\`
tw\`ml-px\`
tw\`-ml-0\`
tw\`-ml-0.5\`
tw\`-ml-1\`
tw\`-ml-1.5\`
tw\`-ml-2\`
tw\`-ml-2.5\`
tw\`-ml-3\`
tw\`-ml-3.5\`
tw\`-ml-4\`
tw\`-ml-5\`
tw\`-ml-6\`
tw\`-ml-7\`
tw\`-ml-8\`
tw\`-ml-9\`
tw\`-ml-10\`
tw\`-ml-11\`
tw\`-ml-12\`
tw\`-ml-14\`
tw\`-ml-16\`
tw\`-ml-20\`
tw\`-ml-24\`
tw\`-ml-28\`
tw\`-ml-32\`
tw\`-ml-36\`
tw\`-ml-40\`
tw\`-ml-44\`
tw\`-ml-48\`
tw\`-ml-52\`
tw\`-ml-56\`
tw\`-ml-60\`
tw\`-ml-64\`
tw\`-ml-72\`
tw\`-ml-80\`
tw\`-ml-96\`
tw\`-ml-px\`

// https://tailwindcss.com/docs/space
tw\`space-x-0\`
tw\`space-x-0.5\`
tw\`space-x-1\`
tw\`space-x-1.5\`
tw\`space-x-2\`
tw\`space-x-2.5\`
tw\`space-x-3\`
tw\`space-x-3.5\`
tw\`space-x-4\`
tw\`space-x-5\`
tw\`space-x-6\`
tw\`space-x-7\`
tw\`space-x-8\`
tw\`space-x-9\`
tw\`space-x-10\`
tw\`space-x-11\`
tw\`space-x-12\`
tw\`space-x-14\`
tw\`space-x-16\`
tw\`space-x-20\`
tw\`space-x-24\`
tw\`space-x-28\`
tw\`space-x-32\`
tw\`space-x-36\`
tw\`space-x-40\`
tw\`space-x-44\`
tw\`space-x-48\`
tw\`space-x-52\`
tw\`space-x-56\`
tw\`space-x-60\`
tw\`space-x-64\`
tw\`space-x-72\`
tw\`space-x-80\`
tw\`space-x-96\`
tw\`space-x-px\`
tw\`space-y-0\`
tw\`space-y-0.5\`
tw\`space-y-1\`
tw\`space-y-1.5\`
tw\`space-y-2\`
tw\`space-y-2.5\`
tw\`space-y-3\`
tw\`space-y-3.5\`
tw\`space-y-4\`
tw\`space-y-5\`
tw\`space-y-6\`
tw\`space-y-7\`
tw\`space-y-8\`
tw\`space-y-9\`
tw\`space-y-10\`
tw\`space-y-12\`
tw\`space-y-14\`
tw\`space-y-16\`
tw\`space-y-20\`
tw\`space-y-24\`
tw\`space-y-28\`
tw\`space-y-32\`
tw\`space-y-36\`
tw\`space-y-40\`
tw\`space-y-44\`
tw\`space-y-48\`
tw\`space-y-52\`
tw\`space-y-56\`
tw\`space-y-60\`
tw\`space-y-64\`
tw\`space-y-72\`
tw\`space-y-80\`
tw\`space-y-px\`
tw\`-space-x-0\`
tw\`-space-x-0.5\`
tw\`-space-x-1\`
tw\`-space-x-1.5\`
tw\`-space-x-2\`
tw\`-space-x-2.5\`
tw\`-space-x-3\`
tw\`-space-x-3.5\`
tw\`-space-x-4\`
tw\`-space-x-5\`
tw\`-space-x-6\`
tw\`-space-x-7\`
tw\`-space-x-8\`
tw\`-space-x-9\`
tw\`-space-x-10\`
tw\`-space-x-12\`
tw\`-space-x-14\`
tw\`-space-x-16\`
tw\`-space-x-20\`
tw\`-space-x-24\`
tw\`-space-x-28\`
tw\`-space-x-32\`
tw\`-space-x-36\`
tw\`-space-x-40\`
tw\`-space-x-44\`
tw\`-space-x-48\`
tw\`-space-x-52\`
tw\`-space-x-56\`
tw\`-space-x-60\`
tw\`-space-x-64\`
tw\`-space-x-72\`
tw\`-space-x-80\`
tw\`-space-x-96\`
tw\`-space-x-px\`
tw\`-space-y-0\`
tw\`-space-y-0.5\`
tw\`-space-y-1\`
tw\`-space-y-1.5\`
tw\`-space-y-2\`
tw\`-space-y-2.5\`
tw\`-space-y-3\`
tw\`-space-y-3.5\`
tw\`-space-y-4\`
tw\`-space-y-5\`
tw\`-space-y-6\`
tw\`-space-y-7\`
tw\`-space-y-8\`
tw\`-space-y-9\`
tw\`-space-y-10\`
tw\`-space-y-12\`
tw\`-space-y-14\`
tw\`-space-y-16\`
tw\`-space-y-20\`
tw\`-space-y-24\`
tw\`-space-y-28\`
tw\`-space-y-32\`
tw\`-space-y-36\`
tw\`-space-y-40\`
tw\`-space-y-44\`
tw\`-space-y-48\`
tw\`-space-y-52\`
tw\`-space-y-56\`
tw\`-space-y-60\`
tw\`-space-y-64\`
tw\`-space-y-72\`
tw\`-space-y-80\`
tw\`-space-y-96\`
tw\`-space-y-px\`
tw\`space-x-reverse\`
tw\`space-y-reverse\`

tw\`space-x-reverse space-x-0\`
tw\`space-x-0 space-x-reverse\`
tw\`space-y-reverse space-y-0\`
tw\`space-y-0 space-y-reverse\`

tw\`space-x-reverse space-x-32\`
tw\`space-x-32 space-x-reverse\`
tw\`space-y-reverse space-y-32\`
tw\`space-y-32 space-y-reverse\`

tw\`space-x-reverse space-x-px\`
tw\`space-x-px space-x-reverse\`
tw\`space-y-reverse space-y-px\`
tw\`space-y-px space-y-reverse\`

tw\`-space-x-reverse space-x-12\`
tw\`space-x-12 -space-x-reverse\`
tw\`-space-y-reverse space-y-12\`
tw\`space-y-12 -space-y-reverse\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/padding
;({
  padding: '0px',
})
;({
  padding: '0.125rem',
})
;({
  padding: '0.25rem',
})
;({
  padding: '0.375rem',
})
;({
  padding: '0.5rem',
})
;({
  padding: '0.625rem',
})
;({
  padding: '0.75rem',
})
;({
  padding: '0.875rem',
})
;({
  padding: '1rem',
})
;({
  padding: '1.25rem',
})
;({
  padding: '1.5rem',
})
;({
  padding: '1.75rem',
})
;({
  padding: '2rem',
})
;({
  padding: '2.25rem',
})
;({
  padding: '2.5rem',
})
;({
  padding: '2.75rem',
})
;({
  padding: '3rem',
})
;({
  padding: '3.5rem',
})
;({
  padding: '4rem',
})
;({
  padding: '5rem',
})
;({
  padding: '6rem',
})
;({
  padding: '7rem',
})
;({
  padding: '8rem',
})
;({
  padding: '9rem',
})
;({
  padding: '10rem',
})
;({
  padding: '11rem',
})
;({
  padding: '12rem',
})
;({
  padding: '13rem',
})
;({
  padding: '14rem',
})
;({
  padding: '15rem',
})
;({
  padding: '16rem',
})
;({
  padding: '18rem',
})
;({
  padding: '20rem',
})
;({
  padding: '24rem',
})
;({
  padding: '1px',
})
;({
  paddingTop: '0px',
  paddingBottom: '0px',
})
;({
  paddingTop: '0.125rem',
  paddingBottom: '0.125rem',
})
;({
  paddingTop: '0.25rem',
  paddingBottom: '0.25rem',
})
;({
  paddingTop: '0.375rem',
  paddingBottom: '0.375rem',
})
;({
  paddingTop: '0.5rem',
  paddingBottom: '0.5rem',
})
;({
  paddingTop: '0.625rem',
  paddingBottom: '0.625rem',
})
;({
  paddingTop: '0.75rem',
  paddingBottom: '0.75rem',
})
;({
  paddingTop: '0.875rem',
  paddingBottom: '0.875rem',
})
;({
  paddingTop: '1rem',
  paddingBottom: '1rem',
})
;({
  paddingTop: '1.25rem',
  paddingBottom: '1.25rem',
})
;({
  paddingTop: '1.5rem',
  paddingBottom: '1.5rem',
})
;({
  paddingTop: '1.75rem',
  paddingBottom: '1.75rem',
})
;({
  paddingTop: '2rem',
  paddingBottom: '2rem',
})
;({
  paddingTop: '2.25rem',
  paddingBottom: '2.25rem',
})
;({
  paddingTop: '2.5rem',
  paddingBottom: '2.5rem',
})
;({
  paddingTop: '2.75rem',
  paddingBottom: '2.75rem',
})
;({
  paddingTop: '3rem',
  paddingBottom: '3rem',
})
;({
  paddingTop: '3.5rem',
  paddingBottom: '3.5rem',
})
;({
  paddingTop: '4rem',
  paddingBottom: '4rem',
})
;({
  paddingTop: '5rem',
  paddingBottom: '5rem',
})
;({
  paddingTop: '6rem',
  paddingBottom: '6rem',
})
;({
  paddingTop: '7rem',
  paddingBottom: '7rem',
})
;({
  paddingTop: '8rem',
  paddingBottom: '8rem',
})
;({
  paddingTop: '9rem',
  paddingBottom: '9rem',
})
;({
  paddingTop: '10rem',
  paddingBottom: '10rem',
})
;({
  paddingTop: '11rem',
  paddingBottom: '11rem',
})
;({
  paddingTop: '12rem',
  paddingBottom: '12rem',
})
;({
  paddingTop: '13rem',
  paddingBottom: '13rem',
})
;({
  paddingTop: '14rem',
  paddingBottom: '14rem',
})
;({
  paddingTop: '15rem',
  paddingBottom: '15rem',
})
;({
  paddingTop: '16rem',
  paddingBottom: '16rem',
})
;({
  paddingTop: '18rem',
  paddingBottom: '18rem',
})
;({
  paddingTop: '20rem',
  paddingBottom: '20rem',
})
;({
  paddingTop: '24rem',
  paddingBottom: '24rem',
})
;({
  paddingTop: '1px',
  paddingBottom: '1px',
})
;({
  paddingLeft: '0px',
  paddingRight: '0px',
})
;({
  paddingLeft: '0.125rem',
  paddingRight: '0.125rem',
})
;({
  paddingLeft: '0.25rem',
  paddingRight: '0.25rem',
})
;({
  paddingLeft: '0.375rem',
  paddingRight: '0.375rem',
})
;({
  paddingLeft: '0.5rem',
  paddingRight: '0.5rem',
})
;({
  paddingLeft: '0.625rem',
  paddingRight: '0.625rem',
})
;({
  paddingLeft: '0.75rem',
  paddingRight: '0.75rem',
})
;({
  paddingLeft: '0.875rem',
  paddingRight: '0.875rem',
})
;({
  paddingLeft: '1rem',
  paddingRight: '1rem',
})
;({
  paddingLeft: '1.25rem',
  paddingRight: '1.25rem',
})
;({
  paddingLeft: '1.5rem',
  paddingRight: '1.5rem',
})
;({
  paddingLeft: '1.75rem',
  paddingRight: '1.75rem',
})
;({
  paddingLeft: '2rem',
  paddingRight: '2rem',
})
;({
  paddingLeft: '2.25rem',
  paddingRight: '2.25rem',
})
;({
  paddingLeft: '2.5rem',
  paddingRight: '2.5rem',
})
;({
  paddingLeft: '2.75rem',
  paddingRight: '2.75rem',
})
;({
  paddingLeft: '3rem',
  paddingRight: '3rem',
})
;({
  paddingLeft: '3.5rem',
  paddingRight: '3.5rem',
})
;({
  paddingLeft: '4rem',
  paddingRight: '4rem',
})
;({
  paddingLeft: '5rem',
  paddingRight: '5rem',
})
;({
  paddingLeft: '6rem',
  paddingRight: '6rem',
})
;({
  paddingLeft: '7rem',
  paddingRight: '7rem',
})
;({
  paddingLeft: '8rem',
  paddingRight: '8rem',
})
;({
  paddingLeft: '9rem',
  paddingRight: '9rem',
})
;({
  paddingLeft: '10rem',
  paddingRight: '10rem',
})
;({
  paddingLeft: '11rem',
  paddingRight: '11rem',
})
;({
  paddingLeft: '12rem',
  paddingRight: '12rem',
})
;({
  paddingLeft: '13rem',
  paddingRight: '13rem',
})
;({
  paddingLeft: '14rem',
  paddingRight: '14rem',
})
;({
  paddingLeft: '15rem',
  paddingRight: '15rem',
})
;({
  paddingLeft: '16rem',
  paddingRight: '16rem',
})
;({
  paddingLeft: '18rem',
  paddingRight: '18rem',
})
;({
  paddingLeft: '20rem',
  paddingRight: '20rem',
})
;({
  paddingLeft: '24rem',
  paddingRight: '24rem',
})
;({
  paddingLeft: '1px',
  paddingRight: '1px',
})
;({
  paddingTop: '0px',
})
;({
  paddingTop: '0.125rem',
})
;({
  paddingTop: '0.25rem',
})
;({
  paddingTop: '0.375rem',
})
;({
  paddingTop: '0.5rem',
})
;({
  paddingTop: '0.625rem',
})
;({
  paddingTop: '0.75rem',
})
;({
  paddingTop: '0.875rem',
})
;({
  paddingTop: '1rem',
})
;({
  paddingTop: '1.25rem',
})
;({
  paddingTop: '1.5rem',
})
;({
  paddingTop: '1.75rem',
})
;({
  paddingTop: '2rem',
})
;({
  paddingTop: '2.25rem',
})
;({
  paddingTop: '2.5rem',
})
;({
  paddingTop: '2.75rem',
})
;({
  paddingTop: '3rem',
})
;({
  paddingTop: '3.5rem',
})
;({
  paddingTop: '4rem',
})
;({
  paddingTop: '5rem',
})
;({
  paddingTop: '6rem',
})
;({
  paddingTop: '7rem',
})
;({
  paddingTop: '8rem',
})
;({
  paddingTop: '9rem',
})
;({
  paddingTop: '10rem',
})
;({
  paddingTop: '11rem',
})
;({
  paddingTop: '12rem',
})
;({
  paddingTop: '13rem',
})
;({
  paddingTop: '14rem',
})
;({
  paddingTop: '15rem',
})
;({
  paddingTop: '16rem',
})
;({
  paddingTop: '18rem',
})
;({
  paddingTop: '20rem',
})
;({
  paddingTop: '24rem',
})
;({
  paddingTop: '1px',
})
;({
  paddingRight: '0px',
})
;({
  paddingRight: '0.125rem',
})
;({
  paddingRight: '0.25rem',
})
;({
  paddingRight: '0.375rem',
})
;({
  paddingRight: '0.5rem',
})
;({
  paddingRight: '0.625rem',
})
;({
  paddingRight: '0.75rem',
})
;({
  paddingRight: '0.875rem',
})
;({
  paddingRight: '1rem',
})
;({
  paddingRight: '1.25rem',
})
;({
  paddingRight: '1.5rem',
})
;({
  paddingRight: '1.75rem',
})
;({
  paddingRight: '2rem',
})
;({
  paddingRight: '2.25rem',
})
;({
  paddingRight: '2.5rem',
})
;({
  paddingRight: '2.75rem',
})
;({
  paddingRight: '3rem',
})
;({
  paddingRight: '3.5rem',
})
;({
  paddingRight: '4rem',
})
;({
  paddingRight: '5rem',
})
;({
  paddingRight: '6rem',
})
;({
  paddingRight: '7rem',
})
;({
  paddingRight: '8rem',
})
;({
  paddingRight: '9rem',
})
;({
  paddingRight: '10rem',
})
;({
  paddingRight: '11rem',
})
;({
  paddingRight: '12rem',
})
;({
  paddingRight: '13rem',
})
;({
  paddingRight: '14rem',
})
;({
  paddingRight: '15rem',
})
;({
  paddingRight: '16rem',
})
;({
  paddingRight: '18rem',
})
;({
  paddingRight: '20rem',
})
;({
  paddingRight: '24rem',
})
;({
  paddingRight: '1px',
})
;({
  paddingBottom: '0px',
})
;({
  paddingBottom: '0.125rem',
})
;({
  paddingBottom: '0.25rem',
})
;({
  paddingBottom: '0.375rem',
})
;({
  paddingBottom: '0.5rem',
})
;({
  paddingBottom: '0.625rem',
})
;({
  paddingBottom: '0.75rem',
})
;({
  paddingBottom: '0.875rem',
})
;({
  paddingBottom: '1rem',
})
;({
  paddingBottom: '1.25rem',
})
;({
  paddingBottom: '1.5rem',
})
;({
  paddingBottom: '1.75rem',
})
;({
  paddingBottom: '2rem',
})
;({
  paddingBottom: '2.25rem',
})
;({
  paddingBottom: '2.5rem',
})
;({
  paddingBottom: '2.75rem',
})
;({
  paddingBottom: '3rem',
})
;({
  paddingBottom: '3.5rem',
})
;({
  paddingBottom: '4rem',
})
;({
  paddingBottom: '5rem',
})
;({
  paddingBottom: '6rem',
})
;({
  paddingBottom: '7rem',
})
;({
  paddingBottom: '8rem',
})
;({
  paddingBottom: '9rem',
})
;({
  paddingBottom: '10rem',
})
;({
  paddingBottom: '11rem',
})
;({
  paddingBottom: '12rem',
})
;({
  paddingBottom: '13rem',
})
;({
  paddingBottom: '14rem',
})
;({
  paddingBottom: '15rem',
})
;({
  paddingBottom: '16rem',
})
;({
  paddingBottom: '18rem',
})
;({
  paddingBottom: '1px',
})
;({
  paddingLeft: '0px',
})
;({
  paddingLeft: '0.125rem',
})
;({
  paddingLeft: '0.25rem',
})
;({
  paddingLeft: '0.375rem',
})
;({
  paddingLeft: '0.5rem',
})
;({
  paddingLeft: '0.625rem',
})
;({
  paddingLeft: '0.75rem',
})
;({
  paddingLeft: '0.875rem',
})
;({
  paddingLeft: '1rem',
})
;({
  paddingLeft: '1.25rem',
})
;({
  paddingLeft: '1.5rem',
})
;({
  paddingLeft: '1.75rem',
})
;({
  paddingLeft: '2rem',
})
;({
  paddingLeft: '2.25rem',
})
;({
  paddingLeft: '2.5rem',
})
;({
  paddingLeft: '2.75rem',
})
;({
  paddingLeft: '3rem',
})
;({
  paddingLeft: '3.5rem',
})
;({
  paddingLeft: '4rem',
})
;({
  paddingLeft: '5rem',
})
;({
  paddingLeft: '6rem',
})
;({
  paddingLeft: '7rem',
})
;({
  paddingLeft: '8rem',
})
;({
  paddingLeft: '9rem',
})
;({
  paddingLeft: '10rem',
})
;({
  paddingLeft: '11rem',
})
;({
  paddingLeft: '12rem',
})
;({
  paddingLeft: '13rem',
})
;({
  paddingLeft: '14rem',
})
;({
  paddingLeft: '15rem',
})
;({
  paddingLeft: '16rem',
})
;({
  paddingLeft: '18rem',
})
;({
  paddingLeft: '20rem',
})
;({
  paddingLeft: '24rem',
})
;({
  paddingLeft: '1px',
}) // https://tailwindcss.com/docs/margin

;({
  margin: '0px',
})
;({
  margin: '0.125rem',
})
;({
  margin: '0.25rem',
})
;({
  margin: '0.375rem',
})
;({
  margin: '0.5rem',
})
;({
  margin: '0.625rem',
})
;({
  margin: '0.75rem',
})
;({
  margin: '0.875rem',
})
;({
  margin: '1rem',
})
;({
  margin: '1.25rem',
})
;({
  margin: '1.5rem',
})
;({
  margin: '1.75rem',
})
;({
  margin: '2rem',
})
;({
  margin: '2.25rem',
})
;({
  margin: '2.5rem',
})
;({
  margin: '2.75rem',
})
;({
  margin: '3rem',
})
;({
  margin: '3.5rem',
})
;({
  margin: '4rem',
})
;({
  margin: '5rem',
})
;({
  margin: '6rem',
})
;({
  margin: '7rem',
})
;({
  margin: '8rem',
})
;({
  margin: '9rem',
})
;({
  margin: '10rem',
})
;({
  margin: '11rem',
})
;({
  margin: '12rem',
})
;({
  margin: '13rem',
})
;({
  margin: '14rem',
})
;({
  margin: '15rem',
})
;({
  margin: '16rem',
})
;({
  margin: '18rem',
})
;({
  margin: '20rem',
})
;({
  margin: '24rem',
})
;({
  margin: 'auto',
})
;({
  margin: '1px',
})
;({
  margin: '-0px',
})
;({
  margin: '-0.125rem',
})
;({
  margin: '-0.25rem',
})
;({
  margin: '-0.375rem',
})
;({
  margin: '-0.5rem',
})
;({
  margin: '-0.625rem',
})
;({
  margin: '-0.75rem',
})
;({
  margin: '-0.875rem',
})
;({
  margin: '-1rem',
})
;({
  margin: '-1.25rem',
})
;({
  margin: '-1.5rem',
})
;({
  margin: '-1.75rem',
})
;({
  margin: '-2rem',
})
;({
  margin: '-2.25rem',
})
;({
  margin: '-2.5rem',
})
;({
  margin: '-2.75rem',
})
;({
  margin: '-3rem',
})
;({
  margin: '-3.5rem',
})
;({
  margin: '-4rem',
})
;({
  margin: '-5rem',
})
;({
  margin: '-6rem',
})
;({
  margin: '-7rem',
})
;({
  margin: '-8rem',
})
;({
  margin: '-9rem',
})
;({
  margin: '-10rem',
})
;({
  margin: '-11rem',
})
;({
  margin: '-12rem',
})
;({
  margin: '-13rem',
})
;({
  margin: '-14rem',
})
;({
  margin: '-15rem',
})
;({
  margin: '-16rem',
})
;({
  margin: '-18rem',
})
;({
  margin: '-20rem',
})
;({
  margin: '-24rem',
})
;({
  margin: '-1px',
})
;({
  marginTop: '0px',
  marginBottom: '0px',
})
;({
  marginTop: '0.125rem',
  marginBottom: '0.125rem',
})
;({
  marginTop: '0.25rem',
  marginBottom: '0.25rem',
})
;({
  marginTop: '0.375rem',
  marginBottom: '0.375rem',
})
;({
  marginTop: '0.5rem',
  marginBottom: '0.5rem',
})
;({
  marginTop: '0.625rem',
  marginBottom: '0.625rem',
})
;({
  marginTop: '0.75rem',
  marginBottom: '0.75rem',
})
;({
  marginTop: '0.875rem',
  marginBottom: '0.875rem',
})
;({
  marginTop: '1rem',
  marginBottom: '1rem',
})
;({
  marginTop: '1.25rem',
  marginBottom: '1.25rem',
})
;({
  marginTop: '1.5rem',
  marginBottom: '1.5rem',
})
;({
  marginTop: '1.75rem',
  marginBottom: '1.75rem',
})
;({
  marginTop: '2rem',
  marginBottom: '2rem',
})
;({
  marginTop: '2.25rem',
  marginBottom: '2.25rem',
})
;({
  marginTop: '2.5rem',
  marginBottom: '2.5rem',
})
;({
  marginTop: '2.75rem',
  marginBottom: '2.75rem',
})
;({
  marginTop: '3rem',
  marginBottom: '3rem',
})
;({
  marginTop: '3.5rem',
  marginBottom: '3.5rem',
})
;({
  marginTop: '4rem',
  marginBottom: '4rem',
})
;({
  marginTop: '5rem',
  marginBottom: '5rem',
})
;({
  marginTop: '6rem',
  marginBottom: '6rem',
})
;({
  marginTop: '7rem',
  marginBottom: '7rem',
})
;({
  marginTop: '8rem',
  marginBottom: '8rem',
})
;({
  marginTop: '9rem',
  marginBottom: '9rem',
})
;({
  marginTop: '10rem',
  marginBottom: '10rem',
})
;({
  marginTop: '11rem',
  marginBottom: '11rem',
})
;({
  marginTop: '12rem',
  marginBottom: '12rem',
})
;({
  marginTop: '13rem',
  marginBottom: '13rem',
})
;({
  marginTop: '14rem',
  marginBottom: '14rem',
})
;({
  marginTop: '15rem',
  marginBottom: '15rem',
})
;({
  marginTop: '16rem',
  marginBottom: '16rem',
})
;({
  marginTop: '18rem',
  marginBottom: '18rem',
})
;({
  marginTop: '20rem',
  marginBottom: '20rem',
})
;({
  marginTop: '24rem',
  marginBottom: '24rem',
})
;({
  marginTop: 'auto',
  marginBottom: 'auto',
})
;({
  marginTop: '1px',
  marginBottom: '1px',
})
;({
  marginTop: '-0px',
  marginBottom: '-0px',
})
;({
  marginTop: '-0.125rem',
  marginBottom: '-0.125rem',
})
;({
  marginTop: '-0.25rem',
  marginBottom: '-0.25rem',
})
;({
  marginTop: '-0.375rem',
  marginBottom: '-0.375rem',
})
;({
  marginTop: '-0.5rem',
  marginBottom: '-0.5rem',
})
;({
  marginTop: '-0.625rem',
  marginBottom: '-0.625rem',
})
;({
  marginTop: '-0.75rem',
  marginBottom: '-0.75rem',
})
;({
  marginTop: '-0.875rem',
  marginBottom: '-0.875rem',
})
;({
  marginTop: '-1rem',
  marginBottom: '-1rem',
})
;({
  marginTop: '-1.25rem',
  marginBottom: '-1.25rem',
})
;({
  marginTop: '-1.5rem',
  marginBottom: '-1.5rem',
})
;({
  marginTop: '-1.75rem',
  marginBottom: '-1.75rem',
})
;({
  marginTop: '-2rem',
  marginBottom: '-2rem',
})
;({
  marginTop: '-2.25rem',
  marginBottom: '-2.25rem',
})
;({
  marginTop: '-2.5rem',
  marginBottom: '-2.5rem',
})
;({
  marginTop: '-2.75rem',
  marginBottom: '-2.75rem',
})
;({
  marginTop: '-3rem',
  marginBottom: '-3rem',
})
;({
  marginTop: '-3.5rem',
  marginBottom: '-3.5rem',
})
;({
  marginTop: '-4rem',
  marginBottom: '-4rem',
})
;({
  marginTop: '-5rem',
  marginBottom: '-5rem',
})
;({
  marginTop: '-6rem',
  marginBottom: '-6rem',
})
;({
  marginTop: '-7rem',
  marginBottom: '-7rem',
})
;({
  marginTop: '-8rem',
  marginBottom: '-8rem',
})
;({
  marginTop: '-9rem',
  marginBottom: '-9rem',
})
;({
  marginTop: '-10rem',
  marginBottom: '-10rem',
})
;({
  marginTop: '-11rem',
  marginBottom: '-11rem',
})
;({
  marginTop: '-12rem',
  marginBottom: '-12rem',
})
;({
  marginTop: '-13rem',
  marginBottom: '-13rem',
})
;({
  marginTop: '-14rem',
  marginBottom: '-14rem',
})
;({
  marginTop: '-15rem',
  marginBottom: '-15rem',
})
;({
  marginTop: '-16rem',
  marginBottom: '-16rem',
})
;({
  marginTop: '-18rem',
  marginBottom: '-18rem',
})
;({
  marginTop: '-20rem',
  marginBottom: '-20rem',
})
;({
  marginTop: '-24rem',
  marginBottom: '-24rem',
})
;({
  marginTop: '-1px',
  marginBottom: '-1px',
})
;({
  marginLeft: '0px',
  marginRight: '0px',
})
;({
  marginLeft: '0.125rem',
  marginRight: '0.125rem',
})
;({
  marginLeft: '0.25rem',
  marginRight: '0.25rem',
})
;({
  marginLeft: '0.375rem',
  marginRight: '0.375rem',
})
;({
  marginLeft: '0.5rem',
  marginRight: '0.5rem',
})
;({
  marginLeft: '0.625rem',
  marginRight: '0.625rem',
})
;({
  marginLeft: '0.75rem',
  marginRight: '0.75rem',
})
;({
  marginLeft: '0.875rem',
  marginRight: '0.875rem',
})
;({
  marginLeft: '1rem',
  marginRight: '1rem',
})
;({
  marginLeft: '1.25rem',
  marginRight: '1.25rem',
})
;({
  marginLeft: '1.5rem',
  marginRight: '1.5rem',
})
;({
  marginLeft: '1.75rem',
  marginRight: '1.75rem',
})
;({
  marginLeft: '2rem',
  marginRight: '2rem',
})
;({
  marginLeft: '2.25rem',
  marginRight: '2.25rem',
})
;({
  marginLeft: '2.5rem',
  marginRight: '2.5rem',
})
;({
  marginLeft: '3rem',
  marginRight: '3rem',
})
;({
  marginLeft: '3.5rem',
  marginRight: '3.5rem',
})
;({
  marginLeft: '4rem',
  marginRight: '4rem',
})
;({
  marginLeft: '5rem',
  marginRight: '5rem',
})
;({
  marginLeft: '6rem',
  marginRight: '6rem',
})
;({
  marginLeft: '7rem',
  marginRight: '7rem',
})
;({
  marginLeft: '8rem',
  marginRight: '8rem',
})
;({
  marginLeft: '9rem',
  marginRight: '9rem',
})
;({
  marginLeft: '10rem',
  marginRight: '10rem',
})
;({
  marginLeft: '11rem',
  marginRight: '11rem',
})
;({
  marginLeft: '12rem',
  marginRight: '12rem',
})
;({
  marginLeft: '13rem',
  marginRight: '13rem',
})
;({
  marginLeft: '14rem',
  marginRight: '14rem',
})
;({
  marginLeft: '15rem',
  marginRight: '15rem',
})
;({
  marginLeft: '16rem',
  marginRight: '16rem',
})
;({
  marginLeft: '18rem',
  marginRight: '18rem',
})
;({
  marginLeft: '20rem',
  marginRight: '20rem',
})
;({
  marginLeft: 'auto',
  marginRight: 'auto',
})
;({
  marginLeft: '1px',
  marginRight: '1px',
})
;({
  marginLeft: '-0px',
  marginRight: '-0px',
})
;({
  marginLeft: '-0.125rem',
  marginRight: '-0.125rem',
})
;({
  marginLeft: '-0.25rem',
  marginRight: '-0.25rem',
})
;({
  marginLeft: '-0.375rem',
  marginRight: '-0.375rem',
})
;({
  marginLeft: '-0.5rem',
  marginRight: '-0.5rem',
})
;({
  marginLeft: '-0.625rem',
  marginRight: '-0.625rem',
})
;({
  marginLeft: '-0.75rem',
  marginRight: '-0.75rem',
})
;({
  marginLeft: '-0.875rem',
  marginRight: '-0.875rem',
})
;({
  marginLeft: '-1rem',
  marginRight: '-1rem',
})
;({
  marginLeft: '-1.25rem',
  marginRight: '-1.25rem',
})
;({
  marginLeft: '-1.5rem',
  marginRight: '-1.5rem',
})
;({
  marginLeft: '-1.75rem',
  marginRight: '-1.75rem',
})
;({
  marginLeft: '-2rem',
  marginRight: '-2rem',
})
;({
  marginLeft: '-2.25rem',
  marginRight: '-2.25rem',
})
;({
  marginLeft: '-2.5rem',
  marginRight: '-2.5rem',
})
;({
  marginLeft: '-2.75rem',
  marginRight: '-2.75rem',
})
;({
  marginLeft: '-3rem',
  marginRight: '-3rem',
})
;({
  marginLeft: '-3.5rem',
  marginRight: '-3.5rem',
})
;({
  marginLeft: '-4rem',
  marginRight: '-4rem',
})
;({
  marginLeft: '-5rem',
  marginRight: '-5rem',
})
;({
  marginLeft: '-6rem',
  marginRight: '-6rem',
})
;({
  marginLeft: '-7rem',
  marginRight: '-7rem',
})
;({
  marginLeft: '-8rem',
  marginRight: '-8rem',
})
;({
  marginLeft: '-9rem',
  marginRight: '-9rem',
})
;({
  marginLeft: '-10rem',
  marginRight: '-10rem',
})
;({
  marginLeft: '-11rem',
  marginRight: '-11rem',
})
;({
  marginLeft: '-12rem',
  marginRight: '-12rem',
})
;({
  marginLeft: '-13rem',
  marginRight: '-13rem',
})
;({
  marginLeft: '-14rem',
  marginRight: '-14rem',
})
;({
  marginLeft: '-15rem',
  marginRight: '-15rem',
})
;({
  marginLeft: '-16rem',
  marginRight: '-16rem',
})
;({
  marginLeft: '-18rem',
  marginRight: '-18rem',
})
;({
  marginLeft: '-20rem',
  marginRight: '-20rem',
})
;({
  marginLeft: '-24rem',
  marginRight: '-24rem',
})
;({
  marginLeft: '-1px',
  marginRight: '-1px',
})
;({
  marginTop: '0px',
})
;({
  marginTop: '0.125rem',
})
;({
  marginTop: '0.25rem',
})
;({
  marginTop: '0.375rem',
})
;({
  marginTop: '0.5rem',
})
;({
  marginTop: '0.625rem',
})
;({
  marginTop: '0.75rem',
})
;({
  marginTop: '0.875rem',
})
;({
  marginTop: '1rem',
})
;({
  marginTop: '1.25rem',
})
;({
  marginTop: '1.5rem',
})
;({
  marginTop: '1.75rem',
})
;({
  marginTop: '2rem',
})
;({
  marginTop: '2.25rem',
})
;({
  marginTop: '2.5rem',
})
;({
  marginTop: '2.75rem',
})
;({
  marginTop: '3rem',
})
;({
  marginTop: '3.5rem',
})
;({
  marginTop: '4rem',
})
;({
  marginTop: '5rem',
})
;({
  marginTop: '6rem',
})
;({
  marginTop: '7rem',
})
;({
  marginTop: '8rem',
})
;({
  marginTop: '9rem',
})
;({
  marginTop: '10rem',
})
;({
  marginTop: '11rem',
})
;({
  marginTop: '12rem',
})
;({
  marginTop: '13rem',
})
;({
  marginTop: '14rem',
})
;({
  marginTop: '15rem',
})
;({
  marginTop: '16rem',
})
;({
  marginTop: '18rem',
})
;({
  marginTop: '20rem',
})
;({
  marginTop: '24rem',
})
;({
  marginTop: 'auto',
})
;({
  marginTop: '1px',
})
;({
  marginTop: '-0px',
})
;({
  marginTop: '-0.125rem',
})
;({
  marginTop: '-0.25rem',
})
;({
  marginTop: '-0.375rem',
})
;({
  marginTop: '-0.5rem',
})
;({
  marginTop: '-0.625rem',
})
;({
  marginTop: '-0.75rem',
})
;({
  marginTop: '-0.875rem',
})
;({
  marginTop: '-1rem',
})
;({
  marginTop: '-1.25rem',
})
;({
  marginTop: '-1.5rem',
})
;({
  marginTop: '-1.75rem',
})
;({
  marginTop: '-2rem',
})
;({
  marginTop: '-2.25rem',
})
;({
  marginTop: '-2.5rem',
})
;({
  marginTop: '-2.75rem',
})
;({
  marginTop: '-3rem',
})
;({
  marginTop: '-3.5rem',
})
;({
  marginTop: '-4rem',
})
;({
  marginTop: '-5rem',
})
;({
  marginTop: '-6rem',
})
;({
  marginTop: '-7rem',
})
;({
  marginTop: '-8rem',
})
;({
  marginTop: '-9rem',
})
;({
  marginTop: '-10rem',
})
;({
  marginTop: '-11rem',
})
;({
  marginTop: '-12rem',
})
;({
  marginTop: '-13rem',
})
;({
  marginTop: '-14rem',
})
;({
  marginTop: '-15rem',
})
;({
  marginTop: '-16rem',
})
;({
  marginTop: '-18rem',
})
;({
  marginTop: '-20rem',
})
;({
  marginTop: '-24rem',
})
;({
  marginTop: '-1px',
})
;({
  marginRight: '0px',
})
;({
  marginRight: '0.125rem',
})
;({
  marginRight: '0.25rem',
})
;({
  marginRight: '0.375rem',
})
;({
  marginRight: '0.5rem',
})
;({
  marginRight: '0.625rem',
})
;({
  marginRight: '0.75rem',
})
;({
  marginRight: '0.875rem',
})
;({
  marginRight: '1rem',
})
;({
  marginRight: '1.25rem',
})
;({
  marginRight: '1.5rem',
})
;({
  marginRight: '1.75rem',
})
;({
  marginRight: '2rem',
})
;({
  marginRight: '2.25rem',
})
;({
  marginRight: '2.5rem',
})
;({
  marginRight: '2.75rem',
})
;({
  marginRight: '3rem',
})
;({
  marginRight: '3.5rem',
})
;({
  marginRight: '4rem',
})
;({
  marginRight: '5rem',
})
;({
  marginRight: '6rem',
})
;({
  marginRight: '7rem',
})
;({
  marginRight: '8rem',
})
;({
  marginRight: '9rem',
})
;({
  marginRight: '10rem',
})
;({
  marginRight: '11rem',
})
;({
  marginRight: '12rem',
})
;({
  marginRight: '13rem',
})
;({
  marginRight: '14rem',
})
;({
  marginRight: '15rem',
})
;({
  marginRight: '16rem',
})
;({
  marginRight: '18rem',
})
;({
  marginRight: '20rem',
})
;({
  marginRight: '24rem',
})
;({
  marginRight: 'auto',
})
;({
  marginRight: '1px',
})
;({
  marginRight: '-0px',
})
;({
  marginRight: '-0.125rem',
})
;({
  marginRight: '-0.25rem',
})
;({
  marginRight: '-0.375rem',
})
;({
  marginRight: '-0.5rem',
})
;({
  marginRight: '-0.625rem',
})
;({
  marginRight: '-0.75rem',
})
;({
  marginRight: '-0.875rem',
})
;({
  marginRight: '-1rem',
})
;({
  marginRight: '-1.25rem',
})
;({
  marginRight: '-1.5rem',
})
;({
  marginRight: '-1.75rem',
})
;({
  marginRight: '-2rem',
})
;({
  marginRight: '-2.25rem',
})
;({
  marginRight: '-2.5rem',
})
;({
  marginRight: '-2.75rem',
})
;({
  marginRight: '-3rem',
})
;({
  marginRight: '-3.5rem',
})
;({
  marginRight: '-4rem',
})
;({
  marginRight: '-5rem',
})
;({
  marginRight: '-6rem',
})
;({
  marginRight: '-7rem',
})
;({
  marginRight: '-8rem',
})
;({
  marginRight: '-9rem',
})
;({
  marginRight: '-10rem',
})
;({
  marginRight: '-11rem',
})
;({
  marginRight: '-12rem',
})
;({
  marginRight: '-13rem',
})
;({
  marginRight: '-14rem',
})
;({
  marginRight: '-15rem',
})
;({
  marginRight: '-16rem',
})
;({
  marginRight: '-18rem',
})
;({
  marginRight: '-20rem',
})
;({
  marginRight: '-24rem',
})
;({
  marginRight: '-1px',
})
;({
  marginBottom: '0px',
})
;({
  marginBottom: '0.125rem',
})
;({
  marginBottom: '0.25rem',
})
;({
  marginBottom: '0.375rem',
})
;({
  marginBottom: '0.5rem',
})
;({
  marginBottom: '0.625rem',
})
;({
  marginBottom: '0.75rem',
})
;({
  marginBottom: '0.875rem',
})
;({
  marginBottom: '1rem',
})
;({
  marginBottom: '1.25rem',
})
;({
  marginBottom: '1.5rem',
})
;({
  marginBottom: '1.75rem',
})
;({
  marginBottom: '2rem',
})
;({
  marginBottom: '2.25rem',
})
;({
  marginBottom: '2.5rem',
})
;({
  marginBottom: '2.75rem',
})
;({
  marginBottom: '3rem',
})
;({
  marginBottom: '3.5rem',
})
;({
  marginBottom: '4rem',
})
;({
  marginBottom: '5rem',
})
;({
  marginBottom: '6rem',
})
;({
  marginBottom: '7rem',
})
;({
  marginBottom: '8rem',
})
;({
  marginBottom: '9rem',
})
;({
  marginBottom: '10rem',
})
;({
  marginBottom: '11rem',
})
;({
  marginBottom: '12rem',
})
;({
  marginBottom: '13rem',
})
;({
  marginBottom: '14rem',
})
;({
  marginBottom: '15rem',
})
;({
  marginBottom: '16rem',
})
;({
  marginBottom: '18rem',
})
;({
  marginBottom: '20rem',
})
;({
  marginBottom: '24rem',
})
;({
  marginBottom: 'auto',
})
;({
  marginBottom: '1px',
})
;({
  marginBottom: '-0px',
})
;({
  marginBottom: '-0.125rem',
})
;({
  marginBottom: '-0.25rem',
})
;({
  marginBottom: '-0.375rem',
})
;({
  marginBottom: '-0.5rem',
})
;({
  marginBottom: '-0.625rem',
})
;({
  marginBottom: '-0.75rem',
})
;({
  marginBottom: '-0.875rem',
})
;({
  marginBottom: '-1rem',
})
;({
  marginBottom: '-1.25rem',
})
;({
  marginBottom: '-1.5rem',
})
;({
  marginBottom: '-1.75rem',
})
;({
  marginBottom: '-2rem',
})
;({
  marginBottom: '-2.25rem',
})
;({
  marginBottom: '-2.5rem',
})
;({
  marginBottom: '-2.75rem',
})
;({
  marginBottom: '-3rem',
})
;({
  marginBottom: '-3.5rem',
})
;({
  marginBottom: '-4rem',
})
;({
  marginBottom: '-5rem',
})
;({
  marginBottom: '-6rem',
})
;({
  marginBottom: '-7rem',
})
;({
  marginBottom: '-8rem',
})
;({
  marginBottom: '-9rem',
})
;({
  marginBottom: '-10rem',
})
;({
  marginBottom: '-11rem',
})
;({
  marginBottom: '-12rem',
})
;({
  marginBottom: '-13rem',
})
;({
  marginBottom: '-14rem',
})
;({
  marginBottom: '-15rem',
})
;({
  marginBottom: '-16rem',
})
;({
  marginBottom: '-18rem',
})
;({
  marginBottom: '-20rem',
})
;({
  marginBottom: '-24rem',
})
;({
  marginBottom: '-1px',
})
;({
  marginLeft: '0px',
})
;({
  marginLeft: '0.125rem',
})
;({
  marginLeft: '0.25rem',
})
;({
  marginLeft: '0.375rem',
})
;({
  marginLeft: '0.5rem',
})
;({
  marginLeft: '0.625rem',
})
;({
  marginLeft: '0.75rem',
})
;({
  marginLeft: '0.875rem',
})
;({
  marginLeft: '1rem',
})
;({
  marginLeft: '1.25rem',
})
;({
  marginLeft: '1.5rem',
})
;({
  marginLeft: '1.75rem',
})
;({
  marginLeft: '2rem',
})
;({
  marginLeft: '2.25rem',
})
;({
  marginLeft: '2.5rem',
})
;({
  marginLeft: '2.75rem',
})
;({
  marginLeft: '3rem',
})
;({
  marginLeft: '3.5rem',
})
;({
  marginLeft: '4rem',
})
;({
  marginLeft: '5rem',
})
;({
  marginLeft: '6rem',
})
;({
  marginLeft: '7rem',
})
;({
  marginLeft: '8rem',
})
;({
  marginLeft: '9rem',
})
;({
  marginLeft: '10rem',
})
;({
  marginLeft: '11rem',
})
;({
  marginLeft: '12rem',
})
;({
  marginLeft: '13rem',
})
;({
  marginLeft: '14rem',
})
;({
  marginLeft: '15rem',
})
;({
  marginLeft: '16rem',
})
;({
  marginLeft: '18rem',
})
;({
  marginLeft: '20rem',
})
;({
  marginLeft: '24rem',
})
;({
  marginLeft: 'auto',
})
;({
  marginLeft: '1px',
})
;({
  marginLeft: '-0px',
})
;({
  marginLeft: '-0.125rem',
})
;({
  marginLeft: '-0.25rem',
})
;({
  marginLeft: '-0.375rem',
})
;({
  marginLeft: '-0.5rem',
})
;({
  marginLeft: '-0.625rem',
})
;({
  marginLeft: '-0.75rem',
})
;({
  marginLeft: '-0.875rem',
})
;({
  marginLeft: '-1rem',
})
;({
  marginLeft: '-1.25rem',
})
;({
  marginLeft: '-1.5rem',
})
;({
  marginLeft: '-1.75rem',
})
;({
  marginLeft: '-2rem',
})
;({
  marginLeft: '-2.25rem',
})
;({
  marginLeft: '-2.5rem',
})
;({
  marginLeft: '-2.75rem',
})
;({
  marginLeft: '-3rem',
})
;({
  marginLeft: '-3.5rem',
})
;({
  marginLeft: '-4rem',
})
;({
  marginLeft: '-5rem',
})
;({
  marginLeft: '-6rem',
})
;({
  marginLeft: '-7rem',
})
;({
  marginLeft: '-8rem',
})
;({
  marginLeft: '-9rem',
})
;({
  marginLeft: '-10rem',
})
;({
  marginLeft: '-11rem',
})
;({
  marginLeft: '-12rem',
})
;({
  marginLeft: '-13rem',
})
;({
  marginLeft: '-14rem',
})
;({
  marginLeft: '-15rem',
})
;({
  marginLeft: '-16rem',
})
;({
  marginLeft: '-18rem',
})
;({
  marginLeft: '-20rem',
})
;({
  marginLeft: '-24rem',
})
;({
  marginLeft: '-1px',
}) // https://tailwindcss.com/docs/space

;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0px * var(--space-x-reverse))',
    marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0.125rem * var(--space-x-reverse))',
    marginLeft: 'calc(0.125rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0.25rem * var(--space-x-reverse))',
    marginLeft: 'calc(0.25rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0.375rem * var(--space-x-reverse))',
    marginLeft: 'calc(0.375rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0.5rem * var(--space-x-reverse))',
    marginLeft: 'calc(0.5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0.625rem * var(--space-x-reverse))',
    marginLeft: 'calc(0.625rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0.75rem * var(--space-x-reverse))',
    marginLeft: 'calc(0.75rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0.875rem * var(--space-x-reverse))',
    marginLeft: 'calc(0.875rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(1rem * var(--space-x-reverse))',
    marginLeft: 'calc(1rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(1.25rem * var(--space-x-reverse))',
    marginLeft: 'calc(1.25rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(1.5rem * var(--space-x-reverse))',
    marginLeft: 'calc(1.5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(1.75rem * var(--space-x-reverse))',
    marginLeft: 'calc(1.75rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(2rem * var(--space-x-reverse))',
    marginLeft: 'calc(2rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(2.25rem * var(--space-x-reverse))',
    marginLeft: 'calc(2.25rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(2.5rem * var(--space-x-reverse))',
    marginLeft: 'calc(2.5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(2.75rem * var(--space-x-reverse))',
    marginLeft: 'calc(2.75rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(3rem * var(--space-x-reverse))',
    marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(3.5rem * var(--space-x-reverse))',
    marginLeft: 'calc(3.5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(4rem * var(--space-x-reverse))',
    marginLeft: 'calc(4rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(5rem * var(--space-x-reverse))',
    marginLeft: 'calc(5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(6rem * var(--space-x-reverse))',
    marginLeft: 'calc(6rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(7rem * var(--space-x-reverse))',
    marginLeft: 'calc(7rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(8rem * var(--space-x-reverse))',
    marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(9rem * var(--space-x-reverse))',
    marginLeft: 'calc(9rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(10rem * var(--space-x-reverse))',
    marginLeft: 'calc(10rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(11rem * var(--space-x-reverse))',
    marginLeft: 'calc(11rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(12rem * var(--space-x-reverse))',
    marginLeft: 'calc(12rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(13rem * var(--space-x-reverse))',
    marginLeft: 'calc(13rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(14rem * var(--space-x-reverse))',
    marginLeft: 'calc(14rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(15rem * var(--space-x-reverse))',
    marginLeft: 'calc(15rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(16rem * var(--space-x-reverse))',
    marginLeft: 'calc(16rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(18rem * var(--space-x-reverse))',
    marginLeft: 'calc(18rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(20rem * var(--space-x-reverse))',
    marginLeft: 'calc(20rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(24rem * var(--space-x-reverse))',
    marginLeft: 'calc(24rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(1px * var(--space-x-reverse))',
    marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0px * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0.125rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0.125rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0.25rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0.25rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0.375rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0.375rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0.5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0.5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0.625rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0.625rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0.75rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0.75rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0.875rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0.875rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(1rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(1rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(1.25rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(1.25rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(1.5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(1.5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(1.75rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(1.75rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(2rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(2rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(2.25rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(2.25rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(2.5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(2.5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(3rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(3.5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(3.5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(4rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(4rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(6rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(6rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(7rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(7rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(8rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(9rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(9rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(10rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(10rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(11rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(11rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(12rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(12rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(13rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(13rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(14rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(14rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(15rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(15rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(16rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(16rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(18rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(18rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(20rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(20rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(1px * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-0px * var(--space-x-reverse))',
    marginLeft: 'calc(-0px * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-0.125rem * var(--space-x-reverse))',
    marginLeft: 'calc(-0.125rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-0.25rem * var(--space-x-reverse))',
    marginLeft: 'calc(-0.25rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-0.375rem * var(--space-x-reverse))',
    marginLeft: 'calc(-0.375rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-0.5rem * var(--space-x-reverse))',
    marginLeft: 'calc(-0.5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-0.625rem * var(--space-x-reverse))',
    marginLeft: 'calc(-0.625rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-0.75rem * var(--space-x-reverse))',
    marginLeft: 'calc(-0.75rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-0.875rem * var(--space-x-reverse))',
    marginLeft: 'calc(-0.875rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-1rem * var(--space-x-reverse))',
    marginLeft: 'calc(-1rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-1.25rem * var(--space-x-reverse))',
    marginLeft: 'calc(-1.25rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-1.5rem * var(--space-x-reverse))',
    marginLeft: 'calc(-1.5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-1.75rem * var(--space-x-reverse))',
    marginLeft: 'calc(-1.75rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-2rem * var(--space-x-reverse))',
    marginLeft: 'calc(-2rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-2.25rem * var(--space-x-reverse))',
    marginLeft: 'calc(-2.25rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-2.5rem * var(--space-x-reverse))',
    marginLeft: 'calc(-2.5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-3rem * var(--space-x-reverse))',
    marginLeft: 'calc(-3rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-3.5rem * var(--space-x-reverse))',
    marginLeft: 'calc(-3.5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-4rem * var(--space-x-reverse))',
    marginLeft: 'calc(-4rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-5rem * var(--space-x-reverse))',
    marginLeft: 'calc(-5rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-6rem * var(--space-x-reverse))',
    marginLeft: 'calc(-6rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-7rem * var(--space-x-reverse))',
    marginLeft: 'calc(-7rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-8rem * var(--space-x-reverse))',
    marginLeft: 'calc(-8rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-9rem * var(--space-x-reverse))',
    marginLeft: 'calc(-9rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-10rem * var(--space-x-reverse))',
    marginLeft: 'calc(-10rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-11rem * var(--space-x-reverse))',
    marginLeft: 'calc(-11rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-12rem * var(--space-x-reverse))',
    marginLeft: 'calc(-12rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-13rem * var(--space-x-reverse))',
    marginLeft: 'calc(-13rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-14rem * var(--space-x-reverse))',
    marginLeft: 'calc(-14rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-15rem * var(--space-x-reverse))',
    marginLeft: 'calc(-15rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-16rem * var(--space-x-reverse))',
    marginLeft: 'calc(-16rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-18rem * var(--space-x-reverse))',
    marginLeft: 'calc(-18rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-20rem * var(--space-x-reverse))',
    marginLeft: 'calc(-20rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-24rem * var(--space-x-reverse))',
    marginLeft: 'calc(-24rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(-1px * var(--space-x-reverse))',
    marginLeft: 'calc(-1px * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-0px * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-0px * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-0.125rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-0.125rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-0.25rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-0.25rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-0.375rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-0.375rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-0.5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-0.5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-0.625rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-0.625rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-0.75rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-0.75rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-0.875rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-0.875rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-1rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-1rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-1.25rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-1.25rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-1.5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-1.5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-1.75rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-1.75rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-2rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-2rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-2.25rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-2.25rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-2.5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-2.5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-3rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-3rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-3.5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-3.5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-4rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-4rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-5rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-5rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-6rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-6rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-7rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-7rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-8rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-8rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-9rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-9rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-10rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-10rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-11rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-11rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-12rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-12rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-13rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-13rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-14rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-14rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-15rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-15rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-16rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-16rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-18rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-18rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-20rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-20rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-24rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-24rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(-1px * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(-1px * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 1,
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 1,
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(0px * var(--space-x-reverse))',
    marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 1,
    marginRight: 'calc(0px * var(--space-x-reverse))',
    marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0px * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 1,
    marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(0px * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(8rem * var(--space-x-reverse))',
    marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 1,
    marginRight: 'calc(8rem * var(--space-x-reverse))',
    marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(8rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 1,
    marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(8rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(1px * var(--space-x-reverse))',
    marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 1,
    marginRight: 'calc(1px * var(--space-x-reverse))',
    marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(1px * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 1,
    marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(1px * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 0,
    marginRight: 'calc(3rem * var(--space-x-reverse))',
    marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-x-reverse': 1,
    marginRight: 'calc(3rem * var(--space-x-reverse))',
    marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 0,
    marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(3rem * var(--space-y-reverse))',
  },
})
;({
  '> :not(template) ~ :not(template)': {
    '--space-y-reverse': 1,
    marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))',
    marginBottom: 'calc(3rem * var(--space-y-reverse))',
  },
})


`;

exports[`twin.macro svg.js: svg.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/fill
tw\`fill-current\`

// https://tailwindcss.com/docs/stroke
tw\`stroke-current\`

// https://tailwindcss.com/docs/stroke-width
tw\`stroke-0\`
tw\`stroke-1\`
tw\`stroke-2\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/fill
;({
  fill: 'currentColor',
}) // https://tailwindcss.com/docs/stroke

;({
  stroke: 'currentColor',
}) // https://tailwindcss.com/docs/stroke-width

;({
  strokeWidth: '0',
})
;({
  strokeWidth: '1',
})
;({
  strokeWidth: '2',
})


`;

exports[`twin.macro tables.js: tables.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/border-collapse
tw\`border-collapse\`
tw\`border-separate\`

// https://tailwindcss.com/docs/table-layout
tw\`table-auto\`
tw\`table-fixed\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/border-collapse
;({
  borderCollapse: 'collapse',
})
;({
  borderCollapse: 'separate',
}) // https://tailwindcss.com/docs/table-layout

;({
  tableLayout: 'auto',
})
;({
  tableLayout: 'fixed',
})


`;

exports[`twin.macro transforms.js: transforms.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/transform
tw\`transform\`
// tw\`transform-gpu\`
// tw\`transform-none\`

// https://tailwindcss.com/docs/transform-origin
tw\`origin-center\`
tw\`origin-top\`
tw\`origin-top-right\`
tw\`origin-right\`
tw\`origin-bottom-right\`
tw\`origin-bottom\`
tw\`origin-bottom-left\`
tw\`origin-left\`
tw\`origin-top-left\`

// https://tailwindcss.com/docs/scale
tw\`scale-0\`
tw\`scale-50\`
tw\`scale-75\`
tw\`scale-90\`
tw\`scale-95\`
tw\`scale-100\`
tw\`scale-105\`
tw\`scale-110\`
tw\`scale-125\`
tw\`scale-150\`
tw\`scale-x-0\`
tw\`scale-x-50\`
tw\`scale-x-75\`
tw\`scale-x-90\`
tw\`scale-x-95\`
tw\`scale-x-100\`
tw\`scale-x-105\`
tw\`scale-x-110\`
tw\`scale-x-125\`
tw\`scale-x-150\`
tw\`scale-y-0\`
tw\`scale-y-50\`
tw\`scale-y-75\`
tw\`scale-y-90\`
tw\`scale-y-95\`
tw\`scale-y-100\`
tw\`scale-y-105\`
tw\`scale-y-110\`
tw\`scale-y-125\`
tw\`scale-y-150\`

// https://tailwindcss.com/docs/rotate
tw\`rotate-0\`
tw\`rotate-1\`
tw\`rotate-2\`
tw\`rotate-3\`
tw\`rotate-6\`
tw\`rotate-12\`
tw\`rotate-45\`
tw\`rotate-90\`
tw\`rotate-180\`
tw\`-rotate-1\`
tw\`-rotate-2\`
tw\`-rotate-3\`
tw\`-rotate-6\`
tw\`-rotate-12\`
tw\`-rotate-45\`
tw\`-rotate-90\`
tw\`-rotate-180\`

// https://tailwindcss.com/docs/translate
tw\`translate-x-0\`
tw\`translate-x-0.5\`
tw\`translate-x-1\`
tw\`translate-x-1.5\`
tw\`translate-x-2\`
tw\`translate-x-2.5\`
tw\`translate-x-3\`
tw\`translate-x-3.5\`
tw\`translate-x-4\`
tw\`translate-x-5\`
tw\`translate-x-6\`
tw\`translate-x-7\`
tw\`translate-x-8\`
tw\`translate-x-9\`
tw\`translate-x-10\`
tw\`translate-x-11\`
tw\`translate-x-12\`
tw\`translate-x-14\`
tw\`translate-x-16\`
tw\`translate-x-20\`
tw\`translate-x-24\`
tw\`translate-x-28\`
tw\`translate-x-32\`
tw\`translate-x-36\`
tw\`translate-x-40\`
tw\`translate-x-44\`
tw\`translate-x-48\`
tw\`translate-x-52\`
tw\`translate-x-56\`
tw\`translate-x-60\`
tw\`translate-x-64\`
tw\`translate-x-72\`
tw\`translate-x-80\`
tw\`translate-x-96\`
tw\`translate-x-px\`
tw\`translate-x-1/2\`
tw\`translate-x-1/3\`
tw\`translate-x-2/3\`
tw\`translate-x-1/4\`
tw\`translate-x-2/4\`
tw\`translate-x-3/4\`
tw\`translate-x-full\`
tw\`-translate-x-0\`
tw\`-translate-x-0.5\`
tw\`-translate-x-1\`
tw\`-translate-x-1.5\`
tw\`-translate-x-2\`
tw\`-translate-x-2.5\`
tw\`-translate-x-3\`
tw\`-translate-x-3.5\`
tw\`-translate-x-4\`
tw\`-translate-x-5\`
tw\`-translate-x-6\`
tw\`-translate-x-7\`
tw\`-translate-x-8\`
tw\`-translate-x-9\`
tw\`-translate-x-10\`
tw\`-translate-x-11\`
tw\`-translate-x-12\`
tw\`-translate-x-14\`
tw\`-translate-x-16\`
tw\`-translate-x-20\`
tw\`-translate-x-24\`
tw\`-translate-x-28\`
tw\`-translate-x-32\`
tw\`-translate-x-36\`
tw\`-translate-x-40\`
tw\`-translate-x-44\`
tw\`-translate-x-48\`
tw\`-translate-x-52\`
tw\`-translate-x-56\`
tw\`-translate-x-60\`
tw\`-translate-x-64\`
tw\`-translate-x-72\`
tw\`-translate-x-80\`
tw\`-translate-x-96\`
tw\`-translate-x-px\`
tw\`-translate-x-1/2\`
tw\`-translate-x-1/3\`
tw\`-translate-x-2/3\`
tw\`-translate-x-1/4\`
tw\`-translate-x-2/4\`
tw\`-translate-x-3/4\`
tw\`-translate-x-full\`
tw\`translate-y-0\`
tw\`translate-y-0.5\`
tw\`translate-y-1\`
tw\`translate-y-1.5\`
tw\`translate-y-2\`
tw\`translate-y-2.5\`
tw\`translate-y-3\`
tw\`translate-y-3.5\`
tw\`translate-y-4\`
tw\`translate-y-5\`
tw\`translate-y-6\`
tw\`translate-y-7\`
tw\`translate-y-8\`
tw\`translate-y-9\`
tw\`translate-y-10\`
tw\`translate-y-11\`
tw\`translate-y-12\`
tw\`translate-y-14\`
tw\`translate-y-16\`
tw\`translate-y-20\`
tw\`translate-y-24\`
tw\`translate-y-28\`
tw\`translate-y-32\`
tw\`translate-y-36\`
tw\`translate-y-40\`
tw\`translate-y-44\`
tw\`translate-y-48\`
tw\`translate-y-52\`
tw\`translate-y-56\`
tw\`translate-y-60\`
tw\`translate-y-64\`
tw\`translate-y-72\`
tw\`translate-y-80\`
tw\`translate-y-96\`
tw\`translate-y-px\`
tw\`translate-y-1/2\`
tw\`translate-y-1/3\`
tw\`translate-y-2/3\`
tw\`translate-y-1/4\`
tw\`translate-y-2/4\`
tw\`translate-y-3/4\`
tw\`translate-y-full\`
tw\`-translate-y-0\`
tw\`-translate-y-0.5\`
tw\`-translate-y-1\`
tw\`-translate-y-1.5\`
tw\`-translate-y-2\`
tw\`-translate-y-2.5\`
tw\`-translate-y-3\`
tw\`-translate-y-3.5\`
tw\`-translate-y-4\`
tw\`-translate-y-5\`
tw\`-translate-y-6\`
tw\`-translate-y-7\`
tw\`-translate-y-8\`
tw\`-translate-y-9\`
tw\`-translate-y-10\`
tw\`-translate-y-11\`
tw\`-translate-y-12\`
tw\`-translate-y-14\`
tw\`-translate-y-16\`
tw\`-translate-y-20\`
tw\`-translate-y-24\`
tw\`-translate-y-28\`
tw\`-translate-y-32\`
tw\`-translate-y-36\`
tw\`-translate-y-40\`
tw\`-translate-y-44\`
tw\`-translate-y-48\`
tw\`-translate-y-52\`
tw\`-translate-y-56\`
tw\`-translate-y-60\`
tw\`-translate-y-64\`
tw\`-translate-y-72\`
tw\`-translate-y-80\`
tw\`-translate-y-96\`
tw\`-translate-y-px\`
tw\`-translate-y-1/2\`
tw\`-translate-y-1/3\`
tw\`-translate-y-2/3\`
tw\`-translate-y-1/4\`
tw\`-translate-y-2/4\`
tw\`-translate-y-3/4\`
tw\`-translate-y-full\`

// https://tailwindcss.com/docs/skew
tw\`skew-x-0\`
tw\`skew-x-1\`
tw\`skew-x-2\`
tw\`skew-x-3\`
tw\`skew-x-6\`
tw\`skew-x-12\`
tw\`-skew-x-12\`
tw\`-skew-x-6\`
tw\`-skew-x-3\`
tw\`-skew-x-2\`
tw\`-skew-x-1\`
tw\`skew-y-0\`
tw\`skew-y-1\`
tw\`skew-y-2\`
tw\`skew-y-3\`
tw\`skew-y-6\`
tw\`skew-y-12\`
tw\`-skew-y-12\`
tw\`-skew-y-6\`
tw\`-skew-y-3\`
tw\`-skew-y-2\`
tw\`-skew-y-1\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/transform
;({
  '--transform-translate-x': '0px',
  '--transform-translate-y': '0px',
  '--transform-rotate': '0deg',
  '--transform-skew-x': '0deg',
  '--transform-skew-y': '0deg',
  '--transform-scale-x': '1',
  '--transform-scale-y': '1',
  transform:
    'translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))',
}) // tw\`transform-gpu\`
// tw\`transform-none\`
// https://tailwindcss.com/docs/transform-origin

;({
  transformOrigin: 'center',
})
;({
  transformOrigin: 'top',
})
;({
  transformOrigin: 'top right',
})
;({
  transformOrigin: 'right',
})
;({
  transformOrigin: 'bottom right',
})
;({
  transformOrigin: 'bottom',
})
;({
  transformOrigin: 'bottom left',
})
;({
  transformOrigin: 'left',
})
;({
  transformOrigin: 'top left',
}) // https://tailwindcss.com/docs/scale

;({
  '--transform-scale-x': '0',
  '--transform-scale-y': '0',
})
;({
  '--transform-scale-x': '.5',
  '--transform-scale-y': '.5',
})
;({
  '--transform-scale-x': '.75',
  '--transform-scale-y': '.75',
})
;({
  '--transform-scale-x': '.9',
  '--transform-scale-y': '.9',
})
;({
  '--transform-scale-x': '.95',
  '--transform-scale-y': '.95',
})
;({
  '--transform-scale-x': '1',
  '--transform-scale-y': '1',
})
;({
  '--transform-scale-x': '1.05',
  '--transform-scale-y': '1.05',
})
;({
  '--transform-scale-x': '1.1',
  '--transform-scale-y': '1.1',
})
;({
  '--transform-scale-x': '1.25',
  '--transform-scale-y': '1.25',
})
;({
  '--transform-scale-x': '1.5',
  '--transform-scale-y': '1.5',
})
;({
  '--transform-scale-x': '0',
})
;({
  '--transform-scale-x': '.5',
})
;({
  '--transform-scale-x': '.75',
})
;({
  '--transform-scale-x': '.9',
})
;({
  '--transform-scale-x': '.95',
})
;({
  '--transform-scale-x': '1',
})
;({
  '--transform-scale-x': '1.05',
})
;({
  '--transform-scale-x': '1.1',
})
;({
  '--transform-scale-x': '1.25',
})
;({
  '--transform-scale-x': '1.5',
})
;({
  '--transform-scale-y': '0',
})
;({
  '--transform-scale-y': '.5',
})
;({
  '--transform-scale-y': '.75',
})
;({
  '--transform-scale-y': '.9',
})
;({
  '--transform-scale-y': '.95',
})
;({
  '--transform-scale-y': '1',
})
;({
  '--transform-scale-y': '1.05',
})
;({
  '--transform-scale-y': '1.1',
})
;({
  '--transform-scale-y': '1.25',
})
;({
  '--transform-scale-y': '1.5',
}) // https://tailwindcss.com/docs/rotate

;({
  '--transform-rotate': '0deg',
})
;({
  '--transform-rotate': '1deg',
})
;({
  '--transform-rotate': '2deg',
})
;({
  '--transform-rotate': '3deg',
})
;({
  '--transform-rotate': '6deg',
})
;({
  '--transform-rotate': '12deg',
})
;({
  '--transform-rotate': '45deg',
})
;({
  '--transform-rotate': '90deg',
})
;({
  '--transform-rotate': '180deg',
})
;({
  '--transform-rotate': '-1deg',
})
;({
  '--transform-rotate': '-2deg',
})
;({
  '--transform-rotate': '-3deg',
})
;({
  '--transform-rotate': '-6deg',
})
;({
  '--transform-rotate': '-12deg',
})
;({
  '--transform-rotate': '-45deg',
})
;({
  '--transform-rotate': '-90deg',
})
;({
  '--transform-rotate': '-180deg',
}) // https://tailwindcss.com/docs/translate

;({
  '--transform-translate-x': '0px',
})
;({
  '--transform-translate-x': '0.125rem',
})
;({
  '--transform-translate-x': '0.25rem',
})
;({
  '--transform-translate-x': '0.375rem',
})
;({
  '--transform-translate-x': '0.5rem',
})
;({
  '--transform-translate-x': '0.625rem',
})
;({
  '--transform-translate-x': '0.75rem',
})
;({
  '--transform-translate-x': '0.875rem',
})
;({
  '--transform-translate-x': '1rem',
})
;({
  '--transform-translate-x': '1.25rem',
})
;({
  '--transform-translate-x': '1.5rem',
})
;({
  '--transform-translate-x': '1.75rem',
})
;({
  '--transform-translate-x': '2rem',
})
;({
  '--transform-translate-x': '2.25rem',
})
;({
  '--transform-translate-x': '2.5rem',
})
;({
  '--transform-translate-x': '2.75rem',
})
;({
  '--transform-translate-x': '3rem',
})
;({
  '--transform-translate-x': '3.5rem',
})
;({
  '--transform-translate-x': '4rem',
})
;({
  '--transform-translate-x': '5rem',
})
;({
  '--transform-translate-x': '6rem',
})
;({
  '--transform-translate-x': '7rem',
})
;({
  '--transform-translate-x': '8rem',
})
;({
  '--transform-translate-x': '9rem',
})
;({
  '--transform-translate-x': '10rem',
})
;({
  '--transform-translate-x': '11rem',
})
;({
  '--transform-translate-x': '12rem',
})
;({
  '--transform-translate-x': '13rem',
})
;({
  '--transform-translate-x': '14rem',
})
;({
  '--transform-translate-x': '15rem',
})
;({
  '--transform-translate-x': '16rem',
})
;({
  '--transform-translate-x': '18rem',
})
;({
  '--transform-translate-x': '20rem',
})
;({
  '--transform-translate-x': '24rem',
})
;({
  '--transform-translate-x': '1px',
})
;({
  '--transform-translate-x': '50%',
})
;({
  '--transform-translate-x': '33.333333%',
})
;({
  '--transform-translate-x': '66.666667%',
})
;({
  '--transform-translate-x': '25%',
})
;({
  '--transform-translate-x': '50%',
})
;({
  '--transform-translate-x': '75%',
})
;({
  '--transform-translate-x': '100%',
})
;({
  '--transform-translate-x': '-0px',
})
;({
  '--transform-translate-x': '-0.125rem',
})
;({
  '--transform-translate-x': '-0.25rem',
})
;({
  '--transform-translate-x': '-0.375rem',
})
;({
  '--transform-translate-x': '-0.5rem',
})
;({
  '--transform-translate-x': '-0.625rem',
})
;({
  '--transform-translate-x': '-0.75rem',
})
;({
  '--transform-translate-x': '-0.875rem',
})
;({
  '--transform-translate-x': '-1rem',
})
;({
  '--transform-translate-x': '-1.25rem',
})
;({
  '--transform-translate-x': '-1.5rem',
})
;({
  '--transform-translate-x': '-1.75rem',
})
;({
  '--transform-translate-x': '-2rem',
})
;({
  '--transform-translate-x': '-2.25rem',
})
;({
  '--transform-translate-x': '-2.5rem',
})
;({
  '--transform-translate-x': '-2.75rem',
})
;({
  '--transform-translate-x': '-3rem',
})
;({
  '--transform-translate-x': '-3.5rem',
})
;({
  '--transform-translate-x': '-4rem',
})
;({
  '--transform-translate-x': '-5rem',
})
;({
  '--transform-translate-x': '-6rem',
})
;({
  '--transform-translate-x': '-7rem',
})
;({
  '--transform-translate-x': '-8rem',
})
;({
  '--transform-translate-x': '-9rem',
})
;({
  '--transform-translate-x': '-10rem',
})
;({
  '--transform-translate-x': '-11rem',
})
;({
  '--transform-translate-x': '-12rem',
})
;({
  '--transform-translate-x': '-13rem',
})
;({
  '--transform-translate-x': '-14rem',
})
;({
  '--transform-translate-x': '-15rem',
})
;({
  '--transform-translate-x': '-16rem',
})
;({
  '--transform-translate-x': '-18rem',
})
;({
  '--transform-translate-x': '-20rem',
})
;({
  '--transform-translate-x': '-24rem',
})
;({
  '--transform-translate-x': '-1px',
})
;({
  '--transform-translate-x': '-50%',
})
;({
  '--transform-translate-x': '-33.333333%',
})
;({
  '--transform-translate-x': '-66.666667%',
})
;({
  '--transform-translate-x': '-25%',
})
;({
  '--transform-translate-x': '-50%',
})
;({
  '--transform-translate-x': '-75%',
})
;({
  '--transform-translate-x': '-100%',
})
;({
  '--transform-translate-y': '0px',
})
;({
  '--transform-translate-y': '0.125rem',
})
;({
  '--transform-translate-y': '0.25rem',
})
;({
  '--transform-translate-y': '0.375rem',
})
;({
  '--transform-translate-y': '0.5rem',
})
;({
  '--transform-translate-y': '0.625rem',
})
;({
  '--transform-translate-y': '0.75rem',
})
;({
  '--transform-translate-y': '0.875rem',
})
;({
  '--transform-translate-y': '1rem',
})
;({
  '--transform-translate-y': '1.25rem',
})
;({
  '--transform-translate-y': '1.5rem',
})
;({
  '--transform-translate-y': '1.75rem',
})
;({
  '--transform-translate-y': '2rem',
})
;({
  '--transform-translate-y': '2.25rem',
})
;({
  '--transform-translate-y': '2.5rem',
})
;({
  '--transform-translate-y': '2.75rem',
})
;({
  '--transform-translate-y': '3rem',
})
;({
  '--transform-translate-y': '3.5rem',
})
;({
  '--transform-translate-y': '4rem',
})
;({
  '--transform-translate-y': '5rem',
})
;({
  '--transform-translate-y': '6rem',
})
;({
  '--transform-translate-y': '7rem',
})
;({
  '--transform-translate-y': '8rem',
})
;({
  '--transform-translate-y': '9rem',
})
;({
  '--transform-translate-y': '10rem',
})
;({
  '--transform-translate-y': '11rem',
})
;({
  '--transform-translate-y': '12rem',
})
;({
  '--transform-translate-y': '13rem',
})
;({
  '--transform-translate-y': '14rem',
})
;({
  '--transform-translate-y': '15rem',
})
;({
  '--transform-translate-y': '16rem',
})
;({
  '--transform-translate-y': '18rem',
})
;({
  '--transform-translate-y': '20rem',
})
;({
  '--transform-translate-y': '24rem',
})
;({
  '--transform-translate-y': '1px',
})
;({
  '--transform-translate-y': '50%',
})
;({
  '--transform-translate-y': '33.333333%',
})
;({
  '--transform-translate-y': '66.666667%',
})
;({
  '--transform-translate-y': '25%',
})
;({
  '--transform-translate-y': '50%',
})
;({
  '--transform-translate-y': '75%',
})
;({
  '--transform-translate-y': '100%',
})
;({
  '--transform-translate-y': '-0px',
})
;({
  '--transform-translate-y': '-0.125rem',
})
;({
  '--transform-translate-y': '-0.25rem',
})
;({
  '--transform-translate-y': '-0.375rem',
})
;({
  '--transform-translate-y': '-0.5rem',
})
;({
  '--transform-translate-y': '-0.625rem',
})
;({
  '--transform-translate-y': '-0.75rem',
})
;({
  '--transform-translate-y': '-0.875rem',
})
;({
  '--transform-translate-y': '-1rem',
})
;({
  '--transform-translate-y': '-1.25rem',
})
;({
  '--transform-translate-y': '-1.5rem',
})
;({
  '--transform-translate-y': '-1.75rem',
})
;({
  '--transform-translate-y': '-2rem',
})
;({
  '--transform-translate-y': '-2.25rem',
})
;({
  '--transform-translate-y': '-2.5rem',
})
;({
  '--transform-translate-y': '-2.75rem',
})
;({
  '--transform-translate-y': '-3rem',
})
;({
  '--transform-translate-y': '-3.5rem',
})
;({
  '--transform-translate-y': '-4rem',
})
;({
  '--transform-translate-y': '-5rem',
})
;({
  '--transform-translate-y': '-6rem',
})
;({
  '--transform-translate-y': '-7rem',
})
;({
  '--transform-translate-y': '-8rem',
})
;({
  '--transform-translate-y': '-9rem',
})
;({
  '--transform-translate-y': '-10rem',
})
;({
  '--transform-translate-y': '-11rem',
})
;({
  '--transform-translate-y': '-12rem',
})
;({
  '--transform-translate-y': '-13rem',
})
;({
  '--transform-translate-y': '-14rem',
})
;({
  '--transform-translate-y': '-15rem',
})
;({
  '--transform-translate-y': '-16rem',
})
;({
  '--transform-translate-y': '-18rem',
})
;({
  '--transform-translate-y': '-20rem',
})
;({
  '--transform-translate-y': '-24rem',
})
;({
  '--transform-translate-y': '-1px',
})
;({
  '--transform-translate-y': '-50%',
})
;({
  '--transform-translate-y': '-33.333333%',
})
;({
  '--transform-translate-y': '-66.666667%',
})
;({
  '--transform-translate-y': '-25%',
})
;({
  '--transform-translate-y': '-50%',
})
;({
  '--transform-translate-y': '-75%',
})
;({
  '--transform-translate-y': '-100%',
}) // https://tailwindcss.com/docs/skew

;({
  '--transform-skew-x': '0deg',
})
;({
  '--transform-skew-x': '1deg',
})
;({
  '--transform-skew-x': '2deg',
})
;({
  '--transform-skew-x': '3deg',
})
;({
  '--transform-skew-x': '6deg',
})
;({
  '--transform-skew-x': '12deg',
})
;({
  '--transform-skew-x': '-12deg',
})
;({
  '--transform-skew-x': '-6deg',
})
;({
  '--transform-skew-x': '-3deg',
})
;({
  '--transform-skew-x': '-2deg',
})
;({
  '--transform-skew-x': '-1deg',
})
;({
  '--transform-skew-y': '0deg',
})
;({
  '--transform-skew-y': '1deg',
})
;({
  '--transform-skew-y': '2deg',
})
;({
  '--transform-skew-y': '3deg',
})
;({
  '--transform-skew-y': '6deg',
})
;({
  '--transform-skew-y': '12deg',
})
;({
  '--transform-skew-y': '-12deg',
})
;({
  '--transform-skew-y': '-6deg',
})
;({
  '--transform-skew-y': '-3deg',
})
;({
  '--transform-skew-y': '-2deg',
})
;({
  '--transform-skew-y': '-1deg',
})


`;

exports[`twin.macro transitions.js: transitions.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/transition-property
tw\`transition-none\`
tw\`transition-all\`
tw\`transition\`
tw\`transition-colors\`
tw\`transition-opacity\`
tw\`transition-shadow\`
tw\`transition-transform\`

// https://tailwindcss.com/docs/transition-duration
tw\`duration-75\`
tw\`duration-100\`
tw\`duration-150\`
tw\`duration-200\`
tw\`duration-300\`
tw\`duration-500\`
tw\`duration-700\`
tw\`duration-1000\`

// https://tailwindcss.com/docs/transition-timing-function
tw\`ease-linear\`
tw\`ease-in\`
tw\`ease-out\`
tw\`ease-in-out\`

// https://tailwindcss.com/docs/transition-delay
tw\`delay-75\`
tw\`delay-100\`
tw\`delay-150\`
tw\`delay-200\`
tw\`delay-300\`
tw\`delay-500\`
tw\`delay-700\`
tw\`delay-1000\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/transition-property
;({
  transitionProperty: 'none',
})
;({
  transitionProperty: 'all',
})
;({
  transitionProperty:
    'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform',
})
;({
  transitionProperty: 'background-color, border-color, color, fill, stroke',
})
;({
  transitionProperty: 'opacity',
})
;({
  transitionProperty: 'box-shadow',
})
;({
  transitionProperty: 'transform',
}) // https://tailwindcss.com/docs/transition-duration

;({
  transitionDuration: '75ms',
})
;({
  transitionDuration: '100ms',
})
;({
  transitionDuration: '150ms',
})
;({
  transitionDuration: '200ms',
})
;({
  transitionDuration: '300ms',
})
;({
  transitionDuration: '500ms',
})
;({
  transitionDuration: '700ms',
})
;({
  transitionDuration: '1000ms',
}) // https://tailwindcss.com/docs/transition-timing-function

;({
  transitionTimingFunction: 'linear',
})
;({
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 1, 1)',
})
;({
  transitionTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
})
;({
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
}) // https://tailwindcss.com/docs/transition-delay

;({
  transitionDelay: '75ms',
})
;({
  transitionDelay: '100ms',
})
;({
  transitionDelay: '150ms',
})
;({
  transitionDelay: '200ms',
})
;({
  transitionDelay: '300ms',
})
;({
  transitionDelay: '500ms',
})
;({
  transitionDelay: '700ms',
})
;({
  transitionDelay: '1000ms',
})


`;

exports[`twin.macro typography.js: typography.js 1`] = `

import tw from './macro'

// https://tailwindcss.com/docs/font-family
tw\`font-sans\`
tw\`font-serif\`
tw\`font-mono\`

// https://tailwindcss.com/docs/font-size
tw\`text-xs\`
tw\`text-sm\`
tw\`text-base\`
tw\`text-lg\`
tw\`text-xl\`
tw\`text-2xl\`
tw\`text-3xl\`
tw\`text-4xl\`
tw\`text-5xl\`
tw\`text-6xl\`
tw\`text-7xl\`
tw\`text-8xl\`
tw\`text-9xl\`

// Extended config
tw\`text-size\`
tw\`text-sizeLineHeight\`
tw\`text-sizeLineHeightLetterSpacing\`

// https://tailwindcss.com/docs/font-smoothing
tw\`antialiased\`
tw\`subpixel-antialiased\`

// https://tailwindcss.com/docs/font-style
tw\`italic\`
tw\`not-italic\`

// https://tailwindcss.com/docs/font-weight
tw\`font-thin\`
tw\`font-extralight\`
tw\`font-light\`
tw\`font-normal\`
tw\`font-medium\`
tw\`font-semibold\`
tw\`font-bold\`
tw\`font-extrabold\`
tw\`font-black\`

// font-variant-numeric
tw\`ordinal\`
tw\`slashed-zero\`
tw\`lining-nums\`
tw\`oldstyle-nums\`
tw\`proportional-nums\`
tw\`tabular-nums\`
tw\`diagonal-fractions\`
tw\`stacked-fractions\`
tw\`normal-nums\`

// https://tailwindcss.com/docs/letter-spacing
tw\`tracking-tighter\`
tw\`tracking-tight\`
tw\`tracking-tight\`
tw\`tracking-normal\`
tw\`tracking-wide\`
tw\`tracking-wider\`
tw\`tracking-widest\`

// https://tailwindcss.com/docs/line-height
tw\`leading-3\`
tw\`leading-4\`
tw\`leading-5\`
tw\`leading-6\`
tw\`leading-7\`
tw\`leading-8\`
tw\`leading-9\`
tw\`leading-10\`
tw\`leading-none\`
tw\`leading-tight\`
tw\`leading-snug\`
tw\`leading-normal\`
tw\`leading-relaxed\`
tw\`leading-loose\`

// https://tailwindcss.com/docs/list-style-type
tw\`list-none\`
tw\`list-disc\`
tw\`list-decimal\`

// https://tailwindcss.com/docs/list-style-position
tw\`list-inside\`
tw\`list-outside\`

// https://tailwindcss.com/docs/placeholder-color
tw\`placeholder-transparent\`
tw\`placeholder-current\`
tw\`placeholder-black\`
tw\`placeholder-white\`
tw\`placeholder-gray-50\`
tw\`placeholder-gray-100\`
tw\`placeholder-gray-200\`
tw\`placeholder-gray-300\`
tw\`placeholder-gray-400\`
tw\`placeholder-gray-500\`
tw\`placeholder-gray-600\`
tw\`placeholder-gray-700\`
tw\`placeholder-gray-800\`
tw\`placeholder-gray-900\`
tw\`placeholder-red-50\`
tw\`placeholder-red-100\`
tw\`placeholder-red-200\`
tw\`placeholder-red-300\`
tw\`placeholder-red-400\`
tw\`placeholder-red-500\`
tw\`placeholder-red-600\`
tw\`placeholder-red-700\`
tw\`placeholder-red-800\`
tw\`placeholder-red-900\`
tw\`placeholder-yellow-50\`
tw\`placeholder-yellow-100\`
tw\`placeholder-yellow-200\`
tw\`placeholder-yellow-300\`
tw\`placeholder-yellow-400\`
tw\`placeholder-yellow-500\`
tw\`placeholder-yellow-600\`
tw\`placeholder-yellow-700\`
tw\`placeholder-yellow-800\`
tw\`placeholder-yellow-900\`
tw\`placeholder-green-50\`
tw\`placeholder-green-100\`
tw\`placeholder-green-200\`
tw\`placeholder-green-300\`
tw\`placeholder-green-400\`
tw\`placeholder-green-500\`
tw\`placeholder-green-600\`
tw\`placeholder-green-700\`
tw\`placeholder-green-800\`
tw\`placeholder-green-900\`
tw\`placeholder-blue-50\`
tw\`placeholder-blue-100\`
tw\`placeholder-blue-200\`
tw\`placeholder-blue-300\`
tw\`placeholder-blue-400\`
tw\`placeholder-blue-500\`
tw\`placeholder-blue-600\`
tw\`placeholder-blue-700\`
tw\`placeholder-blue-800\`
tw\`placeholder-blue-900\`
tw\`placeholder-indigo-50\`
tw\`placeholder-indigo-100\`
tw\`placeholder-indigo-200\`
tw\`placeholder-indigo-300\`
tw\`placeholder-indigo-400\`
tw\`placeholder-indigo-500\`
tw\`placeholder-indigo-600\`
tw\`placeholder-indigo-700\`
tw\`placeholder-indigo-800\`
tw\`placeholder-indigo-900\`
tw\`placeholder-purple-50\`
tw\`placeholder-purple-100\`
tw\`placeholder-purple-200\`
tw\`placeholder-purple-300\`
tw\`placeholder-purple-400\`
tw\`placeholder-purple-500\`
tw\`placeholder-purple-600\`
tw\`placeholder-purple-700\`
tw\`placeholder-purple-800\`
tw\`placeholder-purple-900\`
tw\`placeholder-pink-50\`
tw\`placeholder-pink-100\`
tw\`placeholder-pink-200\`
tw\`placeholder-pink-300\`
tw\`placeholder-pink-400\`
tw\`placeholder-pink-500\`
tw\`placeholder-pink-600\`
tw\`placeholder-pink-700\`
tw\`placeholder-pink-800\`
tw\`placeholder-pink-900\`

// https://tailwindcss.com/docs/placeholder-opacity
tw\`placeholder-opacity-0\`
tw\`placeholder-opacity-5\`
tw\`placeholder-opacity-10\`
tw\`placeholder-opacity-20\`
tw\`placeholder-opacity-25\`
tw\`placeholder-opacity-30\`
tw\`placeholder-opacity-40\`
tw\`placeholder-opacity-50\`
tw\`placeholder-opacity-60\`
tw\`placeholder-opacity-70\`
tw\`placeholder-opacity-75\`
tw\`placeholder-opacity-80\`
tw\`placeholder-opacity-90\`
tw\`placeholder-opacity-95\`
tw\`placeholder-opacity-100\`

// https://tailwindcss.com/docs/text-align
tw\`text-left\`
tw\`text-center\`
tw\`text-right\`
tw\`text-justify\`

// https://tailwindcss.com/docs/text-color
tw\`text-transparent\`
tw\`text-current\`
tw\`text-black\`
tw\`text-white\`
tw\`text-gray-50\`
tw\`text-gray-100\`
tw\`text-gray-200\`
tw\`text-gray-300\`
tw\`text-gray-400\`
tw\`text-gray-500\`
tw\`text-gray-600\`
tw\`text-gray-700\`
tw\`text-gray-800\`
tw\`text-gray-900\`
tw\`text-red-50\`
tw\`text-red-100\`
tw\`text-red-200\`
tw\`text-red-300\`
tw\`text-red-400\`
tw\`text-red-500\`
tw\`text-red-600\`
tw\`text-red-700\`
tw\`text-red-800\`
tw\`text-red-900\`
tw\`text-yellow-50\`
tw\`text-yellow-100\`
tw\`text-yellow-200\`
tw\`text-yellow-300\`
tw\`text-yellow-400\`
tw\`text-yellow-500\`
tw\`text-yellow-600\`
tw\`text-yellow-700\`
tw\`text-yellow-800\`
tw\`text-yellow-900\`
tw\`text-green-50\`
tw\`text-green-100\`
tw\`text-green-200\`
tw\`text-green-300\`
tw\`text-green-400\`
tw\`text-green-500\`
tw\`text-green-600\`
tw\`text-green-700\`
tw\`text-green-800\`
tw\`text-green-900\`
tw\`text-blue-50\`
tw\`text-blue-100\`
tw\`text-blue-200\`
tw\`text-blue-300\`
tw\`text-blue-400\`
tw\`text-blue-500\`
tw\`text-blue-600\`
tw\`text-blue-700\`
tw\`text-blue-800\`
tw\`text-blue-900\`
tw\`text-indigo-50\`
tw\`text-indigo-100\`
tw\`text-indigo-200\`
tw\`text-indigo-300\`
tw\`text-indigo-400\`
tw\`text-indigo-500\`
tw\`text-indigo-600\`
tw\`text-indigo-700\`
tw\`text-indigo-800\`
tw\`text-indigo-900\`
tw\`text-purple-50\`
tw\`text-purple-100\`
tw\`text-purple-200\`
tw\`text-purple-300\`
tw\`text-purple-400\`
tw\`text-purple-500\`
tw\`text-purple-600\`
tw\`text-purple-700\`
tw\`text-purple-800\`
tw\`text-purple-900\`
tw\`text-pink-50\`
tw\`text-pink-100\`
tw\`text-pink-200\`
tw\`text-pink-300\`
tw\`text-pink-400\`
tw\`text-pink-500\`
tw\`text-pink-600\`
tw\`text-pink-700\`
tw\`text-pink-800\`
tw\`text-pink-900\`

// https://tailwindcss.com/docs/text-opacity
tw\`text-opacity-0\`
tw\`text-opacity-5\`
tw\`text-opacity-10\`
tw\`text-opacity-20\`
tw\`text-opacity-25\`
tw\`text-opacity-30\`
tw\`text-opacity-40\`
tw\`text-opacity-50\`
tw\`text-opacity-60\`
tw\`text-opacity-70\`
tw\`text-opacity-75\`
tw\`text-opacity-80\`
tw\`text-opacity-90\`
tw\`text-opacity-95\`
tw\`text-opacity-100\`

// https://tailwindcss.com/docs/text-decoration
tw\`underline\`
tw\`line-through\`
tw\`no-underline\`

// https://tailwindcss.com/docs/text-transform
tw\`uppercase\`
tw\`lowercase\`
tw\`capitalize\`
tw\`normal-case\`

// https://tailwindcss.com/docs/text-overflow
tw\`truncate\`
tw\`overflow-ellipsis\`
tw\`overflow-clip\`

// https://tailwindcss.com/docs/vertical-align
tw\`align-baseline\`
tw\`align-top\`
tw\`align-middle\`
tw\`align-bottom\`
tw\`align-text-top\`
tw\`align-text-bottom\`

// https://tailwindcss.com/docs/whitespace
tw\`whitespace-normal\`
tw\`whitespace-no-wrap\`
tw\`whitespace-pre\`
tw\`whitespace-pre-line\`
tw\`whitespace-pre-wrap\`

// https://tailwindcss.com/docs/word-break
tw\`break-normal\`
tw\`break-words\`
tw\`break-all\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/font-family
;({
  fontFamily:
    '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"',
})
;({
  fontFamily: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
})
;({
  fontFamily:
    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
}) // https://tailwindcss.com/docs/font-size

;({
  fontSize: '0.75rem',
  lineHeight: '1rem',
})
;({
  fontSize: '0.875rem',
  lineHeight: '1.25rem',
})
;({
  fontSize: '1rem',
  lineHeight: '1.5rem',
})
;({
  fontSize: '1.125rem',
  lineHeight: '1.75rem',
})
;({
  fontSize: '1.25rem',
  lineHeight: '1.75rem',
})
;({
  fontSize: '1.5rem',
  lineHeight: '2rem',
})
;({
  fontSize: '1.875rem',
  lineHeight: '2.25rem',
})
;({
  fontSize: '2.25rem',
  lineHeight: '2.5rem',
})
;({
  fontSize: '3rem',
  lineHeight: '1',
})
;({
  fontSize: '3.75rem',
  lineHeight: '1',
})
;({
  fontSize: '4.5rem',
  lineHeight: '1',
})
;({
  fontSize: '6rem',
  lineHeight: '1',
})
;({
  fontSize: '8rem',
  lineHeight: '1',
}) // Extended config

;({
  fontSize: '24px',
})
;({
  fontSize: '24px',
  lineHeight: '15px',
})
;({
  fontSize: '32px',
  lineHeight: '40px',
  letterSpacing: '-0.02em',
}) // https://tailwindcss.com/docs/font-smoothing

;({
  WebkitFontSmoothing: 'antialiased',
  MozOsxFontSmoothing: 'grayscale',
})
;({
  WebkitFontSmoothing: 'auto',
  MozOsxFontSmoothing: 'auto',
}) // https://tailwindcss.com/docs/font-style

;({
  fontStyle: 'italic',
})
;({
  fontStyle: 'normal',
}) // https://tailwindcss.com/docs/font-weight

;({
  fontWeight: '100',
})
;({
  fontWeight: '200',
})
;({
  fontWeight: '300',
})
;({
  fontWeight: '400',
})
;({
  fontWeight: '500',
})
;({
  fontWeight: '600',
})
;({
  fontWeight: '700',
})
;({
  fontWeight: '800',
})
;({
  fontWeight: '900',
}) // font-variant-numeric

;({
  '--font-variant-numeric-ordinal': 'ordinal',
  '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)',
  fontVariantNumeric:
    'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
})
;({
  '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-slashed-zero': 'slashed-zero',
  '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)',
  fontVariantNumeric:
    'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
})
;({
  '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-figure': 'lining-nums',
  '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)',
  fontVariantNumeric:
    'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
})
;({
  '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-figure': 'oldstyle-nums',
  '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)',
  fontVariantNumeric:
    'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
})
;({
  '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-spacing': 'proportional-nums',
  '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)',
  fontVariantNumeric:
    'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
})
;({
  '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-spacing': 'tabular-nums',
  '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)',
  fontVariantNumeric:
    'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
})
;({
  '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-fraction': 'diagonal-fractions',
  fontVariantNumeric:
    'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
})
;({
  '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)',
  '--font-variant-numeric-fraction': 'stacked-fractions',
  fontVariantNumeric:
    'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
})
;({
  fontVariantNumeric: 'normal',
}) // https://tailwindcss.com/docs/letter-spacing

;({
  letterSpacing: '-0.05em',
})
;({
  letterSpacing: '-0.025em',
})
;({
  letterSpacing: '-0.025em',
})
;({
  letterSpacing: '0em',
})
;({
  letterSpacing: '0.025em',
})
;({
  letterSpacing: '0.05em',
})
;({
  letterSpacing: '0.1em',
}) // https://tailwindcss.com/docs/line-height

;({
  lineHeight: '.75rem',
})
;({
  lineHeight: '1rem',
})
;({
  lineHeight: '1.25rem',
})
;({
  lineHeight: '1.5rem',
})
;({
  lineHeight: '1.75rem',
})
;({
  lineHeight: '2rem',
})
;({
  lineHeight: '2.25rem',
})
;({
  lineHeight: '2.5rem',
})
;({
  lineHeight: '1',
})
;({
  lineHeight: '1.25',
})
;({
  lineHeight: '1.375',
})
;({
  lineHeight: '1.5',
})
;({
  lineHeight: '1.625',
})
;({
  lineHeight: '2',
}) // https://tailwindcss.com/docs/list-style-type

;({
  listStyleType: 'none',
})
;({
  listStyleType: 'disc',
})
;({
  listStyleType: 'decimal',
}) // https://tailwindcss.com/docs/list-style-position

;({
  listStylePosition: 'inside',
})
;({
  listStylePosition: 'outside',
}) // https://tailwindcss.com/docs/placeholder-color

;({
  '::placeholder': {
    color: 'transparent',
  },
})
;({
  '::placeholder': {
    color: 'currentColor',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(0, 0, 0, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(255, 255, 255, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(249, 250, 251, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(243, 244, 246, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(229, 231, 235, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(209, 213, 219, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(156, 163, 175, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(107, 114, 128, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(75, 85, 99, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(55, 65, 81, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(31, 41, 55, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(17, 24, 39, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(254, 242, 242, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(254, 226, 226, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(254, 202, 202, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(252, 165, 165, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(248, 113, 113, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(239, 68, 68, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(220, 38, 38, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(185, 28, 28, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(153, 27, 27, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(127, 29, 29, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(255, 251, 235, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(254, 243, 199, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(253, 230, 138, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(252, 211, 77, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(251, 191, 36, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(245, 158, 11, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(217, 119, 6, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(180, 83, 9, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(146, 64, 14, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(120, 53, 15, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(236, 253, 245, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(209, 250, 229, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(167, 243, 208, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(110, 231, 183, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(52, 211, 153, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(16, 185, 129, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(5, 150, 105, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(4, 120, 87, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(6, 95, 70, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(6, 78, 59, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(239, 246, 255, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(219, 234, 254, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(191, 219, 254, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(147, 197, 253, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(96, 165, 250, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(59, 130, 246, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(37, 99, 235, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(29, 78, 216, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(30, 64, 175, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(30, 58, 138, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(238, 242, 255, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(224, 231, 255, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(199, 210, 254, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(165, 180, 252, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(129, 140, 248, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(99, 102, 241, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(79, 70, 229, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(67, 56, 202, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(55, 48, 163, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(49, 46, 129, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(245, 243, 255, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(237, 233, 254, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(221, 214, 254, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(196, 181, 253, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(167, 139, 250, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(139, 92, 246, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(124, 58, 237, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(109, 40, 217, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(91, 33, 182, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(76, 29, 149, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(253, 242, 248, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(252, 231, 243, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(251, 207, 232, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(249, 168, 212, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(244, 114, 182, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(236, 72, 153, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(219, 39, 119, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(190, 24, 93, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(157, 23, 77, var(--placeholder-opacity))',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
    color: 'rgba(131, 24, 67, var(--placeholder-opacity))',
  },
}) // https://tailwindcss.com/docs/placeholder-opacity

;({
  '::placeholder': {
    '--placeholder-opacity': '0',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.05',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.1',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.2',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.25',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.3',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.4',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.5',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.6',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.7',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.75',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.8',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.9',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '0.95',
  },
})
;({
  '::placeholder': {
    '--placeholder-opacity': '1',
  },
}) // https://tailwindcss.com/docs/text-align

;({
  textAlign: 'left',
})
;({
  textAlign: 'center',
})
;({
  textAlign: 'right',
})
;({
  textAlign: 'justify',
}) // https://tailwindcss.com/docs/text-color

;({
  color: 'transparent',
})
;({
  color: 'currentColor',
})
;({
  '--text-opacity': '1',
  color: 'rgba(0, 0, 0, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(255, 255, 255, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(249, 250, 251, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(243, 244, 246, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(229, 231, 235, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(209, 213, 219, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(156, 163, 175, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(107, 114, 128, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(75, 85, 99, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(55, 65, 81, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(31, 41, 55, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(17, 24, 39, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(254, 242, 242, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(254, 226, 226, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(254, 202, 202, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(252, 165, 165, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(248, 113, 113, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(239, 68, 68, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(220, 38, 38, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(185, 28, 28, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(153, 27, 27, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(127, 29, 29, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(255, 251, 235, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(254, 243, 199, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(253, 230, 138, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(252, 211, 77, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(251, 191, 36, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(245, 158, 11, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(217, 119, 6, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(180, 83, 9, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(146, 64, 14, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(120, 53, 15, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(236, 253, 245, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(209, 250, 229, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(167, 243, 208, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(110, 231, 183, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(52, 211, 153, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(16, 185, 129, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(5, 150, 105, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(4, 120, 87, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(6, 95, 70, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(6, 78, 59, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(239, 246, 255, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(219, 234, 254, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(191, 219, 254, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(147, 197, 253, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(96, 165, 250, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(59, 130, 246, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(37, 99, 235, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(29, 78, 216, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(30, 64, 175, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(30, 58, 138, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(238, 242, 255, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(224, 231, 255, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(199, 210, 254, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(165, 180, 252, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(129, 140, 248, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(99, 102, 241, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(79, 70, 229, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(67, 56, 202, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(55, 48, 163, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(49, 46, 129, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(245, 243, 255, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(237, 233, 254, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(221, 214, 254, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(196, 181, 253, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(167, 139, 250, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(139, 92, 246, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(124, 58, 237, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(109, 40, 217, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(91, 33, 182, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(76, 29, 149, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(253, 242, 248, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(252, 231, 243, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(251, 207, 232, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(249, 168, 212, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(244, 114, 182, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(236, 72, 153, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(219, 39, 119, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(190, 24, 93, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(157, 23, 77, var(--text-opacity))',
})
;({
  '--text-opacity': '1',
  color: 'rgba(131, 24, 67, var(--text-opacity))',
}) // https://tailwindcss.com/docs/text-opacity

;({
  '--text-opacity': '0',
})
;({
  '--text-opacity': '0.05',
})
;({
  '--text-opacity': '0.1',
})
;({
  '--text-opacity': '0.2',
})
;({
  '--text-opacity': '0.25',
})
;({
  '--text-opacity': '0.3',
})
;({
  '--text-opacity': '0.4',
})
;({
  '--text-opacity': '0.5',
})
;({
  '--text-opacity': '0.6',
})
;({
  '--text-opacity': '0.7',
})
;({
  '--text-opacity': '0.75',
})
;({
  '--text-opacity': '0.8',
})
;({
  '--text-opacity': '0.9',
})
;({
  '--text-opacity': '0.95',
})
;({
  '--text-opacity': '1',
}) // https://tailwindcss.com/docs/text-decoration

;({
  textDecoration: 'underline',
})
;({
  textDecoration: 'line-through',
})
;({
  textDecoration: 'none',
}) // https://tailwindcss.com/docs/text-transform

;({
  textTransform: 'uppercase',
})
;({
  textTransform: 'lowercase',
})
;({
  textTransform: 'capitalize',
})
;({
  textTransform: 'none',
}) // https://tailwindcss.com/docs/text-overflow

;({
  overflow: 'hidden',
  textOverflow: 'ellipsis',
  whiteSpace: 'nowrap',
})
;({
  textOverflow: 'ellipsis',
})
;({
  textOverflow: 'clip',
}) // https://tailwindcss.com/docs/vertical-align

;({
  verticalAlign: 'baseline',
})
;({
  verticalAlign: 'top',
})
;({
  verticalAlign: 'middle',
})
;({
  verticalAlign: 'bottom',
})
;({
  verticalAlign: 'text-top',
})
;({
  verticalAlign: 'text-bottom',
}) // https://tailwindcss.com/docs/whitespace

;({
  whiteSpace: 'normal',
})
;({
  whiteSpace: 'nowrap',
})
;({
  whiteSpace: 'pre',
})
;({
  whiteSpace: 'pre-line',
})
;({
  whiteSpace: 'pre-wrap',
}) // https://tailwindcss.com/docs/word-break

;({
  wordBreak: 'normal',
  overflowWrap: 'normal',
})
;({
  overflowWrap: 'break-word',
})
;({
  wordBreak: 'break-all',
})


`;

exports[`twin.macro variables.js: variables.js 1`] = `

import tw from './macro'

/**
 * Test a user created css class with a css variable as a rule property
 */

tw\`css-class-with-variable-as-rule-property\`

      ↓ ↓ ↓ ↓ ↓ ↓

/**
 * Test a user created css class with a css variable as a rule property
 */
;({
  '--some-css-variable-as-rule-prop': 'blue',
})


`;