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',
})
;({
  '--tw-text-opacity': '1',
  color: 'rgba(128, 0, 128, var(--tw-text-opacity))',
})
;({
  '--tw-text-opacity': '1',
  color: 'rgba(0, 0, 255, var(--tw-text-opacity))',
})
;({
  '--tw-text-opacity': '1',
  color: 'rgba(128, 0, 128, var(--tw-text-opacity))',
})
;({
  color: '0',
})
;({
  color: 'blue,purple,orange',
})
;({
  '--tw-text-opacity': '1',
  color: 'rgba(0, 0, 255, var(--tw-text-opacity))',
})
;({
  color: 'rgba(var(--color-primary), var(--tw-text-opacity, 1))',
})
;({
  backgroundColor: '0',
})
;({
  '--tw-bg-opacity': '1',
  backgroundColor: 'rgba(128, 0, 128, var(--tw-bg-opacity))',
})
;({
  '--tw-bg-opacity': '1',
  backgroundColor: 'rgba(0, 0, 255, var(--tw-bg-opacity))',
})
;({
  '--tw-bg-opacity': '1',
  backgroundColor: 'rgba(128, 0, 128, var(--tw-bg-opacity))',
})
;({
  backgroundColor: '0',
})
;({
  backgroundColor: 'blue,purple,orange',
})
;({
  '--tw-bg-opacity': '1',
  backgroundColor: 'rgba(0, 0, 255, var(--tw-bg-opacity))',
})
;({
  backgroundColor: 'rgba(var(--color-primary), var(--tw-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\`stroke-non-scaling\`

      ↓ ↓ ↓ ↓ ↓ ↓

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


`;

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

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({
  '--tw-text-opacity': '1',
  color: 'rgba(239, 68, 68, var(--tw-text-opacity))',
})

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

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

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

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

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

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

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

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

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

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

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

const StateStatePlaceholderImportant = _styled.input({
  ':active': {
    ':hover': {
      '::placeholder': {
        '--tw-placeholder-opacity': '1',
        color: 'rgba(239, 68, 68, var(--tw-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': {
        '--tw-placeholder-opacity': '1',
        color: 'rgba(239, 68, 68, var(--tw-placeholder-opacity))',
      },
    }}
  />
)

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

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


`;

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

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\`
      font-family: \${theme\`fontFamily.sans\`};
    \`}
  />
)

const themeFirstFromArray = (
  <input
    css={css\`
      outline: \${theme\`outline.black\`};
    \`}
  />
)

const themeFontNoLineheight = (
  <input
    css={css\`
      outline: \${theme\`fontSize.sm\`};
    \`}
  />
)

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 themeSquareBrackets = (
  <input
    css={css\`
      height: \${theme('spacing[2.5]')};
    \`}
  />
)

const GlobalStylesTest = () => <GlobalStyles />

      ↓ ↓ ↓ ↓ ↓ ↓

import { css as _css } from '@emotion/react'
import _styled from '@emotion/styled'
import { Global as _globalImport } from '@emotion/react'

const _GlobalStyles = () => (
  <_globalImport
    styles={_css\`
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  :root {
    -moz-tab-size: 4;
    tab-size: 4;
  }

  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }

  body {
    margin: 0;
  }

  body {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  }

  hr {
    height: 0;
    color: inherit;
  }

  abbr[title] {
    text-decoration: underline dotted;
  }

  b,
  strong {
    font-weight: bolder;
  }

  code,
  kbd,
  samp,
  pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }

  button,
  select {
    text-transform: none;
  }

  button,
  [type='button'],
  [type='reset'],
  [type='submit'] {
    -webkit-appearance: button;
  }

  ::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  :-moz-focusring {
    outline: 1px dotted ButtonText;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  legend {
    padding: 0;
  }

  progress {
    vertical-align: baseline;
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }

  [type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  summary {
    display: list-item;
  }


  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }

  button {
    background-color: transparent;
    background-image: none;
  }

  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

  fieldset {
    margin: 0;
    padding: 0;
  }

  ol,
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  html {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5;
  }

  body {
    font-family: inherit;
    line-height: inherit;
  }

  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }

  hr {
    border-top-width: 1px;
  }

  img {
    border-style: solid;
  }

  textarea {
    resize: vertical;
  }

  input::placeholder,
  textarea::placeholder {
    color: #9ca3af;
  }

  button,
  [role="button"] {
    cursor: pointer;
  }

  table {
    border-collapse: collapse;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    text-decoration: inherit;
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
  }

  pre,
  code,
  kbd,
  samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }

  img,
  video {
    max-width: 100%;
    height: auto;
  }


      @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);
          }
        }
* {
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
  }
* {
  --tw-shadow: 0 0 #0000; }

.base-selector {
content: 'test selector format is retained';
        }
.base-selector2,.base-selector3 {
content: 'test selector format is retained';
        }
@media (min-width: 640px) {
.base-selector2:hover,.base-selector3:hover {
margin-top: 50px;
        }
        }\`}
  />
)

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

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

const cssFunctionTest = (
  <div
    css={_css\`
      \${{
        '--tw-text-opacity': '1',
        color: 'rgba(139, 92, 246, var(--tw-text-opacity))',
      }}
      background-color: purple;
    \`}
  />
)
const styledFunctionTest = _styled.div\`
  \${_css\`
    \${{
      '--tw-text-opacity': '1',
      color: 'rgba(139, 92, 246, var(--tw-text-opacity))',
    }}
    background-color: purple;
  \`}
\`
const themeObjectPurple = (
  <input
    css={_css({
      color: '#8b5cf6',
    })}
  />
)
const themeStringFont = (
  <input
    css={_css\`
      font-family: \${'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'};
    \`}
  />
)
const themeFirstFromArray = (
  <input
    css={_css\`
      outline: \${'2px dotted black'};
    \`}
  />
)
const themeFontNoLineheight = (
  <input
    css={_css\`
      outline: \${'0.875rem'};
    \`}
  />
)
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 themeSquareBrackets = (
  <input
    css={_css\`
      height: \${'0.625rem'};
    \`}
  />
)

const GlobalStylesTest = () => <_GlobalStyles />


`;

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

import './macro'

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

      ↓ ↓ ↓ ↓ ↓ ↓

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


`;

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

import tw from './macro'

// Test the screen ordering - they are ordered by screens in tailwind.config.js
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'

// Test the screen ordering - they are ordered by screens in tailwind.config.js
_styled.div({
  '--tw-bg-opacity': '1',
  backgroundColor: 'rgba(16, 185, 129, var(--tw-bg-opacity))',
  fill: 'currentColor',
  display: 'none',
  '@media (min-width: 640px)': {
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(16, 185, 129, var(--tw-bg-opacity))',
    '--tw-text-opacity': '1',
    color: 'rgba(245, 158, 11, var(--tw-text-opacity))',
  },
  '@media (min-width: 768px)': {
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(236, 72, 153, var(--tw-bg-opacity))',
  },
  '@media (min-width: 1024px)': {
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(59, 130, 246, var(--tw-bg-opacity))',
  },
  '@media (min-width: 1280px)': {
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(239, 68, 68, var(--tw-bg-opacity))',
  },
})


`;

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

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!\` // TODO: 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 addComponentsTestElementPrefixes = tw\`prefixes\`
const addComponentsTestElementScreenReplacements = tw\`screenies\`

tw\`aspect-test-2\`
tw\`aspect-test-4\`
tw\`aspect-test-6\`

      ↓ ↓ ↓ ↓ ↓ ↓

// Tailwind plugin tests
;({
  fontSize: '0.875rem',
  fontWeight: '500',
  lineHeight: '1.25',
})
const addUtilitiesTest = {
  fontSize: '0.875rem',
  fontWeight: '500',
  lineHeight: '1.25',
  '--tw-text-opacity': '1',
  color: 'rgba(239, 68, 68, var(--tw-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!\` // TODO: 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 addComponentsTestElementPrefixes = {
  h1: {
    margin: 'auto',
    marginRight: '10px',
  },
  ':focus': {
    display: 'none',
  },
  'h2:hover': {
    color: 'red',
  },
  'h3:hover': {
    color: 'green',
  },
  'h3:active': {
    color: 'green',
  },
}
const addComponentsTestElementScreenReplacements = {
  '@media (min-width: 640px)': {
    display: 'block',
  },
  '@media (min-width: 1024px)': {
    display: 'inline-block',
  },
  '@media (min-width: 768px)': {
    display: 'flex',
  },
  '@media (min-width: 1280px)': {
    h1: {
      marginTop: '50px',
    },
    'h1:hover': {
      color: 'blue',
    },
    'h1:focus': {
      color: 'blue',
    },
  },
}
;({
  content: 'test',
})
;({
  content: 'test',
})
;({
  content: 'test',
})


`;

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

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" />

const Component4 = () => <div tw="uppercase" css={[tw\`flex\`]} />

const Component5 = () => <div css={[tw\`flex\`]} tw="uppercase" />

const Component6 = () => (
  <div
    tw="uppercase"
    css={\`
      color: red;
    \`}
  />
)

const Component7 = () => (
  <div
    css={\`
      color: red;
    \`}
    tw="uppercase"
  />
)

      ↓ ↓ ↓ ↓ ↓ ↓

const Component1 = () => (
  <div
    css={{
      textTransform: 'uppercase',
    }}
  />
)

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

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

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

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

const Component6 = () => (
  <div
    css={[
      {
        textTransform: 'uppercase',
      },
      \`
      color: red;
    \`,
    ]}
  />
)

const Component7 = () => (
  <div
    css={[
      \`
      color: red;
    \`,
      {
        textTransform: 'uppercase',
      },
    ]}
  />
)


`;

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

import tw from './macro'

tw\`sm:block\`
tw\`md:block\`
tw\`lg:block\`
tw\`xl:block\`
tw\`2xl:block\`

      ↓ ↓ ↓ ↓ ↓ ↓

;({
  '@media (min-width: 640px)': {
    display: 'block',
  },
})
;({
  '@media (min-width: 768px)': {
    display: 'block',
  },
})
;({
  '@media (min-width: 1024px)': {
    display: 'block',
  },
})
;({
  '@media (min-width: 1280px)': {
    display: 'block',
  },
})
;({
  '@media (min-width: 1536px)': {
    display: 'block',
  },
})


`;

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

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)\`
const nestedGroups = tw\`md:(w-10 hocus:(h-10 block bg-black))\`

tw\`(block w-10)\`
tw\`((block w-10))\`
tw\`hover:(block w-10)\`
tw\`md:(hover:(block w-10))\`
tw\`md:(hover:(block (block) w-10))\`
tw\`md:(hover:(block (h-10) w-10))\`

// Important
tw\`(block w-10)!\`
tw\`hover:(block w-10)!\`
tw\`md:(hover:(block (block)! w-10))\`
tw\`md:(hover:(block (h-10)! w-10))\`
tw\`md:(hover:(block w-10)!)\`

// Ignored
tw\`\`
tw\`()\`
tw\`md:()\`
tw\`md:(hover:())\`

      ↓ ↓ ↓ ↓ ↓ ↓

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': {
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
    '--tw-text-opacity': '1',
    color: 'rgba(255, 255, 255, var(--tw-text-opacity))',
    textDecoration: 'underline',
  },
}
const pseudoElement = {
  ':before': {
    content: '""',
    width: '2.5rem',
    height: '2.5rem',
    display: 'block',
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
  },
}
const mediaHover = {
  '@media (min-width: 640px)': {
    ':hover': {
      '--tw-bg-opacity': '1',
      backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
      '--tw-text-opacity': '1',
      color: 'rgba(255, 255, 255, var(--tw-text-opacity))',
    },
  },
}
const sloppySpacing = {
  ':last-child': {
    display: 'flex',
    marginTop: '1.25rem',
  },
}
const multipleGroups = {
  ':focus': {
    width: '2.5rem',
    height: '2.5rem',
    display: 'block',
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
  },
  ':focus-within': {
    '@media (min-width: 768px)': {
      display: 'flex',
    },
    marginTop: '1.25rem',
  },
}
const nestedGroups = {
  '@media (min-width: 768px)': {
    width: '2.5rem',
    ':hover, :focus': {
      height: '2.5rem',
      display: 'block',
      '--tw-bg-opacity': '1',
      backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
    },
  },
}
;({
  display: 'block',
  width: '2.5rem',
})
;({
  display: 'block',
  width: '2.5rem',
})
;({
  ':hover': {
    display: 'block',
    width: '2.5rem',
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      display: 'block',
      width: '2.5rem',
    },
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      display: 'block',
      width: '2.5rem',
    },
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      display: 'block',
      height: '2.5rem',
      width: '2.5rem',
    },
  },
}) // Important

;({
  display: 'block !important',
  width: '2.5rem !important',
})
;({
  ':hover': {
    display: 'block !important',
    width: '2.5rem !important',
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      display: 'block !important',
      width: '2.5rem',
    },
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      display: 'block',
      height: '2.5rem !important',
      width: '2.5rem',
    },
  },
})
;({
  '@media (min-width: 768px)': {
    ':hover': {
      display: 'block !important',
      width: '2.5rem !important',
    },
  },
}) // Ignored

;({})
;({})
;({})
;({})


`;

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

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: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\`
tw\`sibling: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\`

// Media types
tw\`screen:flex\`
tw\`print:flex\`

// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
tw\`motion-safe:flex\`
tw\`motion-reduce:flex\`

// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/any-pointer
tw\`any-pointer-none:flex\`
tw\`any-pointer-fine:flex\`
tw\`any-pointer-coarse:flex\`

// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer
tw\`pointer-none:flex\`
tw\`pointer-fine:flex\`
tw\`pointer-coarse:flex\`

// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/any-hover
tw\`any-hover-none:flex\`
tw\`any-hover:flex\`

// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
tw\`can-hover:flex\`
tw\`cant-hover:flex\`

// https://developer.mozilla.org/en-US/docs/Web/CSS/@media/orientation
tw\`landscape:flex\`
tw\`portrait: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\`

      ↓ ↓ ↓ ↓ ↓ ↓

// 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': {
    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',
  },
})
;({
  '~ *': {
    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',
  },
}) // Media types

;({
  '@media screen': {
    display: 'flex',
  },
})
;({
  '@media print': {
    display: 'flex',
  },
}) // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

;({
  '@media (prefers-reduced-motion: no-preference)': {
    display: 'flex',
  },
})
;({
  '@media (prefers-reduced-motion: reduce)': {
    display: 'flex',
  },
}) // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/any-pointer

;({
  '@media (any-pointer: none)': {
    display: 'flex',
  },
})
;({
  '@media (any-pointer: fine)': {
    display: 'flex',
  },
})
;({
  '@media (any-pointer: coarse)': {
    display: 'flex',
  },
}) // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer

;({
  '@media (pointer: none)': {
    display: 'flex',
  },
})
;({
  '@media (pointer: fine)': {
    display: 'flex',
  },
})
;({
  '@media (pointer: coarse)': {
    display: 'flex',
  },
}) // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/any-hover

;({
  '@media (any-hover: none)': {
    display: 'flex',
  },
})
;({
  '@media (any-hover: hover)': {
    display: 'flex',
  },
}) // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover

;({
  '@media (hover: hover)': {
    display: 'flex',
  },
})
;({
  '@media (hover: none)': {
    display: 'flex',
  },
}) // https://developer.mozilla.org/en-US/docs/Web/CSS/@media/orientation

;({
  '@media (orientation: landscape)': {
    display: 'flex',
  },
})
;({
  '@media (orientation: portrait)': {
    display: 'flex',
  },
}) // Dark/Light themes

;({
  '@media (prefers-color-scheme: dark)': {
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
  },
})
;({
  '@media (prefers-color-scheme: light)': {
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
  },
})
;({
  '@media (prefers-color-scheme: dark)': {
    '@media (min-width: 640px)': {
      '--tw-bg-opacity': '1',
      backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
    },
  },
})
;({
  '@media (prefers-color-scheme: light)': {
    '@media (min-width: 640px)': {
      '--tw-bg-opacity': '1',
      backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
    },
  },
})
;({
  '@media (prefers-color-scheme: dark)': {
    '.group:hover &': {
      '@media (min-width: 640px)': {
        '--tw-bg-opacity': '1',
        backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
      },
    },
  },
})
;({
  '@media (prefers-color-scheme: light)': {
    '.group:hover &, .group:focus &': {
      '@media (min-width: 640px)': {
        '--tw-bg-opacity': '1',
        backgroundColor: 'rgba(0, 0, 0, var(--tw-bg-opacity))',
      },
    },
  },
})
const multiVariants = {
  ':first-child': {
    '@media (min-width: 768px)': {
      display: 'block',
    },
  },
  '@media (min-width: 640px)': {
    ':disabled': {
      display: 'flex',
    },
  },
  '@media (min-width: 1280px)': {
    '::placeholder': {
      '--tw-placeholder-opacity': '1',
      color: 'rgba(239, 68, 68, var(--tw-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 autoCssProp.js: autoCssProp.js 1`] = `

import './macro' // twinImport

// Make sure the autoCssProp is added
;<div css="" />
;<div className="" />

      ↓ ↓ ↓ ↓ ↓ ↓

import _styled2 from 'styled-components'
import _styled from 'styled-components'

var _StyledDiv = _styled('div').withConfig({
  displayName: 'plugintest___StyledDiv',
  componentId: 'sc-16ats9e-0',
})([''])

;<_StyledDiv />
;<div className="" />


`;

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

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

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

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

// https://tailwindcss.com/docs/ring-offset-width
tw\`ring-offset-0\`
tw\`ring-offset-1\`
tw\`ring-offset-2\`
tw\`ring-offset-4\`
tw\`ring-offset-8\`

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

// Combined ring classes
tw\`ring ring-inset ring-purple-500 ring-offset-black ring-offset-4 ring-opacity-50\`
tw\`ring ring-inset ring-purple-500 ring-offset-black ring-offset-4\`
tw\`ring ring-purple-500 ring-offset-black ring-offset-4\`
tw\`ring ring-offset-black ring-offset-4\`
tw\`ring ring-offset-4\`

// Test the ring-opacity ordering - 'ring-opacity-x' should be moved to the end
// https://github.com/ben-rogerson/twin.macro/issues/374
tw\`ring-4 ring-opacity-20 ring-green-500\`
tw\`mt-5 md:(ring-opacity-20 ring-4 ring-green-500) mb-5\`

      ↓ ↓ ↓ ↓ ↓ ↓

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

;({
  '--tw-border-opacity': '0',
})
;({
  '--tw-border-opacity': '0.05',
})
;({
  '--tw-border-opacity': '0.1',
})
;({
  '--tw-border-opacity': '0.2',
})
;({
  '--tw-border-opacity': '0.25',
})
;({
  '--tw-border-opacity': '0.3',
})
;({
  '--tw-border-opacity': '0.4',
})
;({
  '--tw-border-opacity': '0.5',
})
;({
  '--tw-border-opacity': '0.6',
})
;({
  '--tw-border-opacity': '0.7',
})
;({
  '--tw-border-opacity': '0.75',
})
;({
  '--tw-border-opacity': '0.8',
})
;({
  '--tw-border-opacity': '0.9',
})
;({
  '--tw-border-opacity': '0.95',
})
;({
  '--tw-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([hidden]) ~ :not([hidden])': {
    '--tw-divide-x-reverse': 0,
    borderRightWidth: 'calc(0px * var(--tw-divide-x-reverse))',
    borderLeftWidth: 'calc(0px * calc(1 - var(--tw-divide-x-reverse)))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-x-reverse': 0,
    borderRightWidth: 'calc(2px * var(--tw-divide-x-reverse))',
    borderLeftWidth: 'calc(2px * calc(1 - var(--tw-divide-x-reverse)))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-x-reverse': 0,
    borderRightWidth: 'calc(4px * var(--tw-divide-x-reverse))',
    borderLeftWidth: 'calc(4px * calc(1 - var(--tw-divide-x-reverse)))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-x-reverse': 0,
    borderRightWidth: 'calc(8px * var(--tw-divide-x-reverse))',
    borderLeftWidth: 'calc(8px * calc(1 - var(--tw-divide-x-reverse)))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-x-reverse': 0,
    borderRightWidth: 'calc(1px * var(--tw-divide-x-reverse))',
    borderLeftWidth: 'calc(1px * calc(1 - var(--tw-divide-x-reverse)))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-y-reverse': 0,
    borderTopWidth: 'calc(0px * calc(1 - var(--tw-divide-y-reverse)))',
    borderBottomWidth: 'calc(0px * var(--tw-divide-y-reverse))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-y-reverse': 0,
    borderTopWidth: 'calc(2px * calc(1 - var(--tw-divide-y-reverse)))',
    borderBottomWidth: 'calc(2px * var(--tw-divide-y-reverse))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-y-reverse': 0,
    borderTopWidth: 'calc(4px * calc(1 - var(--tw-divide-y-reverse)))',
    borderBottomWidth: 'calc(4px * var(--tw-divide-y-reverse))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-y-reverse': 0,
    borderTopWidth: 'calc(8px * calc(1 - var(--tw-divide-y-reverse)))',
    borderBottomWidth: 'calc(8px * var(--tw-divide-y-reverse))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-y-reverse': 0,
    borderTopWidth: 'calc(1px * calc(1 - var(--tw-divide-y-reverse)))',
    borderBottomWidth: 'calc(1px * var(--tw-divide-y-reverse))',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-x-reverse': 1,
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    '--tw-divide-y-reverse': 1,
  },
}) // https://tailwindcss.com/docs/divide-color

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

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

;({
  '> :not([hidden]) ~ :not([hidden])': {
    borderStyle: 'solid',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    borderStyle: 'dashed',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    borderStyle: 'dotted',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    borderStyle: 'double',
  },
})
;({
  '> :not([hidden]) ~ :not([hidden])': {
    borderStyle: 'none',
  },
}) // https://tailwindcss.com/docs/ring-width

;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
})
;({
  '--tw-ring-inset': 'inset',
}) // https://tailwindcss.com/docs/ring-color

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

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

;({
  '--tw-ring-offset-width': '0px',
})
;({
  '--tw-ring-offset-width': '1px',
})
;({
  '--tw-ring-offset-width': '2px',
})
;({
  '--tw-ring-offset-width': '4px',
})
;({
  '--tw-ring-offset-width': '8px',
}) // https://tailwindcss.com/docs/ring-offset-color

;({
  '--tw-ring-offset-color': 'transparent',
})
;({
  '--tw-ring-offset-color': 'currentColor',
})
;({
  '--tw-ring-offset-color': '#000',
})
;({
  '--tw-ring-offset-color': '#fff',
})
;({
  '--tw-ring-offset-color': '#f9fafb',
})
;({
  '--tw-ring-offset-color': '#f3f4f6',
})
;({
  '--tw-ring-offset-color': '#e5e7eb',
})
;({
  '--tw-ring-offset-color': '#d1d5db',
})
;({
  '--tw-ring-offset-color': '#9ca3af',
})
;({
  '--tw-ring-offset-color': '#6b7280',
})
;({
  '--tw-ring-offset-color': '#4b5563',
})
;({
  '--tw-ring-offset-color': '#374151',
})
;({
  '--tw-ring-offset-color': '#1f2937',
})
;({
  '--tw-ring-offset-color': '#111827',
})
;({
  '--tw-ring-offset-color': '#fef2f2',
})
;({
  '--tw-ring-offset-color': '#fee2e2',
})
;({
  '--tw-ring-offset-color': '#fecaca',
})
;({
  '--tw-ring-offset-color': '#fca5a5',
})
;({
  '--tw-ring-offset-color': '#f87171',
})
;({
  '--tw-ring-offset-color': '#ef4444',
})
;({
  '--tw-ring-offset-color': '#dc2626',
})
;({
  '--tw-ring-offset-color': '#b91c1c',
})
;({
  '--tw-ring-offset-color': '#991b1b',
})
;({
  '--tw-ring-offset-color': '#7f1d1d',
})
;({
  '--tw-ring-offset-color': '#fffbeb',
})
;({
  '--tw-ring-offset-color': '#fef3c7',
})
;({
  '--tw-ring-offset-color': '#fde68a',
})
;({
  '--tw-ring-offset-color': '#fcd34d',
})
;({
  '--tw-ring-offset-color': '#fbbf24',
})
;({
  '--tw-ring-offset-color': '#f59e0b',
})
;({
  '--tw-ring-offset-color': '#d97706',
})
;({
  '--tw-ring-offset-color': '#b45309',
})
;({
  '--tw-ring-offset-color': '#92400e',
})
;({
  '--tw-ring-offset-color': '#78350f',
})
;({
  '--tw-ring-offset-color': '#ecfdf5',
})
;({
  '--tw-ring-offset-color': '#d1fae5',
})
;({
  '--tw-ring-offset-color': '#a7f3d0',
})
;({
  '--tw-ring-offset-color': '#6ee7b7',
})
;({
  '--tw-ring-offset-color': '#34d399',
})
;({
  '--tw-ring-offset-color': '#10b981',
})
;({
  '--tw-ring-offset-color': '#059669',
})
;({
  '--tw-ring-offset-color': '#047857',
})
;({
  '--tw-ring-offset-color': '#065f46',
})
;({
  '--tw-ring-offset-color': '#064e3b',
})
;({
  '--tw-ring-offset-color': '#eff6ff',
})
;({
  '--tw-ring-offset-color': '#dbeafe',
})
;({
  '--tw-ring-offset-color': '#bfdbfe',
})
;({
  '--tw-ring-offset-color': '#93c5fd',
})
;({
  '--tw-ring-offset-color': '#60a5fa',
})
;({
  '--tw-ring-offset-color': '#3b82f6',
})
;({
  '--tw-ring-offset-color': '#2563eb',
})
;({
  '--tw-ring-offset-color': '#1d4ed8',
})
;({
  '--tw-ring-offset-color': '#1e40af',
})
;({
  '--tw-ring-offset-color': '#1e3a8a',
})
;({
  '--tw-ring-offset-color': '#f5f3ff',
})
;({
  '--tw-ring-offset-color': '#ede9fe',
})
;({
  '--tw-ring-offset-color': '#ddd6fe',
})
;({
  '--tw-ring-offset-color': '#c4b5fd',
})
;({
  '--tw-ring-offset-color': '#a78bfa',
})
;({
  '--tw-ring-offset-color': '#8b5cf6',
})
;({
  '--tw-ring-offset-color': '#7c3aed',
})
;({
  '--tw-ring-offset-color': '#6d28d9',
})
;({
  '--tw-ring-offset-color': '#5b21b6',
})
;({
  '--tw-ring-offset-color': '#4c1d95',
})
;({
  '--tw-ring-offset-color': '#fdf2f8',
})
;({
  '--tw-ring-offset-color': '#fce7f3',
})
;({
  '--tw-ring-offset-color': '#fbcfe8',
})
;({
  '--tw-ring-offset-color': '#f9a8d4',
})
;({
  '--tw-ring-offset-color': '#f472b6',
})
;({
  '--tw-ring-offset-color': '#ec4899',
})
;({
  '--tw-ring-offset-color': '#db2777',
})
;({
  '--tw-ring-offset-color': '#be185d',
})
;({
  '--tw-ring-offset-color': '#9d174d',
})
;({
  '--tw-ring-offset-color': '#831843',
}) // Combined ring classes

;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
  '--tw-ring-inset': 'inset',
  '--tw-ring-opacity': '0.5',
  '--tw-ring-color': 'rgba(139, 92, 246, var(--tw-ring-opacity))',
  '--tw-ring-offset-color': '#000',
  '--tw-ring-offset-width': '4px',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
  '--tw-ring-inset': 'inset',
  '--tw-ring-opacity': '1',
  '--tw-ring-color': 'rgba(139, 92, 246, var(--tw-ring-opacity))',
  '--tw-ring-offset-color': '#000',
  '--tw-ring-offset-width': '4px',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
  '--tw-ring-opacity': '1',
  '--tw-ring-color': 'rgba(139, 92, 246, var(--tw-ring-opacity))',
  '--tw-ring-offset-color': '#000',
  '--tw-ring-offset-width': '4px',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
  '--tw-ring-offset-color': '#000',
  '--tw-ring-offset-width': '4px',
})
;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
  '--tw-ring-offset-width': '4px',
}) // Test the ring-opacity ordering - 'ring-opacity-x' should be moved to the end
// https://github.com/ben-rogerson/twin.macro/issues/374

;({
  '--tw-ring-offset-shadow':
    'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
  '--tw-ring-shadow':
    'var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
  boxShadow:
    'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
  '--tw-ring-opacity': '0.2',
  '--tw-ring-color': 'rgba(16, 185, 129, var(--tw-ring-opacity))',
})
;({
  marginTop: '1.25rem',
  marginBottom: '1.25rem',
  '@media (min-width: 768px)': {
    '--tw-ring-offset-shadow':
      'var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)',
    '--tw-ring-shadow':
      'var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)',
    boxShadow:
      'var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)',
    '--tw-ring-opacity': '0.2',
    '--tw-ring-color': 'rgba(16, 185, 129, var(--tw-ring-opacity))',
  },
})


`;

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 comments.js: comments.js 1`] = `

import tw from './macro'

/**
 * Test comments
 */

// singleline
;<div css={tw\`// comment\`} />

// multiline
;<div css={tw\`/* comment */\`} />

// mixture
;<div
  css={tw\`// comment  
/*
multline
comment
*/
block
// comment
\`}
/>

// multiline comment
;<div
  css={tw\`/*  block  
comment too
*/\`}
/>

// singleline comment with class
;<div
  css={tw\`// a comment
block
\`}
/>

// multiline comment out a singleline comment with class
;<div
  css={tw\`/*
// comment */
block
\`}
/>

// mixture with single and multiline on same line
;<div
  css={tw\`// hi
// ho /*
hum
*/\`}
/>

// comment in variant group and consecutive strings
;<div css={tw\`md:(text-xl/* text-yellow-500 */font-black)\`} />

// break right bracket
;<div
  css={tw\`2xl:(// ####@@@@ 
  background[/*start*/rgb(191, 201/*inner*/, 211)])\`}
/>

// comments within multiline comment
;<div
  css={tw\`relative
  lg:(
    /***
    helloworld
    /****/
    //***
    flex
    text-5xl
    border-yellow-500
    /****/
)!\`}
/>

      ↓ ↓ ↓ ↓ ↓ ↓

;<div css={{}} data-tw={'// comment'} /> // multiline
;<div css={{}} data-tw={'/* comment */'} /> // mixture
;<div
  css={{
    display: 'block',
  }}
  data-tw={'// comment /* multline comment */ block // comment'}
/> // multiline comment
;<div css={{}} data-tw={'/* block comment too */'} /> // singleline comment with class
;<div
  css={{
    display: 'block',
  }}
  data-tw={'// a comment block'}
/> // multiline comment out a singleline comment with class
;<div
  css={{
    display: 'block',
  }}
  data-tw={'/* // comment */ block'}
/> // mixture with single and multiline on same line
;<div css={{}} data-tw={'// hi // ho /* hum */'} /> // comment in variant group and consecutive strings
;<div
  css={{
    '@media (min-width: 768px)': {
      fontSize: '1.25rem',
      lineHeight: '1.75rem',
      fontWeight: '900',
    },
  }}
  data-tw={'md:(text-xl/* text-yellow-500 */font-black)'}
/> // break right bracket
;<div
  css={{
    '@media (min-width: 1536px)': {
      background: 'rgb(191, 201, 211)',
    },
  }}
  data-tw={'2xl:(// ####@@@@ background[/*start*/rgb(191, 201/*inner*/, 211)])'}
/> // comments within multiline comment
;<div
  css={{
    position: 'relative',
    '@media (min-width: 1024px)': {
      display: 'flex !important',
      fontSize: '3rem !important',
      lineHeight: '1 !important',
      '--tw-border-opacity': '1',
      borderColor: 'rgba(245, 158, 11, var(--tw-border-opacity)) !important',
    },
  }}
  data-tw={
    'relative lg:( /*** helloworld /****/ //*** flex text-5xl border-yellow-500 /****/ )!'
  }
/>


`;

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
;({
  '--tw-shadow': '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
  boxShadow:
    'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',
})
;({
  '--tw-shadow':
    '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
  boxShadow:
    'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',
})
;({
  '--tw-shadow':
    '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
  boxShadow:
    'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',
})
;({
  '--tw-shadow':
    '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
  boxShadow:
    'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',
})
;({
  '--tw-shadow':
    '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
  boxShadow:
    'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',
})
;({
  '--tw-shadow': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
  boxShadow:
    'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',
})
;({
  '--tw-shadow': 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
  boxShadow:
    'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',
})
;({
  '--tw-shadow': '0 0 #0000',
  boxShadow:
    'var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)',
}) // 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-nowrap\`
tw\`flex-wrap-reverse\`
tw\`flex-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: 'nowrap',
})
;({
  flexWrap: 'wrap-reverse',
})
;({
  flexWrap: 'wrap',
}) // 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 fluidContainer.js: fluidContainer.js 1`] = `

import tw from './macro'

tw\`fluid-container ml-10\`

      ↓ ↓ ↓ ↓ ↓ ↓

;({
  marginLeft: '2.5rem',
  marginRight: 'auto',
  width: '100%',
  ':focus': {
    marginLeft: '10rem',
    marginRight: '11rem',
    width: '100%',
  },
  '@media (min-width: 1440px)': {
    width: '75%',
    backgroundColor: 'black',
    display: 'block',
  },
  '@media only screen and (max-width: 540px)': {
    width: '33%',
    backgroundColor: 'red',
  },
  '@media (min-width: 768px)': {
    ':focus': {
      marginLeft: 'auto',
      marginRight: 'auto',
      width: '100%',
    },
    ':hover': {
      width: '25%',
    },
  },
})


`;

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

import { GlobalStyles } from './macro'
import { css, Global } from '@emotion/react'

const MyGlobals = () => (
  <div>
    <Global
      styles={css\`
        body {
          background: red;
        }
      \`}
    />
    <GlobalStyles />
  </div>
)

      ↓ ↓ ↓ ↓ ↓ ↓

import { Global as _globalImport } from '@emotion/react'

const _GlobalStyles = () => (
  <_globalImport
    styles={css\`
      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }

      :root {
        -moz-tab-size: 4;
        tab-size: 4;
      }

      html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
      }

      body {
        margin: 0;
      }

      body {
        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica,
          Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
      }

      hr {
        height: 0;
        color: inherit;
      }

      abbr[title] {
        text-decoration: underline dotted;
      }

      b,
      strong {
        font-weight: bolder;
      }

      code,
      kbd,
      samp,
      pre {
        font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono',
          Menlo, monospace;
        font-size: 1em;
      }

      small {
        font-size: 80%;
      }

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }

      sub {
        bottom: -0.25em;
      }

      sup {
        top: -0.5em;
      }

      table {
        text-indent: 0;
        border-color: inherit;
      }

      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
      }

      button,
      select {
        text-transform: none;
      }

      button,
      [type='button'],
      [type='reset'],
      [type='submit'] {
        -webkit-appearance: button;
      }

      ::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }

      :-moz-focusring {
        outline: 1px dotted ButtonText;
      }

      :-moz-ui-invalid {
        box-shadow: none;
      }

      legend {
        padding: 0;
      }

      progress {
        vertical-align: baseline;
      }

      ::-webkit-inner-spin-button,
      ::-webkit-outer-spin-button {
        height: auto;
      }

      [type='search'] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
      }

      ::-webkit-search-decoration {
        -webkit-appearance: none;
      }

      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
      }

      summary {
        display: list-item;
      }

      blockquote,
      dl,
      dd,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      hr,
      figure,
      p,
      pre {
        margin: 0;
      }

      button {
        background-color: transparent;
        background-image: none;
      }

      button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
      }

      fieldset {
        margin: 0;
        padding: 0;
      }

      ol,
      ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      html {
        font-family: testSans, testSans2;
        line-height: 1.5;
      }

      body {
        font-family: inherit;
        line-height: inherit;
      }

      *,
      ::before,
      ::after {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: blueish;
      }

      hr {
        border-top-width: 1px;
      }

      img {
        border-style: solid;
      }

      textarea {
        resize: vertical;
      }

      input::placeholder,
      textarea::placeholder {
        color: grayish;
      }

      button,
      [role='button'] {
        cursor: pointer;
      }

      table {
        border-collapse: collapse;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit;
      }

      a {
        color: inherit;
        text-decoration: inherit;
      }

      button,
      input,
      optgroup,
      select,
      textarea {
        padding: 0;
        line-height: inherit;
        color: inherit;
      }

      pre,
      code,
      kbd,
      samp {
        font-family: testMono, testMono2;
      }

      img,
      svg,
      video,
      canvas,
      audio,
      iframe,
      embed,
      object {
        display: block;
        vertical-align: middle;
      }

      img,
      video {
        max-width: 100%;
        height: auto;
      }

      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }
      @keyframes ping {
        75%,
        100% {
          transform: scale(2);
          opacity: 0;
        }
      }
      @keyframes pulse {
        50% {
          opacity: 0.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);
        }
      }
      * {
        --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
        --tw-ring-offset-width: 10px;
        --tw-ring-offset-color: rainbow;
        --tw-ring-color: rgba(59, 130, 246, 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
      }
      * {
        --tw-shadow: 0 0 #0000;
      }
    \`}
  />
)

import { css, Global } from '@emotion/react'

const MyGlobals = () => (
  <div>
    <Global
      styles={css\`
        body {
          background: red;
        }
      \`}
    />
    <_GlobalStyles />
  </div>
)


`;

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

// col-span-x should always be moved to the start
// https://github.com/ben-rogerson/twin.macro/issues/363
tw\`col-start-3 col-span-3\`
tw\`col-span-3 col-start-3\`
tw\`col-end-3 col-span-3\`
tw\`col-span-3 col-end-3\`
tw\`col-start-3 col-end-3 col-span-3\`
tw\`col-span-3 col-start-3 col-end-3\`
tw\`grid col-span-3\`
tw\`grid col-start-3 col-end-3\`
tw\`col-start-3 col-span-3 col-end-3 grid\`
tw\`col-start-3 mt-4 md:(mt-3 col-span-3) mb-4 col-end-3 col-span-3\`

// 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',
}) // col-span-x should always be moved to the start
// https://github.com/ben-rogerson/twin.macro/issues/363

;({
  gridColumn: 'span 3 / span 3',
  gridColumnStart: '3',
})
;({
  gridColumn: 'span 3 / span 3',
  gridColumnStart: '3',
})
;({
  gridColumn: 'span 3 / span 3',
  gridColumnEnd: '3',
})
;({
  gridColumn: 'span 3 / span 3',
  gridColumnEnd: '3',
})
;({
  gridColumn: 'span 3 / span 3',
  gridColumnStart: '3',
  gridColumnEnd: '3',
})
;({
  gridColumn: 'span 3 / span 3',
  gridColumnStart: '3',
  gridColumnEnd: '3',
})
;({
  gridColumn: 'span 3 / span 3',
  display: 'grid',
})
;({
  display: 'grid',
  gridColumnStart: '3',
  gridColumnEnd: '3',
})
;({
  gridColumn: 'span 3 / span 3',
  gridColumnStart: '3',
  gridColumnEnd: '3',
  display: 'grid',
})
;({
  gridColumn: 'span 3 / span 3',
  gridColumnStart: '3',
  marginTop: '1rem',
  marginBottom: '1rem',
  gridColumnEnd: '3',
  '@media (min-width: 768px)': {
    gridColumn: 'span 3 / span 3',
    marginTop: '0.75rem',
  },
}) // 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: 'column 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 includeClassNames.js: includeClassNames.js 1`] = `

import tw from './macro'

const SkipEmptyClassName = <div className="" />
const OnlyUppercaseConverted = <div className="uppercase spare-class" />
const AllConverted = <div className="uppercase block" />
const SkippedCurlies = <div className={'mt-1'} />
const SkippedConditionals = <div className={true && 'mt-1'} />
const SkippedGroup = <div className="group" />

// css + className
const CssPropFirst = (
  <div
    css={\`
      color: red;
    \`}
    className="block"
  />
)
const CssPropLast = (
  <div
    className="block"
    css={\`
      color: red;
    \`}
  />
)

// tw + className
const TwPropFirst = <div tw="block" className="mt-1" />
const TwPropLast = <div className="mt-1" tw="block" />

// tw + css + className
const TwThenCssThenClassName = (
  <div
    tw="block"
    css={\`
      color: red;
    \`}
    className="mt-1"
  />
)
const TwThenClassNameThenCss = (
  <div
    tw="block"
    className="mt-1"
    css={\`
      color: red;
    \`}
  />
)
const ClassNameThenTwThenCss = (
  <div
    className="mt-1"
    tw="block"
    css={\`
      color: red;
    \`}
  />
)
const ClassNameThenCssThenTw = (
  <div
    className="mt-1"
    css={\`
      color: red;
    \`}
    tw="block"
  />
)
const CssThenClassNameThenTw = (
  <div
    css={\`
      color: red;
    \`}
    className="mt-1"
    tw="block"
  />
)
const CssThenTwThenClassName = (
  <div
    css={\`
      color: red;
    \`}
    tw="block"
    className="mt-1"
  />
)

// styled + everything
const Button = tw.div\`\`

const StyledTwThenCssThenClassName = (
  <Button
    tw="block"
    css={\`
      color: red;
    \`}
    className="mt-1"
  />
)
const StyledTwThenClassNameThenCss = (
  <Button
    tw="block"
    className="mt-1"
    css={\`
      color: red;
    \`}
  />
)
const StyledClassNameThenTwThenCss = (
  <Button
    className="mt-1"
    tw="block"
    css={\`
      color: red;
    \`}
  />
)
const StyledClassNameThenCssThenTw = (
  <Button
    className="mt-1"
    css={\`
      color: red;
    \`}
    tw="block"
  />
)
const StyledCssThenClassNameThenTw = (
  <Button
    css={\`
      color: red;
    \`}
    className="mt-1"
    tw="block"
  />
)
const StyledCssThenTwThenClassName = (
  <Button
    css={\`
      color: red;
    \`}
    tw="block"
    className="mt-1"
  />
)
// All four css props
const TwThenClassNameThenCsThenCss = (
  <Button
    tw="block"
    className="ml-1"
    cs="content['cs']"
    css={\`
      content: 'css';
    \`}
  />
)
const TwThenClassNameThenCssThenCs = (
  <Button
    tw="block"
    className="ml-1"
    css={\`
      content: 'css';
    \`}
    cs="content['cs']"
  />
)
const TwThenCssThenClassNameThenCs = (
  <Button
    tw="block"
    css={\`
      content: 'css';
    \`}
    className="ml-1"
    cs="content['cs']"
  />
)
const CssThenTwThenClassNameThenCs = (
  <Button
    css={\`
      content: 'css';
    \`}
    tw="block"
    className="ml-1"
    cs="content['cs']"
  />
)

      ↓ ↓ ↓ ↓ ↓ ↓

import _styled from '@emotion/styled'
const SkipEmptyClassName = <div className="" />
const OnlyUppercaseConverted = (
  <div
    className="spare-class"
    css={{
      textTransform: 'uppercase',
    }}
  />
)
const AllConverted = (
  <div
    css={{
      textTransform: 'uppercase',
      display: 'block',
    }}
  />
)
const SkippedCurlies = <div className={'mt-1'} />
const SkippedConditionals = <div className={true && 'mt-1'} />
const SkippedGroup = <div className="group" /> // css + className

const CssPropFirst = (
  <div
    css={[
      \`
      color: red;
    \`,
      {
        display: 'block',
      },
    ]}
  />
)
const CssPropLast = (
  <div
    css={[
      {
        display: 'block',
      },
      \`
      color: red;
    \`,
    ]}
  />
) // tw + className

const TwPropFirst = (
  <div
    css={[
      {
        display: 'block',
      },
      {
        marginTop: '0.25rem',
      },
    ]}
  />
)
const TwPropLast = (
  <div
    css={[
      {
        marginTop: '0.25rem',
      },
      {
        display: 'block',
      },
    ]}
  />
) // tw + css + className

const TwThenCssThenClassName = (
  <div
    css={[
      {
        display: 'block',
      },
      \`
      color: red;
    \`,
      {
        marginTop: '0.25rem',
      },
    ]}
  />
)
const TwThenClassNameThenCss = (
  <div
    css={[
      {
        display: 'block',
      },
      {
        marginTop: '0.25rem',
      },
      \`
      color: red;
    \`,
    ]}
  />
)
const ClassNameThenTwThenCss = (
  <div
    css={[
      {
        marginTop: '0.25rem',
      },
      {
        display: 'block',
      },
      \`
      color: red;
    \`,
    ]}
  />
)
const ClassNameThenCssThenTw = (
  <div
    css={[
      {
        marginTop: '0.25rem',
      },
      \`
      color: red;
    \`,
      {
        display: 'block',
      },
    ]}
  />
)
const CssThenClassNameThenTw = (
  <div
    css={[
      \`
      color: red;
    \`,
      {
        marginTop: '0.25rem',
      },
      {
        display: 'block',
      },
    ]}
  />
)
const CssThenTwThenClassName = (
  <div
    css={[
      \`
      color: red;
    \`,
      {
        display: 'block',
      },
      {
        marginTop: '0.25rem',
      },
    ]}
  />
) // styled + everything

const Button = _styled.div({})

const StyledTwThenCssThenClassName = (
  <Button
    css={[
      {
        display: 'block',
      },
      \`
      color: red;
    \`,
      {
        marginTop: '0.25rem',
      },
    ]}
  />
)
const StyledTwThenClassNameThenCss = (
  <Button
    css={[
      {
        display: 'block',
      },
      {
        marginTop: '0.25rem',
      },
      \`
      color: red;
    \`,
    ]}
  />
)
const StyledClassNameThenTwThenCss = (
  <Button
    css={[
      {
        marginTop: '0.25rem',
      },
      {
        display: 'block',
      },
      \`
      color: red;
    \`,
    ]}
  />
)
const StyledClassNameThenCssThenTw = (
  <Button
    css={[
      {
        marginTop: '0.25rem',
      },
      \`
      color: red;
    \`,
      {
        display: 'block',
      },
    ]}
  />
)
const StyledCssThenClassNameThenTw = (
  <Button
    css={[
      \`
      color: red;
    \`,
      {
        marginTop: '0.25rem',
      },
      {
        display: 'block',
      },
    ]}
  />
)
const StyledCssThenTwThenClassName = (
  <Button
    css={[
      \`
      color: red;
    \`,
      {
        display: 'block',
      },
      {
        marginTop: '0.25rem',
      },
    ]}
  />
) // All four css props

const TwThenClassNameThenCsThenCss = (
  <Button
    css={[
      {
        display: 'block',
      },
      {
        marginLeft: '0.25rem',
      },
      {
        content: "'cs'",
      },
      \`
      content: 'css';
    \`,
    ]}
  />
)
const TwThenClassNameThenCssThenCs = (
  <Button
    css={[
      {
        display: 'block',
      },
      {
        marginLeft: '0.25rem',
      },
      \`
      content: 'css';
    \`,
      {
        content: "'cs'",
      },
    ]}
  />
)
const TwThenCssThenClassNameThenCs = (
  <Button
    css={[
      {
        display: 'block',
      },
      \`
      content: 'css';
    \`,
      {
        marginLeft: '0.25rem',
      },
      {
        content: "'cs'",
      },
    ]}
  />
)
const CssThenTwThenClassNameThenCs = (
  <Button
    css={[
      \`
      content: 'css';
    \`,
      {
        display: 'block',
      },
      {
        marginLeft: '0.25rem',
      },
      {
        content: "'cs'",
      },
    ]}
  />
)


`;

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%',
  paddingLeft: '1rem',
  paddingRight: '2rem',
  marginLeft: '2rem',
  marginRight: '3rem',
  '@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

;({
  overscrollBehavior: 'auto',
})
;({
  overscrollBehavior: 'contain',
})
;({
  overscrollBehavior: 'none',
})
;({
  overscrollBehaviorY: 'auto',
})
;({
  overscrollBehaviorY: 'contain',
})
;({
  overscrollBehaviorY: 'none',
})
;({
  overscrollBehaviorX: 'auto',
})
;({
  overscrollBehaviorX: 'contain',
})
;({
  overscrollBehaviorX: '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 pluginForms.js: pluginForms.js 1`] = `

import { GlobalStyles } from './macro'
;<GlobalStyles />

      ↓ ↓ ↓ ↓ ↓ ↓

import { css as _css } from '@emotion/react'
import { Global as _globalImport } from '@emotion/react'

const _GlobalStyles = () => (
  <_globalImport
    styles={_css\`
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  
  :root {
    -moz-tab-size: 4;
    tab-size: 4;
  }

  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }

  body {
    margin: 0;
  }

  body {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  }

  hr {
    height: 0;
    color: inherit;
  }

  abbr[title] {
    text-decoration: underline dotted;
  }

  b,
  strong {
    font-weight: bolder;
  }

  code,
  kbd,
  samp,
  pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }

  button,
  select {
    text-transform: none;
  }

  button,
  [type='button'],
  [type='reset'],
  [type='submit'] {
    -webkit-appearance: button;
  }

  ::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  :-moz-focusring {
    outline: 1px dotted ButtonText;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  legend {
    padding: 0;
  }

  progress {
    vertical-align: baseline;
  }

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }

  [type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  summary {
    display: list-item;
  }


  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }

  button {
    background-color: transparent;
    background-image: none;
  }

  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

  fieldset {
    margin: 0;
    padding: 0;
  }

  ol,
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  html {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5;
  }

  body {
    font-family: inherit;
    line-height: inherit;
  }

  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }

  hr {
    border-top-width: 1px;
  }

  img {
    border-style: solid;
  }

  textarea {
    resize: vertical;
  }

  input::placeholder,
  textarea::placeholder {
    color: #9ca3af;
  }

  button,
  [role="button"] {
    cursor: pointer;
  }

  table {
    border-collapse: collapse;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    text-decoration: inherit;
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
  }

  pre,
  code,
  kbd,
  samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }

  img,
  video {
    max-width: 100%;
    height: auto;
  }


      @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);
          }
        }
* {
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
  }
* {
  --tw-shadow: 0 0 #0000; }

select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
color-adjust: exact;
        }
[multiple] {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
color-adjust: unset;
        }
[type='file'] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
        }
[type='radio'] {
border-radius: 100%;
        }
[type='checkbox'] {
border-radius: 0px;
        }
[type='file']:focus {
outline: 1px auto -webkit-focus-ring-color;
        }
[type='radio']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
        }
[type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
        }
::-webkit-date-and-time-value {
min-height: 1.5em;
        }
[type='checkbox']:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
        }
[type='checkbox'],[type='radio'] {
appearance: none;
padding: 0;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
        }
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
        }
input::placeholder,textarea::placeholder {
color: #6b7280;
opacity: 1;
        }
[type='checkbox']:focus,[type='radio']:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        }
[type='checkbox']:checked,[type='radio']:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
        }
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
        }
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
border-color: transparent;
background-color: currentColor;
        }
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
        }
[type='text']:focus,[type='email']:focus,[type='url']:focus,[type='password']:focus,[type='number']:focus,[type='date']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='week']:focus,[multiple]:focus,textarea:focus,select:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
border-color: #2563eb;
        }\`}
  />
)

;<_GlobalStyles />


`;

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

import tw from './macro'

tw\`flex-gap-0\`
tw\`flex-gap-3\`
tw\`flex-gap-x-3\`
tw\`flex-gap-y-3\`
tw\`flex-gap-px\`
tw\`flex-gap-x-1.5\`

tw\`gap-0\`
tw\`gap-3\`
tw\`gap-x-3\`
tw\`gap-y-3\`
tw\`gap-px\`
tw\`gap-x-1.5\`

tw\`test-1\`
tw\`test-2\`

      ↓ ↓ ↓ ↓ ↓ ↓

;({
  margin: '-0px',
  '> *': {
    margin: '0px',
  },
})
;({
  margin: '-0.375rem',
  '> *': {
    margin: '0.375rem',
  },
})
;({
  marginRight: '-0.375rem',
  marginLeft: '-0.375rem',
  '> *': {
    marginRight: '0.375rem',
    marginLeft: '0.375rem',
  },
})
;({
  marginTop: '-0.375rem',
  marginBottom: '-0.375rem',
  '> *': {
    marginTop: '0.375rem',
    marginBottom: '0.375rem',
  },
})
;({
  margin: '-0.5px',
  '> *': {
    margin: '0.5px',
  },
})
;({
  marginRight: '-0.1875rem',
  marginLeft: '-0.1875rem',
  '> *': {
    marginRight: '0.1875rem',
    marginLeft: '0.1875rem',
  },
})
;({
  '.no-flex-gap &': {
    margin: '-0px',
  },
  '.no-flex-gap &> *': {
    margin: '0px',
  },
})
;({
  '.no-flex-gap &': {
    margin: '-0.375rem',
  },
  '.no-flex-gap &> *': {
    margin: '0.375rem',
  },
})
;({
  '.no-flex-gap &': {
    marginRight: '-0.375rem',
    marginLeft: '-0.375rem',
  },
  '.no-flex-gap &> *': {
    marginRight: '0.375rem',
    marginLeft: '0.375rem',
  },
})
;({
  '.no-flex-gap &': {
    marginTop: '-0.375rem',
    marginBottom: '-0.375rem',
  },
  '.no-flex-gap &> *': {
    marginTop: '0.375rem',
    marginBottom: '0.375rem',
  },
})
;({
  '.no-flex-gap &': {
    margin: '-0.5px',
  },
  '.no-flex-gap & > *': {
    margin: '0.5px',
  },
})
;({
  '.no-flex-gap &': {
    marginRight: '-0.1875rem',
    marginLeft: '-0.1875rem',
  },
  '.no-flex-gap & > *': {
    marginRight: '0.1875rem',
    marginLeft: '0.1875rem',
  },
})
;({
  background: '5px',
  '.a-class & > *': {
    margin: '20px',
  },
  '.a-class & .some-class': {
    margin: '10px',
  },
})
;({
  '.a-class & > *': {
    margin: '20px',
  },
  '.a-class & .some-class': {
    margin: '10px',
  },
})


`;

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

import tw from './macro'

// From @tailwindcss/typography
tw\`prose sm:prose-sm lg:prose-lg xl:prose-xl\`

// From tailwindcss-typography
tw\`rich-text\`

      ↓ ↓ ↓ ↓ ↓ ↓

// From @tailwindcss/typography
;({
  color: '#374151',
  maxWidth: '65ch',
  fontSize: '1rem',
  lineHeight: '1.75',
  a: {
    color: '#111827',
    textDecoration: 'underline',
    fontWeight: '500',
  },
  p: {
    marginTop: '1.25em',
    marginBottom: '1.25em',
  },
  hr: {
    borderColor: '#e5e7eb',
    borderTopWidth: '1px',
    marginTop: '3em',
    marginBottom: '3em',
  },
  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',
  },
  ol: {
    marginTop: '1.25em',
    marginBottom: '1.25em',
  },
  ul: {
    marginTop: '1.25em',
    marginBottom: '1.25em',
  },
  li: {
    marginTop: '0.5em',
    marginBottom: '0.5em',
  },
  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',
  },
  img: {
    marginTop: '2em',
    marginBottom: '2em',
  },
  code: {
    color: '#111827',
    fontWeight: '600',
    fontSize: '0.875em',
  },
  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',
  },
  video: {
    marginTop: '2em',
    marginBottom: '2em',
  },
  strong: {
    color: '#111827',
    fontWeight: '600',
  },
  'a code': {
    color: '#111827',
  },
  figure: {
    marginTop: '2em',
    marginBottom: '2em',
  },
  'hr + *': {
    marginTop: '0',
  },
  'h2 + *': {
    marginTop: '0',
  },
  'h3 + *': {
    marginTop: '0',
  },
  'h4 + *': {
    marginTop: '0',
  },
  'ol > li': {
    position: 'relative',
    paddingLeft: '1.75em',
  },
  'ul > li': {
    position: 'relative',
    paddingLeft: '1.75em',
  },
  'h2 code': {
    fontSize: '0.875em',
  },
  'h3 code': {
    fontSize: '0.9em',
  },
  'pre code': {
    backgroundColor: 'transparent',
    borderWidth: '0',
    borderRadius: '0',
    padding: '0',
    fontWeight: '400',
    color: 'inherit',
    fontSize: 'inherit',
    fontFamily: 'inherit',
    lineHeight: 'inherit',
  },
  'thead th': {
    verticalAlign: 'bottom',
    paddingRight: '0.5714286em',
    paddingBottom: '0.5714286em',
    paddingLeft: '0.5714286em',
  },
  'tbody tr': {
    borderBottomWidth: '1px',
    borderBottomColor: '#e5e7eb',
  },
  'tbody td': {
    verticalAlign: 'top',
    paddingTop: '0.5714286em',
    paddingRight: '0.5714286em',
    paddingBottom: '0.5714286em',
    paddingLeft: '0.5714286em',
  },
  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',
  },
  'figure > *': {
    marginTop: '0',
    marginBottom: '0',
  },
  'code::after': {
    content: '"\`"',
  },
  '> ul > li p': {
    marginTop: '0.75em',
    marginBottom: '0.75em',
  },
  'ol[type="A"]': {
    '--list-counter-style': 'upper-alpha',
  },
  'ol[type="a"]': {
    '--list-counter-style': 'lower-alpha',
  },
  'ol[type="I"]': {
    '--list-counter-style': 'upper-roman',
  },
  'ol[type="i"]': {
    '--list-counter-style': 'lower-roman',
  },
  'ol[type="1"]': {
    '--list-counter-style': 'decimal',
  },
  'code::before': {
    content: '"\`"',
  },
  '> :last-child': {
    marginBottom: '0',
  },
  'ol[type="A s"]': {
    '--list-counter-style': 'upper-alpha',
  },
  'ol[type="a s"]': {
    '--list-counter-style': 'lower-alpha',
  },
  'ol[type="I s"]': {
    '--list-counter-style': 'upper-roman',
  },
  'ol[type="i s"]': {
    '--list-counter-style': 'lower-roman',
  },
  '> :first-child': {
    marginTop: '0',
  },
  '[class~="lead"]': {
    color: '#4b5563',
    fontSize: '1.25em',
    lineHeight: '1.6',
    marginTop: '1.2em',
    marginBottom: '1.2em',
  },
  'ol > li::before': {
    content: 'counter(list-item, var(--list-counter-style, decimal)) "."',
    position: 'absolute',
    fontWeight: '400',
    color: '#6b7280',
    left: '0',
  },
  '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',
  },
  'pre code::after': {
    content: 'none',
  },
  'pre code::before': {
    content: 'none',
  },
  'figure figcaption': {
    color: '#6b7280',
    fontSize: '0.875em',
    lineHeight: '1.4285714',
    marginTop: '0.8571429em',
  },
  'tbody tr:last-child': {
    borderBottomWidth: '0',
  },
  'thead th:last-child': {
    paddingRight: '0',
  },
  'tbody td:last-child': {
    paddingRight: '0',
  },
  'thead th:first-child': {
    paddingLeft: '0',
  },
  'tbody td:first-child': {
    paddingLeft: '0',
  },
  '> ul > li > *:last-child': {
    marginBottom: '1.25em',
  },
  '> ol > li > *:last-child': {
    marginBottom: '1.25em',
  },
  '> ul > li > *:first-child': {
    marginTop: '1.25em',
  },
  '> ol > li > *:first-child': {
    marginTop: '1.25em',
  },
  'blockquote p:last-of-type::after': {
    content: 'close-quote',
  },
  'blockquote p:first-of-type::before': {
    content: 'open-quote',
  },
  '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',
  },
  '@media (min-width: 640px)': {
    fontSize: '0.875rem',
    lineHeight: '1.7142857',
    p: {
      marginTop: '1.1428571em',
      marginBottom: '1.1428571em',
    },
    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',
    },
    ol: {
      marginTop: '1.1428571em',
      marginBottom: '1.1428571em',
    },
    ul: {
      marginTop: '1.1428571em',
      marginBottom: '1.1428571em',
    },
    li: {
      marginTop: '0.2857143em',
      marginBottom: '0.2857143em',
    },
    hr: {
      marginTop: '2.8571429em',
      marginBottom: '2.8571429em',
    },
    img: {
      marginTop: '1.7142857em',
      marginBottom: '1.7142857em',
    },
    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',
    },
    code: {
      fontSize: '0.8571429em',
    },
    video: {
      marginTop: '1.7142857em',
      marginBottom: '1.7142857em',
    },
    table: {
      fontSize: '0.8571429em',
      lineHeight: '1.5',
    },
    figure: {
      marginTop: '1.7142857em',
      marginBottom: '1.7142857em',
    },
    'hr + *': {
      marginTop: '0',
    },
    'h2 + *': {
      marginTop: '0',
    },
    'h3 + *': {
      marginTop: '0',
    },
    'h4 + *': {
      marginTop: '0',
    },
    'h2 code': {
      fontSize: '0.9em',
    },
    'h3 code': {
      fontSize: '0.8888889em',
    },
    'ol > li': {
      paddingLeft: '1.5714286em',
    },
    'ul > li': {
      paddingLeft: '1.5714286em',
    },
    'thead th': {
      paddingRight: '1em',
      paddingBottom: '0.6666667em',
      paddingLeft: '1em',
    },
    'tbody td': {
      paddingTop: '0.6666667em',
      paddingRight: '1em',
      paddingBottom: '0.6666667em',
      paddingLeft: '1em',
    },
    blockquote: {
      marginTop: '1.3333333em',
      marginBottom: '1.3333333em',
      paddingLeft: '1.1111111em',
    },
    'figure > *': {
      marginTop: '0',
      marginBottom: '0',
    },
    '> ul > li p': {
      marginTop: '0.5714286em',
      marginBottom: '0.5714286em',
    },
    '> :last-child': {
      marginBottom: '0',
    },
    '> :first-child': {
      marginTop: '0',
    },
    '[class~="lead"]': {
      fontSize: '1.2857143em',
      lineHeight: '1.5555556',
      marginTop: '0.8888889em',
      marginBottom: '0.8888889em',
    },
    'ol > li::before': {
      left: '0',
    },
    'ul > li::before': {
      height: '0.3571429em',
      width: '0.3571429em',
      top: 'calc(0.8571429em - 0.1785714em)',
      left: '0.2142857em',
    },
    'figure figcaption': {
      fontSize: '0.8571429em',
      lineHeight: '1.3333333',
      marginTop: '0.6666667em',
    },
    'thead th:last-child': {
      paddingRight: '0',
    },
    'tbody td:last-child': {
      paddingRight: '0',
    },
    'thead th:first-child': {
      paddingLeft: '0',
    },
    'tbody td:first-child': {
      paddingLeft: '0',
    },
    '> ul > li > *:last-child': {
      marginBottom: '1.1428571em',
    },
    '> ol > li > *:last-child': {
      marginBottom: '1.1428571em',
    },
    '> ul > li > *:first-child': {
      marginTop: '1.1428571em',
    },
    '> ol > li > *:first-child': {
      marginTop: '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',
    },
  },
  '@media (min-width: 1024px)': {
    fontSize: '1.125rem',
    lineHeight: '1.7777778',
    p: {
      marginTop: '1.3333333em',
      marginBottom: '1.3333333em',
    },
    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',
    },
    ol: {
      marginTop: '1.3333333em',
      marginBottom: '1.3333333em',
    },
    ul: {
      marginTop: '1.3333333em',
      marginBottom: '1.3333333em',
    },
    li: {
      marginTop: '0.6666667em',
      marginBottom: '0.6666667em',
    },
    hr: {
      marginTop: '3.1111111em',
      marginBottom: '3.1111111em',
    },
    img: {
      marginTop: '1.7777778em',
      marginBottom: '1.7777778em',
    },
    pre: {
      fontSize: '0.8888889em',
      lineHeight: '1.75',
      marginTop: '2em',
      marginBottom: '2em',
      borderRadius: '0.375rem',
      paddingTop: '1em',
      paddingRight: '1.5em',
      paddingBottom: '1em',
      paddingLeft: '1.5em',
    },
    code: {
      fontSize: '0.8888889em',
    },
    video: {
      marginTop: '1.7777778em',
      marginBottom: '1.7777778em',
    },
    table: {
      fontSize: '0.8888889em',
      lineHeight: '1.5',
    },
    figure: {
      marginTop: '1.7777778em',
      marginBottom: '1.7777778em',
    },
    'hr + *': {
      marginTop: '0',
    },
    'h2 + *': {
      marginTop: '0',
    },
    'h3 + *': {
      marginTop: '0',
    },
    'h4 + *': {
      marginTop: '0',
    },
    'h2 code': {
      fontSize: '0.8666667em',
    },
    'h3 code': {
      fontSize: '0.875em',
    },
    'ol > li': {
      paddingLeft: '1.6666667em',
    },
    'ul > li': {
      paddingLeft: '1.6666667em',
    },
    'thead th': {
      paddingRight: '0.75em',
      paddingBottom: '0.75em',
      paddingLeft: '0.75em',
    },
    'tbody td': {
      paddingTop: '0.75em',
      paddingRight: '0.75em',
      paddingBottom: '0.75em',
      paddingLeft: '0.75em',
    },
    blockquote: {
      marginTop: '1.6666667em',
      marginBottom: '1.6666667em',
      paddingLeft: '1em',
    },
    'figure > *': {
      marginTop: '0',
      marginBottom: '0',
    },
    '> ul > li p': {
      marginTop: '0.8888889em',
      marginBottom: '0.8888889em',
    },
    '> :last-child': {
      marginBottom: '0',
    },
    '> :first-child': {
      marginTop: '0',
    },
    '[class~="lead"]': {
      fontSize: '1.2222222em',
      lineHeight: '1.4545455',
      marginTop: '1.0909091em',
      marginBottom: '1.0909091em',
    },
    'ol > li::before': {
      left: '0',
    },
    'ul > li::before': {
      width: '0.3333333em',
      height: '0.3333333em',
      top: 'calc(0.8888889em - 0.1666667em)',
      left: '0.2222222em',
    },
    'figure figcaption': {
      fontSize: '0.8888889em',
      lineHeight: '1.5',
      marginTop: '1em',
    },
    'thead th:last-child': {
      paddingRight: '0',
    },
    'tbody td:last-child': {
      paddingRight: '0',
    },
    'thead th:first-child': {
      paddingLeft: '0',
    },
    'tbody td:first-child': {
      paddingLeft: '0',
    },
    '> ul > li > *:last-child': {
      marginBottom: '1.3333333em',
    },
    '> ol > li > *:last-child': {
      marginBottom: '1.3333333em',
    },
    '> ul > li > *:first-child': {
      marginTop: '1.3333333em',
    },
    '> ol > li > *:first-child': {
      marginTop: '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',
    },
  },
  '@media (min-width: 1280px)': {
    fontSize: '1.25rem',
    lineHeight: '1.8',
    p: {
      marginTop: '1.2em',
      marginBottom: '1.2em',
    },
    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',
    },
    ol: {
      marginTop: '1.2em',
      marginBottom: '1.2em',
    },
    ul: {
      marginTop: '1.2em',
      marginBottom: '1.2em',
    },
    li: {
      marginTop: '0.6em',
      marginBottom: '0.6em',
    },
    hr: {
      marginTop: '2.8em',
      marginBottom: '2.8em',
    },
    img: {
      marginTop: '2em',
      marginBottom: '2em',
    },
    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',
    },
    code: {
      fontSize: '0.9em',
    },
    video: {
      marginTop: '2em',
      marginBottom: '2em',
    },
    table: {
      fontSize: '0.9em',
      lineHeight: '1.5555556',
    },
    figure: {
      marginTop: '2em',
      marginBottom: '2em',
    },
    'hr + *': {
      marginTop: '0',
    },
    'h2 + *': {
      marginTop: '0',
    },
    'h3 + *': {
      marginTop: '0',
    },
    'h4 + *': {
      marginTop: '0',
    },
    'h2 code': {
      fontSize: '0.8611111em',
    },
    'h3 code': {
      fontSize: '0.9em',
    },
    'ol > li': {
      paddingLeft: '1.8em',
    },
    'ul > li': {
      paddingLeft: '1.8em',
    },
    'thead th': {
      paddingRight: '0.6666667em',
      paddingBottom: '0.8888889em',
      paddingLeft: '0.6666667em',
    },
    'tbody td': {
      paddingTop: '0.8888889em',
      paddingRight: '0.6666667em',
      paddingBottom: '0.8888889em',
      paddingLeft: '0.6666667em',
    },
    blockquote: {
      marginTop: '1.6em',
      marginBottom: '1.6em',
      paddingLeft: '1.0666667em',
    },
    'figure > *': {
      marginTop: '0',
      marginBottom: '0',
    },
    '> ul > li p': {
      marginTop: '0.8em',
      marginBottom: '0.8em',
    },
    '> :last-child': {
      marginBottom: '0',
    },
    '> :first-child': {
      marginTop: '0',
    },
    '[class~="lead"]': {
      fontSize: '1.2em',
      lineHeight: '1.5',
      marginTop: '1em',
      marginBottom: '1em',
    },
    'ol > li::before': {
      left: '0',
    },
    'ul > li::before': {
      width: '0.35em',
      height: '0.35em',
      top: 'calc(0.9em - 0.175em)',
      left: '0.25em',
    },
    'figure figcaption': {
      fontSize: '0.9em',
      lineHeight: '1.5555556',
      marginTop: '1em',
    },
    'thead th:last-child': {
      paddingRight: '0',
    },
    'tbody td:last-child': {
      paddingRight: '0',
    },
    'thead th:first-child': {
      paddingLeft: '0',
    },
    'tbody td:first-child': {
      paddingLeft: '0',
    },
    '> ul > li > *:last-child': {
      marginBottom: '1.2em',
    },
    '> ol > li > *:last-child': {
      marginBottom: '1.2em',
    },
    '> ul > li > *:first-child': {
      marginTop: '1.2em',
    },
    '> ol > li > *:first-child': {
      marginTop: '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',
    },
  },
}) // From tailwindcss-typography

;({
  fontWeight: '400',
  fontSize: '1rem',
  lineHeight: '1.625',
  a: {
    fontWeight: '700',
    color: '#60a5fa',
  },
  h1: {
    fontWeight: '700',
    fontSize: '3rem',
  },
  '> * + *': {
    marginTop: '1em',
  },
  'a:active': {},
  'h1 lineHeight': {
    lineHeight: '1',
  },
  i: {
    fontStyle: 'italic',
  },
  em: {
    fontStyle: 'italic',
  },
  b: {
    fontWeight: '700',
  },
  strong: {
    fontWeight: '700',
  },
  'a:hover': {
    color: '#2563eb',
    textDecoration: 'underline',
  },
  'a:focus': {
    color: '#2563eb',
    textDecoration: 'underline',
  },
  '@media (min-width: 640px)': {
    h1: {
      fontSize: '3.75rem',
    },
    'h1 lineHeight': {
      lineHeight: '1',
    },
  },
})


`;

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

import tw from './macro'

tw\`my-class1\`
tw\`my-class2\`
tw\`my-class3\`
tw\`my-class4\`
tw\`my-class5\`
tw\`my-class6\`

      ↓ ↓ ↓ ↓ ↓ ↓

;({
  backgroundColor: 'black',
  h2: {
    backgroundColor: 'red',
  },
})
;({
  backgroundColor: 'green',
  'h2 &': {
    backgroundColor: 'yellow',
  },
})
;({
  backgroundColor: 'green',
  '.dark &:hover': {
    backgroundColor: 'yellow',
  },
})
;({
  '.test & :hover': {
    backgroundColor: 'orange',
  },
})
;({
  backgroundColor: 'brown',
  ':hover': {
    backgroundColor: 'pink',
  },
})
;({
  backgroundColor: 'blue',
  ':hover': {
    backgroundColor: 'orange',
  },
})


`;

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

import tw from './macro'

// tw prop prefix
;<div tw="tw-text-black" />

// tw import prefix
;<div css={tw\`tw-bg-red-500\`} />

// tw prop + import prefix
;<div tw="tw-text-black" css={tw\`lg:tw-bg-red-500\`} />

// tw import + short css
;<div css={tw\`lg:tw-bg-red-500 max-width[100vw]\`} />

// className should be ignored without the prefix
;<div className="block" />

// className should be converted with a prefix
;<div className="tw-block" />

// group
;<div tw="hover:(lg:tw-bg-red-500)" />
;<div tw="hover:(lg:tw-bg-red-500 max-width[100vw])" />
;<div css={tw\`hover:(lg:tw-bg-red-500)\`} />
;<div css={tw\`hover:(lg:tw-bg-red-500 max-width[100vw])\`} />

// custom plugin classes
;<div tw="tw-plugin-class" />
;<div tw="tw-test-1" />
;<div tw="tw-test-2" />

      ↓ ↓ ↓ ↓ ↓ ↓

;<div
  css={{
    '--tw-text-opacity': '1',
    color: 'rgba(0, 0, 0, var(--tw-text-opacity))',
  }}
  data-tw="tw-text-black"
/> // tw import prefix
;<div
  css={{
    '--tw-bg-opacity': '1',
    backgroundColor: 'rgba(239, 68, 68, var(--tw-bg-opacity))',
  }}
  data-tw={'tw-bg-red-500'}
/> // tw prop + import prefix
;<div
  css={[
    {
      '--tw-text-opacity': '1',
      color: 'rgba(0, 0, 0, var(--tw-text-opacity))',
    },
    {
      '@media (min-width: 1024px)': {
        '--tw-bg-opacity': '1',
        backgroundColor: 'rgba(239, 68, 68, var(--tw-bg-opacity))',
      },
    },
  ]}
  data-tw={'tw-text-black | lg:tw-bg-red-500'}
/> // tw import + short css
;<div
  css={{
    maxWidth: '100vw',
    '@media (min-width: 1024px)': {
      '--tw-bg-opacity': '1',
      backgroundColor: 'rgba(239, 68, 68, var(--tw-bg-opacity))',
    },
  }}
  data-tw={'lg:tw-bg-red-500 max-width[100vw]'}
/> // className should be ignored without the prefix
;<div className="block" /> // className should be converted with a prefix
;<div
  css={{
    display: 'block',
  }}
  data-tw="tw-block"
/> // group
;<div
  css={{
    ':hover': {
      '@media (min-width: 1024px)': {
        '--tw-bg-opacity': '1',
        backgroundColor: 'rgba(239, 68, 68, var(--tw-bg-opacity))',
      },
    },
  }}
  data-tw="hover:(lg:tw-bg-red-500)"
/>
;<div
  css={{
    ':hover': {
      '@media (min-width: 1024px)': {
        '--tw-bg-opacity': '1',
        backgroundColor: 'rgba(239, 68, 68, var(--tw-bg-opacity))',
      },
      maxWidth: '100vw',
    },
  }}
  data-tw="hover:(lg:tw-bg-red-500 max-width[100vw])"
/>
;<div
  css={{
    ':hover': {
      '@media (min-width: 1024px)': {
        '--tw-bg-opacity': '1',
        backgroundColor: 'rgba(239, 68, 68, var(--tw-bg-opacity))',
      },
    },
  }}
  data-tw={'hover:(lg:tw-bg-red-500)'}
/>
;<div
  css={{
    ':hover': {
      '@media (min-width: 1024px)': {
        '--tw-bg-opacity': '1',
        backgroundColor: 'rgba(239, 68, 68, var(--tw-bg-opacity))',
      },
      maxWidth: '100vw',
    },
  }}
  data-tw={'hover:(lg:tw-bg-red-500 max-width[100vw])'}
/> // custom plugin classes
;<div
  css={{
    content: 'working',
  }}
  data-tw="tw-plugin-class"
/>
;<div
  css={{
    background: '5px',
    '.a-class & > *': {
      margin: '20px',
    },
    '.a-class & .some-class': {
      margin: '10px',
    },
  }}
  data-tw="tw-test-1"
/>
;<div
  css={{
    '.a-class & > *': {
      margin: '20px',
    },
    '.a-class & .some-class': {
      margin: '10px',
    },
  }}
  data-tw="tw-test-2"
/>


`;

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

import tw from './macro'

tw\`text-badass\`
tw\`text-banana\`
tw\`text-hamburger\`

      ↓ ↓ ↓ ↓ ↓ ↓

;({
  '--tw-text-opacity': '1',
  color: 'rgba(186, 218, 85, var(--tw-text-opacity))',
})
;({
  '--tw-text-opacity': '1',
  color: 'rgba(255, 255, 0, var(--tw-text-opacity))',
})
;({
  '--tw-text-opacity': '1',
  color: 'rgba(165, 42, 42, var(--tw-text-opacity))',
})


`;

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

import tw from './macro'

tw\`hover:block first:mt-2 last-of-type:max-width[20px]\`

tw\`my-class1\`
tw\`my-class2\`
tw\`my-class3\`

      ↓ ↓ ↓ ↓ ↓ ↓

;({
  '&:hover': {
    display: 'block',
  },
  '&:first-child': {
    marginTop: '0.5rem',
  },
  '&:last-of-type': {
    maxWidth: '20px',
  },
})
;({
  '&:hover': {
    backgroundColor: 'pink',
  },
})
;({
  '&:hover': {
    backgroundColor: 'orange',
  },
})
;({
  '.test & :hover': {
    backgroundColor: 'orange',
  },
})


`;

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

import tw from './macro'

// within cs prop
;<div cs="maxWidth[100vw - 2rem]" />
;<div cs="maxWidth[100vw - 2rem]!" />
;<div cs="md:maxWidth[100vw - 2rem]" />
;<div cs="hover:(maxWidth[100vw - 2rem] width[2rem])" />
;<div cs="hover:(maxWidth[100vw - 2rem] before:content['test'])" />
;<div cs="hover:(maxWidth[100vw - 2rem] before:content['test'])!" />
;<div cs="hover:(maxWidth[100vw - 2rem]! before:content['test'])" />

// within tw prop
;<div tw="maxWidth[100vw - 2rem]" />
;<div tw="maxWidth[100vw - 2rem] block" />
;<div tw="md:maxWidth[100vw - 2rem]" />
;<div tw="hover:(maxWidth[100vw - 2rem] width[2rem])" />
;<div tw="hover:(maxWidth[100vw - 2rem] before:content['test'])" />
;<div tw="hover:(maxWidth[100vw - 2rem] before:content['test'])!" />
;<div tw="hover:(maxWidth[100vw - 2rem]! before:content['test'])" />

// within tw import
tw\`maxWidth[100vw - 2rem]\`
tw\`maxWidth[100vw - 2rem] block\`
tw\`md:maxWidth[100vw - 2rem]\`
tw\`hover:(maxWidth[100vw - 2rem] width[2rem])\`
tw\`hover:(maxWidth[100vw - 2rem] before:content['test'])\`
tw\`hover:(maxWidth[100vw - 2rem] before:content['test'])!\`
tw\`hover:(maxWidth[100vw - 2rem]! before:content['test'])\`

// prop ordering
;<div css={{ color: 'red' }} cs="margin[50px]" tw="mt-4 content['content']" />

// Setting css variables
tw\`--css-prop[true] md:--css-prop[false]\`

// Using css variables
tw\`max-width[var(--css-react)] md:max-width[var(--css-react-md)]\`

// Browser vendor prefixes
tw\`-webkit-gradient[gradient here] md:-webkit-gradient[gradient here md]\`

// Grid template
tw\`grid-template-columns[[main-start] 1fr [content-start] 1fr [content-end] 1fr [main-end]] md:grid-template-columns[[main-start-md] 1fr [content-start-md] 1fr [content-end-md] 1fr [main-end-md]]\`

// Short css trumps core plugins
tw\`transition-property[margin]\`

// Crazy calcs
tw\`padding[calc((2em * -1) + var(--myVar))]\`

// Multiline
tw\`padding[
    calc((2em * -1) + var(--myVar))
]\`
tw\`padding[
    calc((2em * -1) +
    var(--myVar))
]\`

      ↓ ↓ ↓ ↓ ↓ ↓

;<div
  css={{
    maxWidth: '100vw - 2rem',
  }}
/>
;<div
  css={{
    maxWidth: '100vw - 2rem !important',
  }}
/>
;<div
  css={{
    '@media (min-width: 768px)': {
      maxWidth: '100vw - 2rem',
    },
  }}
/>
;<div
  css={{
    ':hover': {
      maxWidth: '100vw - 2rem',
      width: '2rem',
    },
  }}
/>
;<div
  css={{
    ':hover': {
      maxWidth: '100vw - 2rem',
      ':before': {
        content: "'test'",
      },
    },
  }}
/>
;<div
  css={{
    ':hover': {
      maxWidth: '100vw - 2rem !important',
      ':before': {
        content: "'test' !important",
      },
    },
  }}
/>
;<div
  css={{
    ':hover': {
      maxWidth: '100vw - 2rem !important',
      ':before': {
        content: "'test'",
      },
    },
  }}
/> // within tw prop
;<div
  css={{
    maxWidth: '100vw - 2rem',
  }}
/>
;<div
  css={{
    maxWidth: '100vw - 2rem',
    display: 'block',
  }}
/>
;<div
  css={{
    '@media (min-width: 768px)': {
      maxWidth: '100vw - 2rem',
    },
  }}
/>
;<div
  css={{
    ':hover': {
      maxWidth: '100vw - 2rem',
      width: '2rem',
    },
  }}
/>
;<div
  css={{
    ':hover': {
      maxWidth: '100vw - 2rem',
      ':before': {
        content: "'test'",
      },
    },
  }}
/>
;<div
  css={{
    ':hover': {
      maxWidth: '100vw - 2rem !important',
      ':before': {
        content: "'test' !important",
      },
    },
  }}
/>
;<div
  css={{
    ':hover': {
      maxWidth: '100vw - 2rem !important',
      ':before': {
        content: "'test'",
      },
    },
  }}
/> // within tw import

;({
  maxWidth: '100vw - 2rem',
})
;({
  maxWidth: '100vw - 2rem',
  display: 'block',
})
;({
  '@media (min-width: 768px)': {
    maxWidth: '100vw - 2rem',
  },
})
;({
  ':hover': {
    maxWidth: '100vw - 2rem',
    width: '2rem',
  },
})
;({
  ':hover': {
    maxWidth: '100vw - 2rem',
    ':before': {
      content: "'test'",
    },
  },
})
;({
  ':hover': {
    maxWidth: '100vw - 2rem !important',
    ':before': {
      content: "'test' !important",
    },
  },
})
;({
  ':hover': {
    maxWidth: '100vw - 2rem !important',
    ':before': {
      content: "'test'",
    },
  },
}) // prop ordering
;<div
  css={[
    {
      color: 'red',
    },
    {
      margin: '50px',
    },
    {
      marginTop: '1rem',
      content: "'content'",
    },
  ]}
/> // Setting css variables

;({
  '--css-prop': 'true',
  '@media (min-width: 768px)': {
    '--css-prop': 'false',
  },
}) // Using css variables

;({
  maxWidth: 'var(--css-react)',
  '@media (min-width: 768px)': {
    maxWidth: 'var(--css-react-md)',
  },
}) // Browser vendor prefixes

;({
  WebkitGradient: 'gradient here',
  '@media (min-width: 768px)': {
    WebkitGradient: 'gradient here md',
  },
}) // Grid template

;({
  gridTemplateColumns:
    '[main-start] 1fr [content-start] 1fr [content-end] 1fr [main-end]',
  '@media (min-width: 768px)': {
    gridTemplateColumns:
      '[main-start-md] 1fr [content-start-md] 1fr [content-end-md] 1fr [main-end-md]',
  },
}) // Short css trumps core plugins

;({
  transitionProperty: 'margin',
}) // Crazy calcs

;({
  padding: 'calc((2em * -1) + var(--myVar))',
}) // Multiline

;({
  padding: 'calc((2em * -1) + var(--myVar))',
})
;({
  padding: 'calc((2em * -1) + var(--myVar))',
})


`;

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

// Test the transform ordering - 'transform' should be moved to the start
// https://github.com/ben-rogerson/twin.macro/issues/363
tw\`mt-5 translate-y-2 transform\`
tw\`translate-y-2 mt-5 md:(skew-y-6 transform) mb-5\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/transform
;({
  '--tw-translate-x': '0',
  '--tw-translate-y': '0',
  '--tw-rotate': '0',
  '--tw-skew-x': '0',
  '--tw-skew-y': '0',
  '--tw-scale-x': '1',
  '--tw-scale-y': '1',
  transform:
    'translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',
})
;({
  '--tw-translate-x': '0',
  '--tw-translate-y': '0',
  '--tw-rotate': '0',
  '--tw-skew-x': '0',
  '--tw-skew-y': '0',
  '--tw-scale-x': '1',
  '--tw-scale-y': '1',
  transform:
    'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',
})
;({
  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

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

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

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

;({
  '--tw-skew-x': '0deg',
})
;({
  '--tw-skew-x': '1deg',
})
;({
  '--tw-skew-x': '2deg',
})
;({
  '--tw-skew-x': '3deg',
})
;({
  '--tw-skew-x': '6deg',
})
;({
  '--tw-skew-x': '12deg',
})
;({
  '--tw-skew-x': '-12deg',
})
;({
  '--tw-skew-x': '-6deg',
})
;({
  '--tw-skew-x': '-3deg',
})
;({
  '--tw-skew-x': '-2deg',
})
;({
  '--tw-skew-x': '-1deg',
})
;({
  '--tw-skew-y': '0deg',
})
;({
  '--tw-skew-y': '1deg',
})
;({
  '--tw-skew-y': '2deg',
})
;({
  '--tw-skew-y': '3deg',
})
;({
  '--tw-skew-y': '6deg',
})
;({
  '--tw-skew-y': '12deg',
})
;({
  '--tw-skew-y': '-12deg',
})
;({
  '--tw-skew-y': '-6deg',
})
;({
  '--tw-skew-y': '-3deg',
})
;({
  '--tw-skew-y': '-2deg',
})
;({
  '--tw-skew-y': '-1deg',
}) // Test the transform ordering - 'transform' should be moved to the start
// https://github.com/ben-rogerson/twin.macro/issues/363

;({
  '--tw-translate-x': '0',
  '--tw-translate-y': '0.5rem',
  '--tw-rotate': '0',
  '--tw-skew-x': '0',
  '--tw-skew-y': '0',
  '--tw-scale-x': '1',
  '--tw-scale-y': '1',
  transform:
    'translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',
  marginTop: '1.25rem',
})
;({
  '--tw-translate-y': '0.5rem',
  marginTop: '1.25rem',
  marginBottom: '1.25rem',
  '@media (min-width: 768px)': {
    '--tw-translate-x': '0',
    '--tw-translate-y': '0',
    '--tw-rotate': '0',
    '--tw-skew-x': '0',
    '--tw-skew-y': '6deg',
    '--tw-scale-x': '1',
    '--tw-scale-y': '1',
    transform:
      'translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))',
  },
})


`;

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

// Test the transition ordering - 'transition' should be moved to the start
// https://github.com/ben-rogerson/twin.macro/issues/363
tw\`duration-75 ease-in transition\`
tw\`mt-5 md:(ml-5 ease-in transition) mb-5\`

      ↓ ↓ ↓ ↓ ↓ ↓

// https://tailwindcss.com/docs/transition-property
;({
  transitionProperty: 'none',
})
;({
  transitionProperty: 'all',
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
  transitionDuration: '150ms',
})
;({
  transitionProperty:
    'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
  transitionDuration: '150ms',
})
;({
  transitionProperty: 'background-color, border-color, color, fill, stroke',
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
  transitionDuration: '150ms',
})
;({
  transitionProperty: 'opacity',
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
  transitionDuration: '150ms',
})
;({
  transitionProperty: 'box-shadow',
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
  transitionDuration: '150ms',
})
;({
  transitionProperty: 'transform',
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
  transitionDuration: '150ms',
}) // 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',
}) // Test the transition ordering - 'transition' should be moved to the start
// https://github.com/ben-rogerson/twin.macro/issues/363

;({
  transitionProperty:
    'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
  transitionTimingFunction: 'cubic-bezier(0.4, 0, 1, 1)',
  transitionDuration: '75ms',
})
;({
  marginTop: '1.25rem',
  marginBottom: '1.25rem',
  '@media (min-width: 768px)': {
    transitionProperty:
      'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
    transitionTimingFunction: 'cubic-bezier(0.4, 0, 1, 1)',
    transitionDuration: '150ms',
    marginLeft: '1.25rem',
  },
})


`;

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-nowrap\`
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

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

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

;({
  '--tw-text-opacity': '0',
})
;({
  '--tw-text-opacity': '0.05',
})
;({
  '--tw-text-opacity': '0.1',
})
;({
  '--tw-text-opacity': '0.2',
})
;({
  '--tw-text-opacity': '0.25',
})
;({
  '--tw-text-opacity': '0.3',
})
;({
  '--tw-text-opacity': '0.4',
})
;({
  '--tw-text-opacity': '0.5',
})
;({
  '--tw-text-opacity': '0.6',
})
;({
  '--tw-text-opacity': '0.7',
})
;({
  '--tw-text-opacity': '0.75',
})
;({
  '--tw-text-opacity': '0.8',
})
;({
  '--tw-text-opacity': '0.9',
})
;({
  '--tw-text-opacity': '0.95',
})
;({
  '--tw-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 userPluginOrdering.js: userPluginOrdering.js 1`] = `

import tw from './macro'

tw\`selector\`

      ↓ ↓ ↓ ↓ ↓ ↓

;({
  margin: '1px',
  padding: 'padding',
  display: 'block',
  content: '.selector',
  ':hover': {
    content: '.selector:hover',
  },
  '.selector2': {
    content: '.selector .selector2',
  },
  ':hover .selector3': {
    content: '.selector:hover .selector3',
  },
  '@media (min-width: 2px)': {
    content: '.selector @media',
  },
  '@media (min-width: 1px)': {
    content: '@media .selector',
    ':hover .selector2': {
      content: '.selector:hover @media .selector',
    },
    '.selector3': {
      content: '.selector:hover @media .selector3',
    },
  },
})


`;

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',
})


`;