diff --git a/packages/core/src/generator/index.ts b/packages/core/src/generator/index.ts
index 39e901fd8d..34917979f2 100644
--- a/packages/core/src/generator/index.ts
+++ b/packages/core/src/generator/index.ts
@@ -144,17 +144,17 @@ export class UnoGenerator<Theme extends {} = {}> {
     const sheet = new Map<string, StringifiedUtil<Theme>[]>()
     let preflightsMap: Record<string, string> = {}
 
-    const tokenPromises = Array.from(tokens).map(async (raw) => {
-      if (matched.has(raw))
-        return
-
+    ;(await Promise.all(Array.from(tokens).map(async (raw) => {
       const payload = await this.parseToken(raw)
-      if (payload == null)
+
+      if (!payload)
         return
 
       matched.add(raw)
 
-      for (const item of payload) {
+      return payload
+    }))).filter(Boolean).forEach((payload) => {
+      for (const item of payload!) {
         const parent = item[3] || ''
         const layer = item[4]?.layer
         if (!sheet.has(parent))
@@ -164,8 +164,6 @@ export class UnoGenerator<Theme extends {} = {}> {
           layerSet.add(layer)
       }
     })
-
-    await Promise.all(tokenPromises)
     await (async () => {
       if (!preflights)
         return
@@ -211,11 +209,11 @@ export class UnoGenerator<Theme extends {} = {}> {
       let css = Array.from(sheet)
         .sort((a, b) => ((this.parentOrders.get(a[0]) ?? 0) - (this.parentOrders.get(b[0]) ?? 0)) || a[0]?.localeCompare(b[0] || '') || 0)
         .map(([parent, items]) => {
-          const size = items.length
           const sorted: PreparedRule[] = items
             .filter(i => (i[4]?.layer || LAYER_DEFAULT) === layer)
-            .sort((a, b) => a[0] - b[0] || (a[4]?.sort || 0) - (b[4]?.sort || 0) || a[1]?.localeCompare(b[1] || '') || a[2]?.localeCompare(b[2] || '') || 0)
-            .map(([, selector, body,, meta,, variantNoMerge]) => {
+            .sort((a, b) => (a[4]?.sort || 0) - (b[4]?.sort || 0) || a[0] - b[0] || 0)
+            .map((arr) => {
+              const [, selector, body,, meta,, variantNoMerge] = arr
               const scopedSelector = selector ? applyScope(selector, scope) : selector
               return [
                 [[scopedSelector ?? '', meta?.sort ?? 0]],
@@ -226,17 +224,14 @@ export class UnoGenerator<Theme extends {} = {}> {
           if (!sorted.length)
             return undefined
           const rules = sorted
-            .reverse()
             .map(([selectorSortPair, body, noMerge], idx) => {
               if (!noMerge && this.config.mergeSelectors) {
                 // search for rules that has exact same body, and merge them
-                for (let i = idx + 1; i < size; i++) {
-                  const current = sorted[i]
-                  if (current && !current[2] && ((selectorSortPair && current[0]) || (selectorSortPair == null && current[0] == null)) && current[1] === body) {
-                    if (selectorSortPair && current[0])
-                      current[0].push(...selectorSortPair)
-                    return null
-                  }
+                const current = sorted[idx + 1]
+                if (current && !current[2] && ((selectorSortPair && current[0]) || (selectorSortPair == null && current[0] == null)) && current[1] === body) {
+                  if (selectorSortPair && current[0])
+                    current[0].push(...selectorSortPair)
+                  return null
                 }
               }
 
@@ -253,7 +248,6 @@ export class UnoGenerator<Theme extends {} = {}> {
                 : body
             })
             .filter(Boolean)
-            .reverse()
             .join(nl)
 
           if (!parent)
@@ -575,7 +569,6 @@ export class UnoGenerator<Theme extends {} = {}> {
         })))
       .flat(1)
       .filter(Boolean)
-      .sort((a, b) => a[0] - b[0])
 
     const [raw, , parentVariants] = parent
     const rawStringfieldUtil: StringifiedUtil<Theme>[] = []
diff --git a/packages/preset-icons/src/core.ts b/packages/preset-icons/src/core.ts
index a73a71704c..a2367d96ad 100644
--- a/packages/preset-icons/src/core.ts
+++ b/packages/preset-icons/src/core.ts
@@ -1,4 +1,4 @@
-import type { Preset } from '@unocss/core'
+import type { DynamicMatcher, Preset, Rule } from '@unocss/core'
 import { warnOnce } from '@unocss/core'
 import type {
   IconifyLoaderOptions,
@@ -51,72 +51,74 @@ export function createPresetIcons(lookupIconLoader: (options: IconsOptions) => P
 
     let iconLoader: UniversalIconLoader
 
-    return {
-      name: '@unocss/preset-icons',
-      enforce: 'pre',
-      options,
-      layers: { icons: -30 },
-      rules: [[
-        /^([a-z0-9:-]+)(?:\?(mask|bg|auto))?$/,
-        async ([full, body, _mode = mode]) => {
-          let collection = ''
-          let name = ''
-          let svg: string | undefined
+    const ruleMatcher: DynamicMatcher = async ([full, body, _mode = mode]) => {
+      let collection = ''
+      let name = ''
+      let svg: string | undefined
 
-          iconLoader = iconLoader || await lookupIconLoader(options)
+      iconLoader = iconLoader || await lookupIconLoader(options)
 
-          const usedProps = {}
-          if (body.includes(':')) {
-            [collection, name] = body.split(':')
-            svg = await iconLoader(collection, name, { ...loaderOptions, usedProps })
-          }
-          else {
-            const parts = body.split(/-/g)
-            for (let i = COLLECTION_NAME_PARTS_MAX; i >= 1; i--) {
-              collection = parts.slice(0, i).join('-')
-              name = parts.slice(i).join('-')
-              svg = await iconLoader(collection, name, { ...loaderOptions, usedProps })
-              if (svg)
-                break
-            }
-          }
+      const usedProps = {}
+      if (body.includes(':')) {
+        [collection, name] = body.split(':')
+        svg = await iconLoader(collection, name, { ...loaderOptions, usedProps })
+      }
+      else {
+        const parts = body.split(/-/g)
+        for (let i = COLLECTION_NAME_PARTS_MAX; i >= 1; i--) {
+          collection = parts.slice(0, i).join('-')
+          name = parts.slice(i).join('-')
+          svg = await iconLoader(collection, name, { ...loaderOptions, usedProps })
+          if (svg)
+            break
+        }
+      }
 
-          if (!svg) {
-            if (warn)
-              warnOnce(`failed to load icon "${full}"`)
-            return
-          }
+      if (!svg) {
+        if (warn)
+          warnOnce(`failed to load icon "${full}"`)
+        return
+      }
 
-          const url = `url("data:image/svg+xml;utf8,${encodeSvgForCss(svg)}")`
+      const url = `url("data:image/svg+xml;utf8,${encodeSvgForCss(svg)}")`
 
-          if (_mode === 'auto')
-            _mode = svg.includes('currentColor') ? 'mask' : 'bg'
+      if (_mode === 'auto')
+        _mode = svg.includes('currentColor') ? 'mask' : 'bg'
 
-          if (_mode === 'mask') {
-            // Thanks to https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images
-            return {
-              '--un-icon': url,
-              'mask': 'var(--un-icon) no-repeat',
-              'mask-size': '100% 100%',
-              '-webkit-mask': 'var(--un-icon) no-repeat',
-              '-webkit-mask-size': '100% 100%',
-              'background-color': 'currentColor',
-              // for Safari https://github.com/elk-zone/elk/pull/264
-              'color': 'inherit',
-              ...usedProps,
-            }
-          }
-          else {
-            return {
-              'background': `${url} no-repeat`,
-              'background-size': '100% 100%',
-              'background-color': 'transparent',
-              ...usedProps,
-            }
-          }
-        },
-        { layer, prefix },
-      ]],
+      if (_mode === 'mask') {
+        // Thanks to https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images
+        return {
+          '--un-icon': url,
+          'mask': 'var(--un-icon) no-repeat',
+          'mask-size': '100% 100%',
+          '-webkit-mask': 'var(--un-icon) no-repeat',
+          '-webkit-mask-size': '100% 100%',
+          'background-color': 'currentColor',
+          // for Safari https://github.com/elk-zone/elk/pull/264
+          'color': 'inherit',
+          ...usedProps,
+        }
+      }
+      else {
+        return {
+          'background': `${url} no-repeat`,
+          'background-size': '100% 100%',
+          'background-color': 'transparent',
+          ...usedProps,
+        }
+      }
+    }
+
+    const rules = ['mask', 'bg', 'auto'].map((mode) => {
+      return [new RegExp(`^([a-z0-9:-]+)(?:\\?(${mode}))?$`), ruleMatcher, { layer, prefix }]
+    }) as Rule[]
+
+    return {
+      name: '@unocss/preset-icons',
+      enforce: 'pre',
+      options,
+      layers: { icons: -30 },
+      rules,
     }
   }
 }
diff --git a/packages/preset-mini/src/_rules/default.ts b/packages/preset-mini/src/_rules/default.ts
index c019c50224..64bd89b36c 100644
--- a/packages/preset-mini/src/_rules/default.ts
+++ b/packages/preset-mini/src/_rules/default.ts
@@ -23,8 +23,6 @@ import { svgUtilities } from './svg'
 import { containerParent } from './container'
 
 export const rules: Rule[] = [
-  cssVariables,
-  cssProperty,
   paddings,
   margins,
   displays,
@@ -78,6 +76,8 @@ export const rules: Rule[] = [
   willChange,
   containerParent,
   contains,
+  cssVariables,
+  cssProperty,
 
   // should be the last
   questionMark,
diff --git a/packages/preset-mini/src/_rules/position.ts b/packages/preset-mini/src/_rules/position.ts
index 468805dc43..570864c4fb 100644
--- a/packages/preset-mini/src/_rules/position.ts
+++ b/packages/preset-mini/src/_rules/position.ts
@@ -2,10 +2,13 @@ import type { CSSEntries, Rule, RuleContext } from '@unocss/core'
 import type { Theme } from '../theme'
 import { globalKeywords, handler as h, insetMap, makeGlobalStaticRules } from '../utils'
 
+const positionOrder = ['static', 'fixed', 'absolute', 'relative', 'sticky'].map(k => [
+  new RegExp(`^(?:position-|pos-)?(${k})$`),
+  ([, v]) => ({ position: v }),
+]) as Rule[]
 export const positions: Rule[] = [
-  [/^(?:position-|pos-)?(relative|absolute|fixed|sticky)$/, ([, v]) => ({ position: v })],
+  ...positionOrder,
   [/^(?:position-|pos-)([-\w]+)$/, ([, v]) => globalKeywords.includes(v) ? { position: v } : undefined],
-  [/^(?:position-|pos-)?(static)$/, ([, v]) => ({ position: v })],
 ]
 
 export const justifies: Rule[] = [
diff --git a/packages/preset-mini/src/_utils/variants.ts b/packages/preset-mini/src/_utils/variants.ts
index ea51ea15b9..4560201b51 100644
--- a/packages/preset-mini/src/_utils/variants.ts
+++ b/packages/preset-mini/src/_utils/variants.ts
@@ -15,6 +15,7 @@ export const variantMatcher = (name: string, handler: (input: VariantHandlerCont
             ...input,
             ...handler(input),
           }),
+          sort: 2,
         }
       }
     },
@@ -35,6 +36,7 @@ export const variantParentMatcher = (name: string, parent: string): VariantObjec
             ...input,
             parent: `${input.parent ? `${input.parent} $$ ` : ''}${parent}`,
           }),
+          sort: 2,
         }
       }
     },
diff --git a/packages/preset-mini/src/_variants/pseudo.ts b/packages/preset-mini/src/_variants/pseudo.ts
index e018cb0b17..153d8f92af 100644
--- a/packages/preset-mini/src/_variants/pseudo.ts
+++ b/packages/preset-mini/src/_variants/pseudo.ts
@@ -77,11 +77,6 @@ const PseudoClassesStr = Object.entries(PseudoClasses).filter(([, pseudo]) => !p
 const PseudoClassesColonStr = Object.entries(PseudoClassesColon).filter(([, pseudo]) => !pseudo.startsWith('::')).map(([key]) => key).join('|')
 const PseudoClassFunctionsStr = PseudoClassFunctions.join('|')
 
-const sortValue = (pseudo: string) => {
-  if (pseudo === 'active')
-    return 1
-}
-
 const taggedPseudoClassMatcher = (tag: string, parent: string, combinator: string): VariantObject => {
   const rawRE = new RegExp(`^(${escapeRegExp(parent)}:)(\\S+)${escapeRegExp(combinator)}\\1`)
   const pseudoRE = new RegExp(`^${tag}-(?:(?:(${PseudoClassFunctionsStr})-)?(${PseudoClassesStr}))(?:(/\\w+))?[:-]`)
@@ -121,7 +116,7 @@ const taggedPseudoClassMatcher = (tag: string, parent: string, combinator: strin
       label,
       input.slice(original.length),
       `${parent}${escapeSelector(label)}${pseudo}`,
-      sortValue(pseudoKey),
+      1,
     ]
   }
 
@@ -176,7 +171,7 @@ export const variantPseudoClassesAndElements: VariantObject = {
           return next({
             ...input,
             ...selectors,
-            sort: sortValue(match[1]),
+            sort: 1,
           })
         },
       }
diff --git a/packages/preset-wind/src/rules/default.ts b/packages/preset-wind/src/rules/default.ts
index 0b23d02c44..409252fe27 100644
--- a/packages/preset-wind/src/rules/default.ts
+++ b/packages/preset-wind/src/rules/default.ts
@@ -74,9 +74,6 @@ import { columns } from './columns'
 import { placeholders } from './placeholder'
 
 export const rules: Rule[] = [
-  miniCssVariables,
-  cssVariables,
-  cssProperty,
   container,
   screenReadersAccess,
   pointerEvents,
@@ -157,6 +154,9 @@ export const rules: Rule[] = [
   contents,
   placeholders,
   containerParent,
+  miniCssVariables,
+  cssVariables,
+  cssProperty,
 
   // should be the last
   questionMark,
diff --git a/test/__snapshots__/order.test.ts.snap b/test/__snapshots__/order.test.ts.snap
index 6bc2b8f784..73ce5f749c 100644
--- a/test/__snapshots__/order.test.ts.snap
+++ b/test/__snapshots__/order.test.ts.snap
@@ -3,10 +3,12 @@
 exports[`order > fully controlled rules merged and sorted by body 1`] = `
 "/* layer: default */
 .uno{--var:uno;}
+/* sort: uno */ .foo{--foo:0}
 /* sort: css */ .foo{--foo:0}
 /* sort: uno */ .foo{--foo:0}
-.bar-css{--bar:css;}
 .bar-uno{--bar:uno;}
+/* sort: css */ .foo{--foo:0}
+.bar-css{--bar:css;}
 .css{--var:css;}"
 `;
 
@@ -14,26 +16,26 @@ exports[`order > movePseudoElementsEnd 1`] = `".part-\\\\[hello-2\\\\]\\\\:marke
 
 exports[`order > multiple variant sorting 1`] = `
 "/* layer: default */
-.dark .group:hover:focus-within .dark\\\\:group-hover\\\\:group-focus-within\\\\:bg-blue-600{--un-bg-opacity:1;background-color:rgba(37,99,235,var(--un-bg-opacity));}
 .group:hover:focus-within .dark .group-hover\\\\:group-focus-within\\\\:dark\\\\:bg-red-600{--un-bg-opacity:1;background-color:rgba(220,38,38,var(--un-bg-opacity));}
+.parent:hover>.light .parent:focus-within>.parent-hover\\\\:light\\\\:parent-focus-within\\\\:bg-green-600{--un-bg-opacity:1;background-color:rgba(22,163,74,var(--un-bg-opacity));}
 .parent:hover>.light .group:focus-within .parent-hover\\\\:light\\\\:group-focus-within\\\\:bg-yellow-600{--un-bg-opacity:1;background-color:rgba(202,138,4,var(--un-bg-opacity));}
-.parent:hover>.light .parent:focus-within>.parent-hover\\\\:light\\\\:parent-focus-within\\\\:bg-green-600{--un-bg-opacity:1;background-color:rgba(22,163,74,var(--un-bg-opacity));}"
+.dark .group:hover:focus-within .dark\\\\:group-hover\\\\:group-focus-within\\\\:bg-blue-600{--un-bg-opacity:1;background-color:rgba(37,99,235,var(--un-bg-opacity));}"
 `;
 
 exports[`order > variant ordering 1`] = `
 "/* layer: default */
-.group .dark .dark\\\\:group\\\\:foo-3{name:foo-3;}
-.group .dark .group\\\\:dark\\\\:foo-4{name:foo-4;}
 .group .light .light\\\\:group\\\\:foo-1{name:foo-1;}
-.light .group .group\\\\:light\\\\:foo-2{name:foo-2;}"
+.light .group .group\\\\:light\\\\:foo-2{name:foo-2;}
+.group .dark .dark\\\\:group\\\\:foo-3{name:foo-3;}
+.group .dark .group\\\\:dark\\\\:foo-4{name:foo-4;}"
 `;
 
 exports[`order > variant ordering reversed 1`] = `
 "/* layer: default */
-.dark .group .dark\\\\:group\\\\:foo-3{name:foo-3;}
-.dark .group .group\\\\:dark\\\\:foo-4{name:foo-4;}
+.light .group .light\\\\:group\\\\:foo-1{name:foo-1;}
 .group .light .group\\\\:light\\\\:foo-2{name:foo-2;}
-.light .group .light\\\\:group\\\\:foo-1{name:foo-1;}"
+.dark .group .dark\\\\:group\\\\:foo-3{name:foo-3;}
+.dark .group .group\\\\:dark\\\\:foo-4{name:foo-4;}"
 `;
 
 exports[`order > variant sorting 1`] = `
diff --git a/test/__snapshots__/prefix.test.ts.snap b/test/__snapshots__/prefix.test.ts.snap
index db2bea5960..4d686719a4 100644
--- a/test/__snapshots__/prefix.test.ts.snap
+++ b/test/__snapshots__/prefix.test.ts.snap
@@ -3,10 +3,10 @@
 exports[`prefix > preset prefix 2`] = `
 "/* layer: default */
 .h-container{max-width:100%;}
-.hover\\\\:h-p4:hover{padding:1rem;}
 .h-text-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
 .bar-bar,
 .bar-shortcut{color:bar;}
+.hover\\\\:h-p4:hover{padding:1rem;}
 @media (min-width: 640px){
 .h-container{max-width:640px;}
 }
@@ -26,8 +26,8 @@ exports[`prefix > preset prefix 2`] = `
 .\\\\32 xl\\\\:h-container{max-width:1280px;}
 }}
 @media (min-width: 1536px){
-.\\\\32 xl\\\\:h-container{max-width:100%;}
 .h-container{max-width:1536px;}
+.\\\\32 xl\\\\:h-container{max-width:100%;}
 }
 @media (min-width: 1536px){@media (min-width: 1536px){
 .\\\\32 xl\\\\:h-container{max-width:1536px;}
diff --git a/test/__snapshots__/preprocess.test.ts.snap b/test/__snapshots__/preprocess.test.ts.snap
index 4674b10a69..6738adf6ca 100644
--- a/test/__snapshots__/preprocess.test.ts.snap
+++ b/test/__snapshots__/preprocess.test.ts.snap
@@ -8,8 +8,8 @@ exports[`preprocess > prefix 1`] = `
 .uno\\\\:btn1{margin-left:2.5rem;margin-right:2.5rem;}
 /* layer: default */
 .uno\\\\:\\\\!p-5px{padding:5px !important;}
-.uno\\\\:hover\\\\:p-4:hover{padding:1rem;}
 .uno\\\\:pl-10px{padding-left:10px;}
+.uno\\\\:hover\\\\:p-4:hover{padding:1rem;}
 @media (min-width: 640px){
 .uno\\\\:sm\\\\:p-6{padding:1.5rem;}
 }"
@@ -21,8 +21,8 @@ exports[`preprocess > tailwind prefix 1`] = `
 .uno\\\\:btn1{margin-left:2.5rem;margin-right:2.5rem;}
 /* layer: default */
 .\\\\!uno\\\\:p-5px{padding:5px !important;}
-.hover\\\\:uno\\\\:p-4:hover{padding:1rem;}
 .uno\\\\:pl-10px{padding-left:10px;}
+.hover\\\\:uno\\\\:p-4:hover{padding:1rem;}
 @media (min-width: 640px){
 .sm\\\\:uno\\\\:p-6{padding:1.5rem;}
 }"
diff --git a/test/__snapshots__/preset-attributify.test.ts.snap b/test/__snapshots__/preset-attributify.test.ts.snap
index 343c02d323..37363d3dc7 100644
--- a/test/__snapshots__/preset-attributify.test.ts.snap
+++ b/test/__snapshots__/preset-attributify.test.ts.snap
@@ -165,13 +165,13 @@ exports[`attributify > fixture1 1`] = `
 [uno-layer-base~=\\"c-white\\\\/10\\"]{color:rgba(255,255,255,0.1);}
 [uno-layer-base~=\\"hover\\\\:c-black\\\\/20\\"]:hover{color:rgba(0,0,0,0.2);}
 /* layer: default */
-.absolute{position:absolute;}
 .fixed{position:fixed;}
+.absolute{position:absolute;}
+[ma=\\"\\"],
+[un-children~=\\"m-auto\\"]>*{margin:auto;}
 [m~=\\"\\\\31 \\"]{margin:0.25rem;}
 [m~=\\"\\\\32 \\"]{margin:0.5rem;}
 [m~=\\"\\\\33 \\"]{margin:0.75rem;}
-[ma=\\"\\"],
-[un-children~=\\"m-auto\\"]>*{margin:auto;}
 [inline-block=\\"\\"]{display:inline-block;}
 [flex~=\\"\\\\!\\\\~\\"]{display:flex !important;}
 [flex~=\\"col\\"]{flex-direction:column;}
@@ -186,13 +186,10 @@ exports[`attributify > fixture1 1`] = `
 [border~=\\"rounded\\"]{border-radius:0.25rem;}
 [rounded-sm=\\"\\"]{border-radius:0.125rem;}
 [border~=\\"x-style-dashed\\"]{border-left-style:dashed;border-right-style:dashed;}
-.dark [bg~=\\"dark\\\\:\\\\!blue-500\\"]{--un-bg-opacity:1 !important;background-color:rgba(59,130,246,var(--un-bg-opacity)) !important;}
-.dark [bg~=\\"dark\\\\:hover\\\\:blue-600\\"]:hover{--un-bg-opacity:1;background-color:rgba(37,99,235,var(--un-bg-opacity));}
-[bg~=\\"blue-400\\"]{--un-bg-opacity:1;background-color:rgba(96,165,250,var(--un-bg-opacity));}
-[bg~=\\"hover\\\\:blue-500\\"]:hover{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));}
 [important~=\\"bg-red\\"]{--un-bg-opacity:1 !important;background-color:rgba(248,113,113,var(--un-bg-opacity)) !important;}
-[p~=\\"x-4\\"]{padding-left:1rem;padding-right:1rem;}
+[bg~=\\"blue-400\\"]{--un-bg-opacity:1;background-color:rgba(96,165,250,var(--un-bg-opacity));}
 [p~=\\"y-2\\"]{padding-top:0.5rem;padding-bottom:0.5rem;}
+[p~=\\"x-4\\"]{padding-left:1rem;padding-right:1rem;}
 [p~=\\"t-2\\"],
 [pt~=\\"\\\\32 \\"],
 [pt2=\\"\\"]{padding-top:0.5rem;}
@@ -202,7 +199,10 @@ exports[`attributify > fixture1 1`] = `
 [\\\\!leading-4=\\"\\"]{line-height:1rem !important;}
 [important~=\\"text-red\\"]{--un-text-opacity:1 !important;color:rgba(248,113,113,var(--un-text-opacity)) !important;}
 [text~=\\"white\\"]{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}
+[bg~=\\"hover\\\\:blue-500\\"]:hover{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));}
 [after~=\\"content-\\\\[quoted\\\\:uno_css\\\\]\\"]::after{content:\\"uno css\\";}
+.dark [bg~=\\"dark\\\\:\\\\!blue-500\\"]{--un-bg-opacity:1 !important;background-color:rgba(59,130,246,var(--un-bg-opacity)) !important;}
+.dark [bg~=\\"dark\\\\:hover\\\\:blue-600\\"]:hover{--un-bg-opacity:1;background-color:rgba(37,99,235,var(--un-bg-opacity));}
 @media (min-width: 640px){
 [sm~=\\"\\\\[color\\\\:red\\\\]\\"]{color:red;}
 }
@@ -221,23 +221,17 @@ exports[`attributify > fixture2 1`] = `
 [relative=\\"\\"]{position:relative;}
 [left-4=\\"\\"]{left:1rem;}
 [top~=\\"\\\\31 \\\\/3\\"]{top:33.3333333333%;}
-[m-0=\\"\\"]{margin:0rem;}
 [ma=\\"\\"]{margin:auto;}
-[mb--3=\\"\\"]{margin-bottom:-0.75rem;}
+[m-0=\\"\\"]{margin:0rem;}
+[mt-a=\\"\\"]{margin-top:auto;}
 [mb-a=\\"\\"]{margin-bottom:auto;}
+[mb--3=\\"\\"]{margin-bottom:-0.75rem;}
 [mt-1=\\"\\"]{margin-top:0.25rem;}
-[mt-a=\\"\\"]{margin-top:auto;}
-[h-14=\\"\\"]{height:3.5rem;}
 [h-80=\\"\\"]{height:20rem;}
+[h-14=\\"\\"]{height:3.5rem;}
 [flex=\\"\\"]{display:flex;}
 [inline-flex=\\"\\"]{display:inline-flex;}
 [flex-col=\\"\\"]{flex-direction:column;}
-[peer=\\"\\"]:focus~[peer-focus~=\\"origin-top-left\\"],
-[peer=\\"\\"]:not(:placeholder-shown)~[peer-not-placeholder-shown~=\\"origin-top-left\\"]{transform-origin:top left;}
-[peer=\\"\\"]:focus~[peer-focus~=\\"-translate-y-4\\"],
-[peer=\\"\\"]:not(:placeholder-shown)~[peer-not-placeholder-shown~=\\"-translate-y-4\\"]{--un-translate-y:-1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-[peer=\\"\\"]:focus~[peer-focus~=\\"scale-75\\"],
-[peer=\\"\\"]:not(:placeholder-shown)~[peer-not-placeholder-shown~=\\"scale-75\\"]{--un-scale-x:0.75;--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 [select-none=\\"\\"]{user-select:none;}
 [bg-gradient~=\\"from-yellow-400\\"]{--un-gradient-from:rgba(250,204,21,var(--un-from-opacity, 1));--un-gradient-to:rgba(250,204,21,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
 [bg-gradient~=\\"via-red-500\\"]{--un-gradient-to:rgba(239,68,68,0);--un-gradient-stops:var(--un-gradient-from), rgba(239,68,68,var(--un-via-opacity, 1)), var(--un-gradient-to);}
@@ -247,25 +241,31 @@ exports[`attributify > fixture2 1`] = `
 [px-4=\\"\\"]{padding-left:1rem;padding-right:1rem;}
 [pt-4=\\"\\"]{padding-top:1rem;}
 [text-center=\\"\\"]{text-align:center;}
-[peer=\\"\\"]:checked~[peer-checked~=\\"text-4xl\\"],
 [text-4xl=\\"\\"]{font-size:2.25rem;line-height:2.5rem;}
 [text-5xl=\\"\\"]{font-size:3rem;line-height:1;}
 [font-100=\\"\\"]{font-weight:100;}
 [font-200=\\"\\"]{font-weight:200;}
 [leading-1rem=\\"\\"]{line-height:1rem;}
 [tracking-wider=\\"\\"]{letter-spacing:0.05em;}
-[group=\\"\\"]:hover [group-hover~=\\"text-teal-400\\"]{--un-text-opacity:1;color:rgba(45,212,191,var(--un-text-opacity));}
-[peer=\\"\\"]:focus~[peer-focus~=\\"text-green-500\\"],
-[peer=\\"\\"]:not(:placeholder-shown)~[peer-not-placeholder-shown~=\\"text-green-500\\"]{--un-text-opacity:1;color:rgba(34,197,94,var(--un-text-opacity));}
-[text-gray-7=\\"\\"]{--un-text-opacity:1;color:rgba(55,65,81,var(--un-text-opacity));}
 [text-true-gray-800=\\"\\"]{--un-text-opacity:1;color:rgba(38,38,38,var(--un-text-opacity));}
-[un-placeholder~=\\"text-red\\"]::placeholder{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
-[group=\\"\\"]:hover [group-hover~=\\"op-50\\"]{opacity:0.5;}
+[text-gray-7=\\"\\"]{--un-text-opacity:1;color:rgba(55,65,81,var(--un-text-opacity));}
 [op-20=\\"\\"]{opacity:0.2;}
 [all\\\\:transition-400=\\"\\"] *{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:400ms;}
 [transition~=\\"\\\\32 00\\"]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
-[after~=\\"content-\\\\[string\\\\:\\\\!\\\\]\\"]::after{content:!;}
+[peer=\\"\\"]:focus~[peer-focus~=\\"origin-top-left\\"],
+[peer=\\"\\"]:not(:placeholder-shown)~[peer-not-placeholder-shown~=\\"origin-top-left\\"]{transform-origin:top left;}
+[peer=\\"\\"]:focus~[peer-focus~=\\"-translate-y-4\\"],
+[peer=\\"\\"]:not(:placeholder-shown)~[peer-not-placeholder-shown~=\\"-translate-y-4\\"]{--un-translate-y:-1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+[peer=\\"\\"]:focus~[peer-focus~=\\"scale-75\\"],
+[peer=\\"\\"]:not(:placeholder-shown)~[peer-not-placeholder-shown~=\\"scale-75\\"]{--un-scale-x:0.75;--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+[peer=\\"\\"]:checked~[peer-checked~=\\"text-4xl\\"]{font-size:2.25rem;line-height:2.5rem;}
+[group=\\"\\"]:hover [group-hover~=\\"text-teal-400\\"]{--un-text-opacity:1;color:rgba(45,212,191,var(--un-text-opacity));}
+[un-placeholder~=\\"text-red\\"]::placeholder{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
+[peer=\\"\\"]:focus~[peer-focus~=\\"text-green-500\\"],
+[peer=\\"\\"]:not(:placeholder-shown)~[peer-not-placeholder-shown~=\\"text-green-500\\"]{--un-text-opacity:1;color:rgba(34,197,94,var(--un-text-opacity));}
+[group=\\"\\"]:hover [group-hover~=\\"op-50\\"]{opacity:0.5;}
 [before-content~=\\"\\\\[quoted\\\\:\\\\!\\\\]\\"]::before{content:\\"!\\";}
+[after~=\\"content-\\\\[string\\\\:\\\\!\\\\]\\"]::after{content:!;}
 @media (min-width: 640px){
 [sm~=\\"bg-blue-600\\"]{--un-bg-opacity:1;background-color:rgba(37,99,235,var(--un-bg-opacity));}
 }"
@@ -276,13 +276,13 @@ exports[`attributify > fixture4 1`] = `
 [uno-layer-base~=\\"c-white\\\\/10\\"]{color:rgba(255,255,255,0.1);}
 [uno-layer-base~=\\"hover\\\\:c-black\\\\/20\\"]:hover{color:rgba(0,0,0,0.2);}
 /* layer: default */
-.absolute{position:absolute;}
 .fixed{position:fixed;}
+.absolute{position:absolute;}
+[ma=\\"\\"],
+[un-children~=\\"m-auto\\"]>*{margin:auto;}
 [m~=\\"\\\\31 \\"]{margin:0.25rem;}
 [m~=\\"\\\\32 \\"]{margin:0.5rem;}
 [m~=\\"\\\\33 \\"]{margin:0.75rem;}
-[ma=\\"\\"],
-[un-children~=\\"m-auto\\"]>*{margin:auto;}
 [inline-block=\\"\\"]{display:inline-block;}
 [flex~=\\"\\\\!\\\\~\\"]{display:flex !important;}
 [flex~=\\"col\\"]{flex-direction:column;}
@@ -297,14 +297,10 @@ exports[`attributify > fixture4 1`] = `
 [border~=\\"rounded\\"]{border-radius:0.25rem;}
 [rounded-sm=\\"\\"]{border-radius:0.125rem;}
 [border~=\\"x-style-dashed\\"]{border-left-style:dashed;border-right-style:dashed;}
-.dark [bg~=\\"dark\\\\:\\\\!blue-500\\"]{--un-bg-opacity:1 !important;background-color:rgba(59,130,246,var(--un-bg-opacity)) !important;}
-.dark [bg~=\\"dark\\\\:hover\\\\:blue-600\\"]:hover{--un-bg-opacity:1;background-color:rgba(37,99,235,var(--un-bg-opacity));}
-[bg~=\\"blue-400\\"]{--un-bg-opacity:1;background-color:rgba(96,165,250,var(--un-bg-opacity));}
-[bg~=\\"hover\\\\:blue-500\\"]:hover{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));}
-[bg~=\\"hover\\\\:sky-500\\"]:hover{--un-bg-opacity:1;background-color:rgba(14,165,233,var(--un-bg-opacity));}
+[important~=\\"bg-red\\"]{--un-bg-opacity:1 !important;background-color:rgba(248,113,113,var(--un-bg-opacity)) !important;}
 [bg~=\\"sky-400\\"]{--un-bg-opacity:1;background-color:rgba(56,189,248,var(--un-bg-opacity));}
 [bg~=\\"transparent\\"]{background-color:transparent;}
-[important~=\\"bg-red\\"]{--un-bg-opacity:1 !important;background-color:rgba(248,113,113,var(--un-bg-opacity)) !important;}
+[bg~=\\"blue-400\\"]{--un-bg-opacity:1;background-color:rgba(96,165,250,var(--un-bg-opacity));}
 [p~=\\"t-2\\"],
 [pt~=\\"\\\\32 \\"],
 [pt2=\\"\\"]{padding-top:0.5rem;}
@@ -313,7 +309,11 @@ exports[`attributify > fixture4 1`] = `
 [text~=\\"sm\\"]{font-size:0.875rem;line-height:1.25rem;}
 [important~=\\"text-red\\"]{--un-text-opacity:1 !important;color:rgba(248,113,113,var(--un-text-opacity)) !important;}
 [text~=\\"white\\"]{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}
+[bg~=\\"hover\\\\:sky-500\\"]:hover{--un-bg-opacity:1;background-color:rgba(14,165,233,var(--un-bg-opacity));}
+[bg~=\\"hover\\\\:blue-500\\"]:hover{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));}
 [after~=\\"content-\\\\[quoted\\\\:uno-css\\\\]\\"]::after{content:\\"uno-css\\";}
+.dark [bg~=\\"dark\\\\:\\\\!blue-500\\"]{--un-bg-opacity:1 !important;background-color:rgba(59,130,246,var(--un-bg-opacity)) !important;}
+.dark [bg~=\\"dark\\\\:hover\\\\:blue-600\\"]:hover{--un-bg-opacity:1;background-color:rgba(37,99,235,var(--un-bg-opacity));}
 @media (min-width: 640px){
 [sm~=\\"\\\\[color\\\\:red\\\\]\\"]{color:red;}
 }
diff --git a/test/__snapshots__/preset-icons.test.ts.snap b/test/__snapshots__/preset-icons.test.ts.snap
index c4c1c13659..2bb5ab2e96 100644
--- a/test/__snapshots__/preset-icons.test.ts.snap
+++ b/test/__snapshots__/preset-icons.test.ts.snap
@@ -2,20 +2,20 @@
 
 exports[`preset-icons > fixtures 1`] = `
 "/* layer: icons */
-.dark .dark\\\\:i-carbon-moon,
-.dark .dark\\\\:i-carbon-moon\\\\?auto{--un-icon:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E\\");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
-.dark .dark\\\\:i-carbon-moon\\\\?bg{background:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E\\") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;}
+.i-carbon-sun\\\\?bg{background:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E\\") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;}
 .i-carbon-sun{--un-icon:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E\\");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
-.i-carbon-sun\\\\?bg{background:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E\\") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;}"
+.dark .dark\\\\:i-carbon-moon\\\\?bg{background:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E\\") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;}
+.dark .dark\\\\:i-carbon-moon,
+.dark .dark\\\\:i-carbon-moon\\\\?auto{--un-icon:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E\\");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}"
 `;
 
 exports[`preset-icons > icon unit fixtures 1`] = `
 "/* layer: icons */
-.dark .dark\\\\:i-carbon-moon,
-.dark .dark\\\\:i-carbon-moon\\\\?auto{--un-icon:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E\\");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
-.dark .dark\\\\:i-carbon-moon\\\\?bg{background:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E\\") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;}
+.i-carbon-sun\\\\?bg{background:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E\\") no-repeat;background-size:100% 100%;background-color:transparent;width:2rem;height:2rem;}
 .i-carbon-sun{--un-icon:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E\\");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:2rem;height:2rem;}
-.i-carbon-sun\\\\?bg{background:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E\\") no-repeat;background-size:100% 100%;background-color:transparent;width:2rem;height:2rem;}"
+.dark .dark\\\\:i-carbon-moon\\\\?bg{background:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E\\") no-repeat;background-size:100% 100%;background-color:transparent;width:1em;height:1em;}
+.dark .dark\\\\:i-carbon-moon,
+.dark .dark\\\\:i-carbon-moon\\\\?auto{--un-icon:url(\\"data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E\\");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}"
 `;
 
 exports[`preset-icons > svg prologue cleared 1`] = `
diff --git a/test/__snapshots__/preset-mini.test.ts.snap b/test/__snapshots__/preset-mini.test.ts.snap
index ff5793ef57..2a1260f530 100644
--- a/test/__snapshots__/preset-mini.test.ts.snap
+++ b/test/__snapshots__/preset-mini.test.ts.snap
@@ -19,10 +19,10 @@ exports[`preset-mini > dark customizing selector 1`] = `
 
 exports[`preset-mini > fontSize theme 1`] = `
 "/* layer: default */
-.text-lg{font-size:3rem;line-height:1.5em;}
-.text-medium{font-size:2rem;line-height:1.5em;}
 .text-small{font-size:1rem;line-height:1;}
-.text-xs{font-size:2rem;line-height:1;}"
+.text-medium{font-size:2rem;line-height:1.5em;}
+.text-xs{font-size:2rem;line-height:1;}
+.text-lg{font-size:3rem;line-height:1.5em;}"
 `;
 
 exports[`preset-mini > nested theme colors 1`] = `
@@ -38,167 +38,129 @@ exports[`preset-mini > targets 1`] = `
 /* layer: 1 */
 .uno-layer-1\\\\:translate-0{--un-translate-x:0rem;--un-translate-y:0rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 /* layer: default */
-.fw-\\\\$variable{font-weight:var(--variable);}
-.items-\\\\$size{align-items:var(--size);}
-.ws-\\\\$variable{white-space:var(--variable);}
-.\\\\[--css-variable\\\\:\\\\\\"wght\\\\\\"_400\\\\,_\\\\\\"opsz\\\\\\"_14\\\\]{--css-variable:\\"wght\\" 400, \\"opsz\\" 14;}
-.\\\\[--escaped\\\\\\\\\\\\~variable\\\\\\\\\\\\:\\\\:100\\\\%\\\\]{--escaped\\\\~variable\\\\::100%;}
-.\\\\[a\\\\:b\\\\]{a:b;}
-.\\\\[background-image\\\\:url\\\\(star_transparent\\\\.gif\\\\)\\\\,_url\\\\(cat_front\\\\.png\\\\)\\\\]{background-image:url(star_transparent.gif), url(cat_front.png);}
-.\\\\[content\\\\:attr\\\\(attr_content\\\\)\\\\]{content:attr(attr content);}
-.\\\\[content\\\\:attr\\\\(attr\\\\\\\\_content\\\\)\\\\]{content:attr(attr_content);}
-.\\\\[font-family\\\\:\\\\'Inter\\\\'\\\\,_sans-serif\\\\]{font-family:'Inter', sans-serif;}
-.\\\\[font-family\\\\:var\\\\(--font-family\\\\)\\\\]{font-family:var(--font-family);}
-.\\\\[font-feature-settings\\\\:\\\\'cv02\\\\'\\\\,\\\\'cv03\\\\'\\\\,\\\\'cv04\\\\'\\\\,\\\\'cv11\\\\'\\\\]{font-feature-settings:'cv02','cv03','cv04','cv11';}
-.\\\\[font-variation-settings\\\\:\\\\\\"wght\\\\\\"_400\\\\,_\\\\\\"opsz\\\\\\"_14\\\\]{font-variation-settings:\\"wght\\" 400, \\"opsz\\" 14;}
-.\\\\[margin\\\\:logical_1rem_2rem_3rem\\\\]{margin:logical 1rem 2rem 3rem;}
-.all-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\] .target,
-.children-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\]>.target,
-.next-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\]+.target{combinator:test-2;}
-.all-\\\\[\\\\[data-hvr\\\\]\\\\:hover\\\\]\\\\:\\\\[color\\\\:red\\\\] [data-hvr]:hover{color:red;}
-.sibling-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]+div:hover{combinator:test-4;}
-.-p-px{padding:-1px;}
-.\\\\!p-5px{padding:5px !important;}
-.first\\\\:p-2:first-child,
-.has-hover\\\\:p-2:has(:hover),
+.p-none{padding:0rem;}
+.p-unset{padding:unset;}
 .p-2,
-.p2,
-.where-hover\\\\:p-2:where(:hover){padding:0.5rem;}
-.group:focus .group-focus\\\\:p-4,
-.p-xy,
-.pxy{padding:1rem;}
-.hover\\\\:\\\\!p-1:hover{padding:0.25rem !important;}
-.hover\\\\:p-5:hover{padding:1.25rem;}
+.p2{padding:0.5rem;}
+.pa{padding:auto;}
+.not-hover\\\\:p-3:not(:hover){padding:0.75rem;}
 .important\\\\:p-3,
 .p3\\\\!{padding:0.75rem !important;}
+.\\\\!p-5px{padding:5px !important;}
+.-p-px{padding:-1px;}
 .is-hover\\\\:p-4px:is(:hover),
 .not-hover\\\\:p-4px:not(:hover){padding:4px;}
-.not-hover\\\\:p-3:not(:hover){padding:0.75rem;}
-.p-none{padding:0rem;}
-.p-unset{padding:unset;}
-.pa{padding:auto;}
-.\\\\!hover\\\\:px-10:hover{padding-left:2.5rem !important;padding-right:2.5rem !important;}
+.has-hover\\\\:p-2:has(:hover),
+.where-hover\\\\:p-2:where(:hover){padding:0.5rem;}
+.p-xy,
+.pxy{padding:1rem;}
 .p-x,
 .px{padding-left:1rem;padding-right:1rem;}
-.p-t-2,
-.pt-2,
-.pt2{padding-top:0.5rem;}
-.pb{padding-bottom:1rem;}
+.p-t-2{padding-top:0.5rem;}
 .pl-10px{padding-left:10px;}
 .pl-revert{padding-left:revert;}
+.pt-2,
+.pt2{padding-top:0.5rem;}
 .pt-\\\\$title2{padding-top:var(--title2);}
-.p-bs-2,
-.pbs-2,
-.pbs2{padding-block-start:0.5rem;}
+.pb{padding-bottom:1rem;}
 .p-ie-none{padding-inline-end:0rem;}
 .p-ie-revert{padding-inline-end:revert;}
+.p-bs-2{padding-block-start:0.5rem;}
+.pis-10px{padding-inline-start:10px;}
+.pbs-2,
+.pbs2{padding-block-start:0.5rem;}
+.pbs-\\\\$title2{padding-block-start:var(--title2);}
 .p-is,
 .pis{padding-inline-start:1rem;}
-.pbs-\\\\$title2{padding-block-start:var(--title2);}
-.pis-10px{padding-inline-start:10px;}
+.m-inherit{margin:inherit;}
+.m-\\\\[3em\\\\]{margin:3em;}
+.m-0{margin:0rem;}
+.m-1\\\\/2{margin:50%;}
+.m-auto{margin:auto;}
+.m-none{margin:0rem;}
 .-m-lg{margin:-1.125rem;}
+.all\\\\:m-auto *{margin:auto;}
+.all\\\\:m1\\\\/1 *{margin:100%;}
+.children\\\\:m-auto>*{margin:auto;}
 .\\\\!m-\\\\$c-m{margin:var(--c-m) !important;}
-.\\\\[\\\\&_\\\\&\\\\]\\\\:m-13 .\\\\[\\\\&_\\\\&\\\\]\\\\:m-13{margin:3.25rem;}
 .\\\\[\\\\&\\\\:nth-child\\\\(2\\\\)\\\\]\\\\:m-10:nth-child(2){margin:2.5rem;}
-.\\\\[\\\\&\\\\[open\\\\]\\\\:readonly\\\\]\\\\:m-16[open]:readonly{margin:4rem;}
+.\\\\[\\\\&\\\\>\\\\*\\\\]\\\\:m-11>*{margin:2.75rem;}
+*>.\\\\[\\\\*\\\\>\\\\&\\\\]\\\\:m-12{margin:3rem;}
+.\\\\[\\\\&_\\\\&\\\\]\\\\:m-13 .\\\\[\\\\&_\\\\&\\\\]\\\\:m-13{margin:3.25rem;}
 .\\\\[\\\\&\\\\[open\\\\]\\\\]\\\\:m-14[open]{margin:3.5rem;}
 .\\\\[\\\\&\\\\[readonly\\\\]\\\\[disabled\\\\]\\\\]\\\\:m-15[readonly][disabled]{margin:3.75rem;}
-.\\\\[\\\\&\\\\>\\\\*\\\\]\\\\:m-11>*{margin:2.75rem;}
-.all\\\\:m-auto *,
-.children\\\\:m-auto>*,
-.m-auto{margin:auto;}
-.all\\\\:m1\\\\/1 *{margin:100%;}
-.m-\\\\[3em\\\\]{margin:3em;}
-.m-0,
-.m-none{margin:0rem;}
-.m-1\\\\/2{margin:50%;}
-.m-inherit{margin:inherit;}
+.\\\\[\\\\&\\\\[open\\\\]\\\\:readonly\\\\]\\\\:m-16[open]:readonly{margin:4rem;}
 *[open]:readonly .\\\\[\\\\*\\\\[open\\\\]\\\\:readonly_\\\\&\\\\]\\\\:\\\\[\\\\&\\\\[open\\\\]\\\\:disabled\\\\]\\\\:m-17[open]:disabled{margin:4.25rem;}
-*>.\\\\[\\\\*\\\\>\\\\&\\\\]\\\\:m-12{margin:3rem;}
 .m-xy,
 .mxy{margin:1rem;}
 .my-auto{margin-top:auto;margin-bottom:auto;}
 .my-revert-layer{margin-top:revert-layer;margin-bottom:revert-layer;}
-.-\\\\!mb-safe{margin-bottom:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1) !important;}
-.-mb-px{margin-bottom:-1px;}
-.-mt-safe{margin-top:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1);}
-.\\\\!-ms-safe{margin-inline-start:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1) !important;}
 .mt-\\\\[-10\\\\.2\\\\%\\\\]{margin-top:-10.2%;}
 .mt-\\\\$height{margin-top:var(--height);}
+.-mt-safe{margin-top:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1);}
+.-\\\\!mb-safe{margin-bottom:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1) !important;}
+.\\\\!-ms-safe{margin-inline-start:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1) !important;}
 .next\\\\:mt-0+*{margin-top:0rem;}
-.m-block{margin-block-start:1rem;margin-block-end:1rem;}
+.-mb-px{margin-bottom:-1px;}
 .m-block-auto{margin-block-start:auto;margin-block-end:auto;}
-.m-block-inherit{margin-block-start:inherit;margin-block-end:inherit;}
 .m-inline-none{margin-inline-start:0rem;margin-inline-end:0rem;}
-.mbs{margin-block-start:1rem;}
+.m-block-inherit{margin-block-start:inherit;margin-block-end:inherit;}
+.m-block{margin-block-start:1rem;margin-block-end:1rem;}
+.mbs-unset{margin-block-start:unset;}
 .mbs-\\\\[-10\\\\.2\\\\%\\\\]{margin-block-start:-10.2%;}
 .mbs-\\\\$height{margin-block-start:var(--height);}
-.mbs-unset{margin-block-start:unset;}
+.mbs{margin-block-start:1rem;}
 .data-\\\\[inline\\\\]\\\\:inline[data-inline],
 [data-any] .scope-\\\\[\\\\[data-any\\\\]\\\\]\\\\:inline{display:inline;}
 unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .contents{display:contents;}
 .display-\\\\$var{display:var(--var);}
 .display-inherit{display:inherit;}
-.disabled\\\\:op50:disabled{opacity:0.5;}
 .op-10{opacity:0.1;}
-.opacity-\\\\$opa{opacity:var(--opa);}
 .opacity-0{opacity:0;}
-.placeholder-opacity-60::placeholder{opacity:0.6;}
-.bg-\\\\[\\\\#153\\\\]\\\\/10,
-.bg-\\\\[\\\\#1533\\\\]\\\\/10{background-color:rgba(17,85,51,0.1);}
+.opacity-\\\\$opa{opacity:var(--opa);}
+.bg-\\\\[\\\\#153\\\\]\\\\/10{background-color:rgba(17,85,51,0.1);}
 .bg-\\\\[\\\\#1533\\\\]{--un-bg-opacity:0.2;background-color:rgba(17,85,51,var(--un-bg-opacity));}
+.bg-\\\\[\\\\#1533\\\\]\\\\/10{background-color:rgba(17,85,51,0.1);}
 .bg-\\\\[rgba\\\\(1\\\\,2\\\\,3\\\\,0\\\\.5\\\\)\\\\]{--un-bg-opacity:0.5;background-color:rgba(1,2,3,var(--un-bg-opacity));}
-.bg-\\\\#452233\\\\/40,
-.bg-hex-452233\\\\/40{background-color:rgba(69,34,51,0.4);}
-.bg-\\\\$test-variable{background-color:var(--test-variable);}
+.bg-\\\\#452233\\\\/40{background-color:rgba(69,34,51,0.4);}
 .bg-red-100{--un-bg-opacity:1;background-color:rgba(254,226,226,var(--un-bg-opacity));}
 .bg-teal-100\\\\/55{background-color:rgba(204,251,241,0.55);}
 .bg-teal-200\\\\:55{background-color:rgba(153,246,228,0.55);}
 .bg-teal-300\\\\:\\\\[\\\\.55\\\\]{background-color:rgba(94,234,212,.55);}
 .bg-teal-400\\\\/\\\\[\\\\.55\\\\]{background-color:rgba(45,212,191,.55);}
 .bg-teal-500\\\\/\\\\[55\\\\%\\\\]{background-color:rgba(20,184,166,55%);}
-.file\\\\:bg-violet-50::file-selector-button{--un-bg-opacity:1;background-color:rgba(245,243,255,var(--un-bg-opacity));}
-.first-letter\\\\:bg-green-400::first-letter,
-.first-line\\\\:bg-green-400::first-line{--un-bg-opacity:1;background-color:rgba(74,222,128,var(--un-bg-opacity));}
-.focus-within\\\\:has-first\\\\:checked\\\\:bg-gray\\\\/20:checked:has(:first-child):focus-within,
-.focus-within\\\\:where-first\\\\:checked\\\\:bg-gray\\\\/20:checked:where(:first-child):focus-within{background-color:rgba(156,163,175,0.2);}
-.hover\\\\:file\\\\:bg-violet-100:hover::file-selector-button{--un-bg-opacity:1;background-color:rgba(237,233,254,var(--un-bg-opacity));}
-.hover\\\\:is-first\\\\:checked\\\\:bg-true-gray\\\\/10:checked:is(:first-child):hover,
-.hover\\\\:not-first\\\\:checked\\\\:bg-true-gray\\\\/10:checked:not(:first-child):hover{background-color:rgba(163,163,163,0.1);}
-.hover\\\\:not-first\\\\:checked\\\\:bg-red\\\\/10:checked:not(:first-child):hover{background-color:rgba(248,113,113,0.1);}
-.marker\\\\:bg-violet-200::marker{--un-bg-opacity:1;background-color:rgba(221,214,254,var(--un-bg-opacity));}
-.peer:checked~.peer-checked\\\\:bg-blue-500{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));}
-.previous\\\\/label:checked+.previous-checked\\\\/label\\\\:bg-red-500{--un-bg-opacity:1;background-color:rgba(239,68,68,var(--un-bg-opacity));}
+.bg-hex-452233\\\\/40{background-color:rgba(69,34,51,0.4);}
+.bg-\\\\$test-variable{background-color:var(--test-variable);}
 .bg-opacity-45{--un-bg-opacity:0.45;}
-.all-\\\\[svg\\\\]\\\\:fill-red svg{--un-fill-opacity:1;fill:rgba(248,113,113,var(--un-fill-opacity));}
-.fill-\\\\[\\\\#123\\\\]{--un-fill-opacity:1;fill:rgba(17,34,51,var(--un-fill-opacity));}
-.fill-\\\\[1rem\\\\]{fill:1rem;}
 .fill-current{fill:currentColor;}
 .fill-green-400{--un-fill-opacity:1;fill:rgba(74,222,128,var(--un-fill-opacity));}
+.fill-\\\\[\\\\#123\\\\]{--un-fill-opacity:1;fill:rgba(17,34,51,var(--un-fill-opacity));}
+.fill-\\\\[1rem\\\\]{fill:1rem;}
+.all-\\\\[svg\\\\]\\\\:fill-red svg{--un-fill-opacity:1;fill:rgba(248,113,113,var(--un-fill-opacity));}
 .fill-opacity-80{--un-fill-opacity:0.8;}
 .fill-none{fill:none;}
-.stroke-size-\\\\[1rem\\\\],
-.stroke-width-\\\\[1rem\\\\]{stroke-width:1rem;}
-.stroke-size-\\\\$variable,
-.stroke-width-\\\\$variable{stroke-width:var(--variable);}
+.stroke-size-none{stroke-width:0px;}
 .stroke-size-1,
-.stroke-size-1px,
+.stroke-size-1px{stroke-width:1px;}
+.stroke-size-\\\\[1rem\\\\]{stroke-width:1rem;}
+.stroke-size-\\\\$variable{stroke-width:var(--variable);}
 .stroke-width-1,
 .stroke-width-1px{stroke-width:1px;}
-.stroke-size-none{stroke-width:0px;}
+.stroke-width-\\\\[1rem\\\\]{stroke-width:1rem;}
+.stroke-width-\\\\$variable{stroke-width:var(--variable);}
+.stroke-dash-1{stroke-dasharray:1;}
 .stroke-dash-\\\\[5\\\\,3\\\\,2\\\\]{stroke-dasharray:5,3,2;}
 .stroke-dash-\\\\$variable{stroke-dasharray:var(--variable);}
-.stroke-dash-1{stroke-dasharray:1;}
-.stroke-offset-\\\\[1rem\\\\]{stroke-dashoffset:1rem;}
-.stroke-offset-\\\\$variable{stroke-dashoffset:var(--variable);}
 .stroke-offset-1,
 .stroke-offset-1px{stroke-dashoffset:1px;}
+.stroke-offset-\\\\[1rem\\\\]{stroke-dashoffset:1rem;}
 .stroke-offset-none{stroke-dashoffset:0px;}
-.stroke-\\\\[\\\\#123\\\\]{--un-stroke-opacity:1;stroke:rgba(17,34,51,var(--un-stroke-opacity));}
-.stroke-\\\\[1rem\\\\]{stroke:1rem;}
+.stroke-offset-\\\\$variable{stroke-dashoffset:var(--variable);}
 .stroke-current{stroke:currentColor;}
 .stroke-green-400{--un-stroke-opacity:1;stroke:rgba(74,222,128,var(--un-stroke-opacity));}
+.stroke-\\\\[\\\\#123\\\\]{--un-stroke-opacity:1;stroke:rgba(17,34,51,var(--un-stroke-opacity));}
+.stroke-\\\\[1rem\\\\]{stroke:1rem;}
 .stroke-opacity-80{--un-stroke-opacity:0.8;}
 .stroke-cap-round{stroke-linecap:round;}
 .stroke-cap-auto{stroke-linecap:butt;}
@@ -214,192 +176,183 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .border-inline{border-inline-start-width:1px;border-inline-end-width:1px;border-inline-start-style:solid;border-inline-end-style:solid;}
 .border-be{border-block-end-width:1px;border-block-end-style:solid;}
 .border-bs-2{border-block-start-width:2px;border-block-start-style:solid;}
-.border-size-\\\\$variable,
-.border-width-\\\\$variable{border-width:var(--variable);}
-.border-size-2{border-width:2px;}
 .border-size-none{border-width:0px;}
-.border-size-unset{border-width:unset;}
+.border-size-2{border-width:2px;}
+.border-width-3{border-width:3px;}
 .border-width-\\\\[2em\\\\]{border-width:2em;}
 .border-width-\\\\[calc\\\\(1em-1px\\\\)\\\\]{border-width:calc(1em - 1px);}
-.border-width-3{border-width:3px;}
+.border-size-unset{border-width:unset;}
+.border-size-\\\\$variable,
+.border-width-\\\\$variable{border-width:var(--variable);}
 .border-x-size-2{border-left-width:2px;border-right-width:2px;}
 .border-x-width-3{border-left-width:3px;border-right-width:3px;}
-.border-s-width-\\\\$variable{border-inline-start-width:var(--variable);}
 .border-t-size-2{border-top-width:2px;}
 .border-t-width-3{border-top-width:3px;}
+.border-s-width-\\\\$variable{border-inline-start-width:var(--variable);}
 .b-block-size-\\\\$variable{border-block-start-width:var(--variable);border-block-end-width:var(--variable);}
 .border-\\\\[\\\\#124\\\\]{--un-border-opacity:1;border-color:rgba(17,34,68,var(--un-border-opacity));}
-.border-\\\\[var\\\\(--color\\\\)\\\\],
-.border-\\\\$color{border-color:var(--color);}
 .border-black\\\\/10{border-color:rgba(0,0,0,0.1);}
 .border-blue{--un-border-opacity:1;border-color:rgba(96,165,250,var(--un-border-opacity));}
-.border-green-100\\\\/20{border-color:rgba(220,252,231,0.2);}
-.border-red-100,
-.border-red100{--un-border-opacity:1;border-color:rgba(254,226,226,var(--un-border-opacity));}
+.border-red-100{--un-border-opacity:1;border-color:rgba(254,226,226,var(--un-border-opacity));}
 .border-red-200\\\\/10{border-color:rgba(254,202,202,0.1);}
 .border-red-300\\\\/20{border-color:rgba(252,165,165,0.2);}
+.border-red100{--un-border-opacity:1;border-color:rgba(254,226,226,var(--un-border-opacity));}
 .border-red2{--un-border-opacity:1;border-color:rgba(254,202,202,var(--un-border-opacity));}
+.border-\\\\[var\\\\(--color\\\\)\\\\]{border-color:var(--color);}
+.border-green-100\\\\/20{border-color:rgba(220,252,231,0.2);}
+.border-\\\\$color{border-color:var(--color);}
+.border-y-red{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(248,113,113,var(--un-border-top-opacity));--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(248,113,113,var(--un-border-bottom-opacity));}
 .border-x-\\\\[rgb\\\\(1\\\\,2\\\\,3\\\\)\\\\]\\\\/\\\\[0\\\\.5\\\\]{border-left-color:rgba(1,2,3,0.5);border-right-color:rgba(1,2,3,0.5);}
 .border-x-\\\\$color{border-left-color:var(--color);border-right-color:var(--color);}
-.border-y-red{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(248,113,113,var(--un-border-top-opacity));--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(248,113,113,var(--un-border-bottom-opacity));}
+.border-t-\\\\[\\\\#124\\\\]{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(17,34,68,var(--un-border-top-opacity));}
+.border-t-black\\\\/10{border-top-color:rgba(0,0,0,0.1);}
 .border-b-blue{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(96,165,250,var(--un-border-bottom-opacity));}
+.border-s-red-100{--un-border-opacity:1;--un-border-inline-start-opacity:var(--un-border-opacity);border-inline-start-color:rgba(254,226,226,var(--un-border-inline-start-opacity));}
 .border-e-red-200\\\\/10{border-inline-end-color:rgba(254,202,202,0.1);}
 .border-e-red-300\\\\/\\\\[20\\\\]{border-inline-end-color:rgba(252,165,165,20);}
-.border-s-red-100{--un-border-opacity:1;--un-border-inline-start-opacity:var(--un-border-opacity);border-inline-start-color:rgba(254,226,226,var(--un-border-inline-start-opacity));}
-.border-t-\\\\[\\\\#124\\\\]{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(17,34,68,var(--un-border-top-opacity));}
 .border-t-\\\\$color{border-top-color:var(--color);}
-.border-t-black\\\\/10{border-top-color:rgba(0,0,0,0.1);}
 .border-opacity-20{--un-border-opacity:0.2;}
 .border-y-op-30{--un-border-top-opacity:0.3;--un-border-bottom-opacity:0.3;}
 .border-b-op40{--un-border-bottom-opacity:0.4;}
 .border-s-opacity50{--un-border-inline-start-opacity:0.5;}
-.b-rounded,
-.border-rounded,
-.rounded{border-radius:0.25rem;}
 .rounded-\\\\[4px\\\\]{border-radius:4px;}
-.rounded-\\\\$variable{border-radius:var(--variable);}
 .rounded-1\\\\/2{border-radius:50%;}
 .rounded-full{border-radius:9999px;}
+.rounded-unset{border-radius:unset;}
 .rounded-md{border-radius:0.375rem;}
+.rounded{border-radius:0.25rem;}
 .rounded-none{border-radius:0rem;}
-.rounded-unset{border-radius:unset;}
-.rounded-b-revert{border-bottom-left-radius:revert;border-bottom-right-radius:revert;}
+.b-rounded,
+.border-rounded{border-radius:0.25rem;}
+.rounded-\\\\$variable{border-radius:var(--variable);}
 .rounded-t-sm{border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;}
+.rounded-b-revert{border-bottom-left-radius:revert;border-bottom-right-radius:revert;}
 .rounded-rb-1\\\\/2{border-bottom-right-radius:50%;}
 .rounded-tr{border-top-right-radius:0.25rem;}
 .rounded-bs-sm{border-start-start-radius:0.125rem;border-start-end-radius:0.125rem;}
-.rounded-bs-ie{border-start-end-radius:0.25rem;}
 .rounded-ie-be-1\\\\/2{border-end-end-radius:50%;}
-.b-dashed,
-.border-dashed{border-style:dashed;}
-.b-dotted,
-.border-dotted{border-style:dotted;}
-.b-double,
+.rounded-bs-ie{border-start-end-radius:0.25rem;}
 .border-double{border-style:double;}
-.b-hidden,
-.border-hidden{border-style:hidden;}
-.b-none,
 .border-none{border-style:none;}
-.b-solid,
-.border-solid{border-style:solid;}
 .border-inherit{border-style:inherit;}
+.border-dashed{border-style:dashed;}
+.border-solid{border-style:solid;}
+.border-dotted{border-style:dotted;}
+.border-hidden{border-style:hidden;}
+.b-dashed{border-style:dashed;}
+.b-solid{border-style:solid;}
+.b-dotted{border-style:dotted;}
+.b-double{border-style:double;}
+.b-hidden{border-style:hidden;}
+.b-none{border-style:none;}
 .border-x-dashed{border-left-style:dashed;border-right-style:dashed;}
-.border-y-revert-layer{border-top-style:revert-layer;border-bottom-style:revert-layer;}
 .border-y-unset{border-top-style:unset;border-bottom-style:unset;}
-.border-b-dashed{border-bottom-style:dashed;}
-.border-e-dashed{border-inline-end-style:dashed;}
+.border-y-revert-layer{border-top-style:revert-layer;border-bottom-style:revert-layer;}
 .border-l-dashed{border-left-style:dashed;}
+.border-t-dashed{border-top-style:dashed;}
+.border-b-dashed{border-bottom-style:dashed;}
 .border-r-dashed{border-right-style:dashed;}
 .border-s-dashed{border-inline-start-style:dashed;}
-.border-t-dashed{border-top-style:dashed;}
+.border-e-dashed{border-inline-end-style:dashed;}
 .border-block-style-double{border-block-start-style:double;border-block-end-style:double;}
 .border-ie-unset{border-inline-end-style:unset;}
 .border-is-style-double{border-inline-start-style:double;}
-.intrinsic-size-1\\\\/2{contain-intrinsic-size:50%;}
 .intrinsic-size-200{contain-intrinsic-size:50rem;}
 .intrinsic-size-200px{contain-intrinsic-size:200px;}
+.intrinsic-size-1\\\\/2{contain-intrinsic-size:50%;}
 .intrinsic-size-unset{contain-intrinsic-size:unset;}
 .content-visibility-visible{content-visibility:visible;}
 .content-visibility-hidden{content-visibility:hidden;}
 .content-visibility-auto{content-visibility:auto;}
 .content-visibility-unset{content-visibility:unset;}
-.after\\\\:content-\\\\[quoted\\\\:unocss\\\\]::after,
-.content-\\\\[quoted\\\\:unocss\\\\]{content:\\"unocss\\";}
 .content-\\\\[normal\\\\]{content:normal;}
 .content-\\\\[quoted\\\\:\\\\!\\\\]{content:\\"!\\";}
+.content-\\\\[quoted\\\\:unocss\\\\]{content:\\"unocss\\";}
 .content-\\\\[string\\\\:attr\\\\(dashed-attr\\\\)\\\\]{content:attr(dashed-attr);}
 .content-\\\\[string\\\\:attr\\\\(underlined\\\\\\\\_attr\\\\)\\\\]{content:attr(underlined_attr);}
-.content-\\\\$unocss-var{content:var(--unocss-var);}
 .content-empty,
 .content-none{content:\\"\\";}
+.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;}
 .font-\\\\[system-ui\\\\]{font-family:system-ui;}
 .font-\\\\$font-name{font-family:var(--font-name);}
-.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;}
-.group:has(:placeholder-shown) .group-has-placeholder-shown\\\\:text-4xl,
-.group:where(:placeholder-shown) .group-where-placeholder-shown\\\\:text-4xl,
-.text-4xl{font-size:2.25rem;line-height:2.5rem;}
-.peer:is(:placeholder-shown)~.peer-is-placeholder-shown\\\\:text-3xl,
-.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\\\\:text-3xl{font-size:1.875rem;line-height:2.25rem;}
-.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\\\\:text-2xl{font-size:1.5rem;line-height:2rem;}
+.text-\\\\[2em\\\\]{font-size:2em;}
 .text-\\\\[100px\\\\]{font-size:100px;}
-.text-\\\\[2em\\\\],
-.text-\\\\[length\\\\:2em\\\\],
-.text-2em,
-.text-size-\\\\[2em\\\\]{font-size:2em;}
-.text-\\\\[length\\\\:calc\\\\(1em-1px\\\\)\\\\]{font-size:calc(1em - 1px);}
 .text-\\\\[length\\\\:var\\\\(--size\\\\)\\\\]{font-size:var(--size);}
+.text-\\\\[length\\\\:2em\\\\]{font-size:2em;}
+.text-\\\\[length\\\\:calc\\\\(1em-1px\\\\)\\\\]{font-size:calc(1em - 1px);}
+.text-4xl{font-size:2.25rem;line-height:2.5rem;}
 .text-base{font-size:1rem;line-height:1.5rem;}
 .text-lg{font-size:1.125rem;line-height:1.75rem;}
-.text-size-\\\\$variable{font-size:var(--variable);}
+.text-2em{font-size:2em;}
 .text-size-unset{font-size:unset;}
-.as-parent .group .group-\\\\[\\\\.as-parent_\\\\&\\\\]\\\\:font-13{font-weight:13;}
-.as-parent .group\\\\/label .group-\\\\[\\\\.as-parent_\\\\&\\\\]\\\\/label\\\\:font-18{font-weight:18;}
+.text-size-\\\\[2em\\\\]{font-size:2em;}
+.text-size-\\\\$variable{font-size:var(--variable);}
+.font-thin{font-weight:100;}
+.font-900{font-weight:900;}
 .font-050,
-.font-50,
+.font-50{font-weight:50;}
+.font-inherit{font-weight:inherit;}
+.fw-900{font-weight:900;}
 .fw-050,
 .fw-50{font-weight:50;}
-.font-900,
-.fw-900{font-weight:900;}
-.font-inherit{font-weight:inherit;}
-.font-thin{font-weight:100;}
 .group:hover .group-\\\\[\\\\:hover\\\\]\\\\:font-11{font-weight:11;}
-.group:hover .group-hover\\\\:font-10{font-weight:10;}
-.group.not-parent .group-\\\\[\\\\.not-parent\\\\]\\\\:font-14{font-weight:14;}
 .group[data-attr] .group-\\\\[\\\\[data-attr\\\\]\\\\]\\\\:font-12{font-weight:12;}
+.as-parent .group .group-\\\\[\\\\.as-parent_\\\\&\\\\]\\\\:font-13{font-weight:13;}
+.group.not-parent .group-\\\\[\\\\.not-parent\\\\]\\\\:font-14{font-weight:14;}
 .group\\\\/label:hover .group-\\\\[\\\\:hover\\\\]\\\\/label\\\\:font-16{font-weight:16;}
-.group\\\\/label:hover .group-hover\\\\/label\\\\:font-15{font-weight:15;}
-.group\\\\/label.not-parent .group-\\\\[\\\\.not-parent\\\\]\\\\/label\\\\:font-19{font-weight:19;}
 .group\\\\/label[data-attr] .group-\\\\[\\\\[data-attr\\\\]\\\\]\\\\/label\\\\:font-17{font-weight:17;}
-.font-leading-2,
+.as-parent .group\\\\/label .group-\\\\[\\\\.as-parent_\\\\&\\\\]\\\\/label\\\\:font-18{font-weight:18;}
+.group\\\\/label.not-parent .group-\\\\[\\\\.not-parent\\\\]\\\\/label\\\\:font-19{font-weight:19;}
 .leading-2{line-height:0.5rem;}
-.leading-\\\\$variable,
-.lh-\\\\$variable{line-height:var(--variable);}
 .leading-inherit{line-height:inherit;}
+.font-leading-2{line-height:0.5rem;}
 .lh-\\\\[1\\\\.5\\\\]{line-height:1.5;}
+.leading-\\\\$variable,
+.lh-\\\\$variable{line-height:var(--variable);}
 .font-synthesis-weight{font-synthesis:weight;}
 .font-synthesis-small-caps{font-synthesis:small-caps;}
 .font-synthesis-\\\\[weight_style\\\\]{font-synthesis:weight style;}
 .font-synthesis-\\\\$synth{font-synthesis:var(--synth);}
 .font-synthesis-inherit{font-synthesis:inherit;}
-.font-tracking-1em{letter-spacing:1em;}
+.tracking-wide{letter-spacing:0.025em;}
 .tracking-\\\\[2\\\\/5\\\\]{letter-spacing:2/5;}
-.tracking-\\\\$variable{letter-spacing:var(--variable);}
 .tracking-inherit{letter-spacing:inherit;}
-.tracking-wide{letter-spacing:0.025em;}
-.word-spacing-\\\\$variable{word-spacing:var(--variable);}
+.font-tracking-1em{letter-spacing:1em;}
+.tracking-\\\\$variable{letter-spacing:var(--variable);}
 .word-spacing-1{word-spacing:0.25rem;}
+.word-spacing-wide{word-spacing:0.025em;}
 .word-spacing-2{word-spacing:0.5rem;}
 .word-spacing-inherit{word-spacing:inherit;}
-.word-spacing-wide{word-spacing:0.025em;}
+.word-spacing-\\\\$variable{word-spacing:var(--variable);}
 .tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
-.tab-\\\\$tabprop{-moz-tab-size:var(--tabprop);-o-tab-size:var(--tabprop);tab-size:var(--tabprop);}
 .tab-6{-moz-tab-size:6;-o-tab-size:6;tab-size:6;}
 .tab-inherit{-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;}
+.tab-\\\\$tabprop{-moz-tab-size:var(--tabprop);-o-tab-size:var(--tabprop);tab-size:var(--tabprop);}
 .indent{text-indent:1.5rem;}
 .indent-1\\\\/2{text-indent:50%;}
 .indent-lg{text-indent:2rem;}
-.indent-revert-layer{text-indent:revert-layer;}
 .indent-unset{text-indent:unset;}
+.indent-revert-layer{text-indent:revert-layer;}
 .text-clip{text-overflow:clip;}
 .decoration-underline,
 .underline{text-decoration-line:underline;}
-.decoration-5,
-.underline-5{text-decoration-thickness:5px;}
 .decoration-size-none{text-decoration-thickness:0px;}
+.decoration-5{text-decoration-thickness:5px;}
 .decoration-size-unset{text-decoration-thickness:unset;}
+.underline-5{text-decoration-thickness:5px;}
 .underline-1rem{text-decoration-thickness:1rem;}
 .underline-auto{text-decoration-thickness:auto;}
-.aria-\\\\[invalid\\\\=spelling\\\\]\\\\:underline-red-600[aria-invalid=spelling]{-webkit-text-decoration-color:rgba(220,38,38,var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgba(220,38,38,var(--un-line-opacity));}
-.data-\\\\[invalid\\\\~\\\\=grammar\\\\]\\\\:underline-green-600[data-invalid~=grammar]{-webkit-text-decoration-color:rgba(22,163,74,var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgba(22,163,74,var(--un-line-opacity));}
-.decoration-purple\\\\/50{-webkit-text-decoration-color:rgba(192,132,252,0.5);text-decoration-color:rgba(192,132,252,0.5);}
 .decoration-transparent{-webkit-text-decoration-color:transparent;text-decoration-color:transparent;}
+.decoration-purple\\\\/50{-webkit-text-decoration-color:rgba(192,132,252,0.5);text-decoration-color:rgba(192,132,252,0.5);}
 .underline-red-500{-webkit-text-decoration-color:rgba(239,68,68,var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgba(239,68,68,var(--un-line-opacity));}
+.aria-\\\\[invalid\\\\=spelling\\\\]\\\\:underline-red-600[aria-invalid=spelling]{-webkit-text-decoration-color:rgba(220,38,38,var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgba(220,38,38,var(--un-line-opacity));}
+.data-\\\\[invalid\\\\~\\\\=grammar\\\\]\\\\:underline-green-600[data-invalid~=grammar]{-webkit-text-decoration-color:rgba(22,163,74,var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgba(22,163,74,var(--un-line-opacity));}
 .underline-op80{--un-line-opacity:0.8;}
-.decoration-offset-0\\\\.6rem,
-.underline-offset-0\\\\.6rem{text-underline-offset:0.6rem;}
+.decoration-offset-0\\\\.6rem{text-underline-offset:0.6rem;}
 .decoration-offset-none{text-underline-offset:0px;}
-.underline-offset-4{text-underline-offset:4px;}
 .underline-offset-auto{text-underline-offset:auto;}
+.underline-offset-4{text-underline-offset:4px;}
+.underline-offset-0\\\\.6rem{text-underline-offset:0.6rem;}
 .underline-dashed{text-decoration-style:dashed;}
 .underline-inherit{text-decoration-style:inherit;}
 .decoration-none{text-decoration:none;}
@@ -408,51 +361,46 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .text-stroke-blue-500{--un-text-stroke-opacity:1;-webkit-text-stroke-color:rgba(59,130,246,var(--un-text-stroke-opacity));}
 .text-stroke-op-60{--un-text-stroke-opacity:0.6;}
 .text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgba(0,0,0,0.2)),0 0 1px var(--un-text-shadow-color, rgba(1,0,5,0.1));text-shadow:var(--un-text-shadow);}
-.text-shadow-\\\\$var{text-shadow:var(--var);}
 .text-shadow-lg{--un-text-shadow:3px 3px 6px var(--un-text-shadow-color, rgba(0,0,0,0.26)),0 0 5px var(--un-text-shadow-color, rgba(15,3,86,0.22));text-shadow:var(--un-text-shadow);}
 .text-shadow-none{--un-text-shadow:0 0 var(--un-text-shadow-color, rgba(0,0,0,0));text-shadow:var(--un-text-shadow);}
+.text-shadow-\\\\$var{text-shadow:var(--var);}
 .text-shadow-color-red-300{--un-text-shadow-opacity:1;--un-text-shadow-color:rgba(252,165,165,var(--un-text-shadow-opacity));}
 .text-shadow-color-op-30{--un-text-shadow-opacity:0.3;}
 .case-upper{text-transform:uppercase;}
 .case-normal{text-transform:none;}
 .case-inherit{text-transform:inherit;}
-.group:hover:focus .group-hover\\\\:group-focus\\\\:text-center,
-.parent:hover>.parent-hover\\\\:text-center{text-align:center;}
-.text-left,
-[dir=\\"ltr\\"] .ltr\\\\:text-left{text-align:left;}
-[dir=\\"rtl\\"] .rtl\\\\:text-right{text-align:right;}
-.c-\\\\[\\\\#157\\\\],
-.c-\\\\#157,
+.text-left{text-align:left;}
+.c-\\\\[\\\\#157\\\\]{--un-text-opacity:1;color:rgba(17,85,119,var(--un-text-opacity));}
+.c-\\\\[\\\\#157\\\\]\\\\/10{color:rgba(17,85,119,0.1);}
+.c-\\\\[\\\\#2573\\\\]{--un-text-opacity:0.2;color:rgba(34,85,119,var(--un-text-opacity));}
+.c-\\\\[\\\\#2573\\\\]\\\\/10{color:rgba(34,85,119,0.1);}
+.c-\\\\[\\\\#335577\\\\]{--un-text-opacity:1;color:rgba(51,85,119,var(--un-text-opacity));}
+.c-\\\\[\\\\#335577\\\\]\\\\/10{color:rgba(51,85,119,0.1);}
+.c-\\\\[\\\\#44557733\\\\]{--un-text-opacity:0.2;color:rgba(68,85,119,var(--un-text-opacity));}
+.c-\\\\[\\\\#44557733\\\\]\\\\/10{color:rgba(68,85,119,0.1);}
+.c-\\\\#157{--un-text-opacity:1;color:rgba(17,85,119,var(--un-text-opacity));}
+.c-\\\\#157\\\\/10{color:rgba(17,85,119,0.1);}
+.c-\\\\#2573{--un-text-opacity:0.2;color:rgba(34,85,119,var(--un-text-opacity));}
+.c-\\\\#2573\\\\/10{color:rgba(34,85,119,0.1);}
+.c-\\\\#335577{--un-text-opacity:1;color:rgba(51,85,119,var(--un-text-opacity));}
+.c-\\\\#335577\\\\/10{color:rgba(51,85,119,0.1);}
+.c-\\\\#44557733{--un-text-opacity:0.2;color:rgba(68,85,119,var(--un-text-opacity));}
+.c-\\\\#44557733\\\\/10{color:rgba(68,85,119,0.1);}
 .c-hex-157{--un-text-opacity:1;color:rgba(17,85,119,var(--un-text-opacity));}
-.c-\\\\[\\\\#157\\\\]\\\\/\\\\$opacity-variable{color:rgba(17,85,119,var(--opacity-variable));}
-.c-\\\\[\\\\#157\\\\]\\\\/10,
-.c-\\\\#157\\\\/10,
 .c-hex-157\\\\/10{color:rgba(17,85,119,0.1);}
-.c-\\\\[\\\\#2573\\\\],
-.c-\\\\#2573,
 .c-hex-2573{--un-text-opacity:0.2;color:rgba(34,85,119,var(--un-text-opacity));}
-.c-\\\\[\\\\#2573\\\\]\\\\/\\\\$opacity-variable{color:rgba(34,85,119,var(--opacity-variable));}
-.c-\\\\[\\\\#2573\\\\]\\\\/10,
-.c-\\\\#2573\\\\/10,
 .c-hex-2573\\\\/10{color:rgba(34,85,119,0.1);}
-.c-\\\\[\\\\#335577\\\\],
-.c-\\\\#335577,
 .c-hex-335577{--un-text-opacity:1;color:rgba(51,85,119,var(--un-text-opacity));}
-.c-\\\\[\\\\#335577\\\\]\\\\/\\\\$opacity-variable{color:rgba(51,85,119,var(--opacity-variable));}
-.c-\\\\[\\\\#335577\\\\]\\\\/10,
-.c-\\\\#335577\\\\/10,
 .c-hex-335577\\\\/10{color:rgba(51,85,119,0.1);}
-.c-\\\\[\\\\#44557733\\\\],
-.c-\\\\#44557733,
 .c-hex-44557733{--un-text-opacity:0.2;color:rgba(68,85,119,var(--un-text-opacity));}
-.c-\\\\[\\\\#44557733\\\\]\\\\/\\\\$opacity-variable{color:rgba(68,85,119,var(--opacity-variable));}
-.c-\\\\[\\\\#44557733\\\\]\\\\/10,
-.c-\\\\#44557733\\\\/10,
 .c-hex-44557733\\\\/10{color:rgba(68,85,119,0.1);}
+.c-\\\\[\\\\#157\\\\]\\\\/\\\\$opacity-variable{color:rgba(17,85,119,var(--opacity-variable));}
+.c-\\\\[\\\\#2573\\\\]\\\\/\\\\$opacity-variable{color:rgba(34,85,119,var(--opacity-variable));}
+.c-\\\\[\\\\#335577\\\\]\\\\/\\\\$opacity-variable{color:rgba(51,85,119,var(--opacity-variable));}
+.c-\\\\[\\\\#44557733\\\\]\\\\/\\\\$opacity-variable{color:rgba(68,85,119,var(--opacity-variable));}
 .c-\\\\$color-variable,
 .c-\\\\$color-variable\\\\/\\\\$opacity-variable,
 .c-\\\\$color-variable\\\\/10{color:var(--color-variable);}
-.color-\\\\$red{color:var(--red);}
 .color-blue,
 .color-blue-400{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}
 .color-blue-400\\\\/10,
@@ -465,49 +413,37 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .color-blue-gray\\\\/10,
 .color-bluegray-400\\\\/10,
 .color-bluegray\\\\/10{color:rgba(148,163,184,0.1);}
-.in-range\\\\:color-pink-100:in-range,
-.open\\\\:color-pink-100[open],
-.out-of-range\\\\:color-pink-100:out-of-range{--un-text-opacity:1;color:rgba(252,231,243,var(--un-text-opacity));}
-.placeholder-color-red-1::placeholder,
-.text-red-100,
-.text-red100{--un-text-opacity:1;color:rgba(254,226,226,var(--un-text-opacity));}
-.placeholder-shown-color-transparent:placeholder-shown,
-.placeholder\\\\:color-transparent::placeholder{color:transparent;}
-.selection\\\\:color-\\\\[var\\\\(--select-color\\\\)\\\\]::selection{color:var(--select-color);}
-.checked\\\\:next\\\\:hover\\\\:text-slate-500:hover+*:checked{--un-text-opacity:1;color:rgba(100,116,139,var(--un-text-opacity));}
-.checked\\\\:next\\\\:text-slate-100+*:checked{--un-text-opacity:1;color:rgba(241,245,249,var(--un-text-opacity));}
-.next\\\\:checked\\\\:children\\\\:text-slate-600>*:checked+*{--un-text-opacity:1;color:rgba(71,85,105,var(--un-text-opacity));}
-.next\\\\:checked\\\\:text-slate-200:checked+*{--un-text-opacity:1;color:rgba(226,232,240,var(--un-text-opacity));}
-.text-\\\\[\\\\#124\\\\]{--un-text-opacity:1;color:rgba(17,34,68,var(--un-text-opacity));}
-.text-\\\\[calc\\\\(1em-1px\\\\)\\\\]{color:calc(1em - 1px);}
-.text-\\\\[color\\\\:var\\\\(--color-x\\\\)\\\\]\\\\:\\\\[trick\\\\]{color:var(--color-x);}
-.text-\\\\[color\\\\:var\\\\(--color\\\\)\\\\],
-.text-\\\\[var\\\\(--color\\\\)\\\\]{color:var(--color);}
-.text-\\\\$variable{color:var(--variable);}
+.color-\\\\$red{color:var(--red);}
 .text-black\\\\/10{color:rgba(0,0,0,0.1);}
+.text-rose{--un-text-opacity:1;color:rgba(251,113,133,var(--un-text-opacity));}
+.text-red-100{--un-text-opacity:1;color:rgba(254,226,226,var(--un-text-opacity));}
 .text-red-200\\\\/10{color:rgba(254,202,202,0.1);}
 .text-red-300\\\\:20,
 .text-red-300\\\\/20{color:rgba(252,165,165,0.2);}
 .text-red\\\\:20{color:rgba(248,113,113,0.2);}
+.text-red100{--un-text-opacity:1;color:rgba(254,226,226,var(--un-text-opacity));}
 .text-red2{--un-text-opacity:1;color:rgba(254,202,202,var(--un-text-opacity));}
-.text-rose{--un-text-opacity:1;color:rgba(251,113,133,var(--un-text-opacity));}
-.placeholder-color-opacity-60::placeholder{--un-text-opacity:0.6;}
+.text-\\\\[var\\\\(--color\\\\)\\\\]{color:var(--color);}
+.text-\\\\[\\\\#124\\\\]{--un-text-opacity:1;color:rgba(17,34,68,var(--un-text-opacity));}
+.text-\\\\[calc\\\\(1em-1px\\\\)\\\\]{color:calc(1em - 1px);}
+.text-\\\\[color\\\\:var\\\\(--color\\\\)\\\\]{color:var(--color);}
+.text-\\\\[color\\\\:var\\\\(--color-x\\\\)\\\\]\\\\:\\\\[trick\\\\]{color:var(--color-x);}
+.text-\\\\$variable{color:var(--variable);}
 .text-opacity-\\\\[13\\\\.3333333\\\\%\\\\]{--un-text-opacity:13.3333333%;}
 .font-italic,
 .italic{font-style:italic;}
 .font-oblique,
 .oblique{font-style:oblique;}
 .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;}
-.backdrop\\\\:shadow-green::backdrop{--un-shadow-opacity:1;--un-shadow-color:rgba(74,222,128,var(--un-shadow-opacity));}
 .shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-\\\\[0px_4px_4px_0px_rgba\\\\(237\\\\,_0\\\\,_0\\\\,_1\\\\)\\\\]{--un-shadow:0px 4px 4px 0px var(--un-shadow-color, rgba(237,0,0,1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-\\\\$variable{--un-shadow:var(--variable);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-transparent{--un-shadow-color:transparent;}
 .shadow-current{--un-shadow-color:currentColor;}
-.shadow-green-500{--un-shadow-opacity:1;--un-shadow-color:rgba(34,197,94,var(--un-shadow-opacity));}
-.shadow-green-900\\\\/50{--un-shadow-color:rgba(20,83,45,0.5);}
 .shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgba(0,0,0,0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
-.shadow-transparent{--un-shadow-color:transparent;}
 .shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-green-500{--un-shadow-opacity:1;--un-shadow-color:rgba(34,197,94,var(--un-shadow-opacity));}
+.shadow-green-900\\\\/50{--un-shadow-color:rgba(20,83,45,0.5);}
+.shadow-\\\\[0px_4px_4px_0px_rgba\\\\(237\\\\,_0\\\\,_0\\\\,_1\\\\)\\\\]{--un-shadow:0px 4px 4px 0px var(--un-shadow-color, rgba(237,0,0,1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-\\\\$variable{--un-shadow:var(--variable);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
 .shadow-op-50{--un-shadow-opacity:0.5;}
 .shadow-inset{--un-shadow-inset:inset;}
 .ring,
@@ -517,69 +453,69 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .ring-size-px,
 .ring-width-px{--un-ring-width:1px;}
 .ring-offset{--un-ring-offset-width:1px;}
-.ring-offset-4{--un-ring-offset-width:4px;}
 .ring-offset-none{--un-ring-offset-width:0px;}
+.ring-offset-4{--un-ring-offset-width:4px;}
 .ring-offset-size-\\\\$variable,
 .ring-offset-width-\\\\$variable{--un-ring-offset-width:var(--variable);}
 .ring-red2{--un-ring-opacity:1;--un-ring-color:rgba(254,202,202,var(--un-ring-opacity));}
 .ring-red2\\\\/5{--un-ring-color:rgba(254,202,202,0.05);}
 .ring-op-5{--un-ring-opacity:0.05;}
-.ring-offset-\\\\$variable{--un-ring-offset-color:var(--variable);}
-.ring-offset-green5{--un-ring-offset-opacity:1;--un-ring-offset-color:rgba(34,197,94,var(--un-ring-offset-opacity));}
 .ring-offset-red2{--un-ring-offset-opacity:1;--un-ring-offset-color:rgba(254,202,202,var(--un-ring-offset-opacity));}
 .ring-offset-red2\\\\/5{--un-ring-offset-color:rgba(254,202,202,0.05);}
+.ring-offset-green5{--un-ring-offset-opacity:1;--un-ring-offset-color:rgba(34,197,94,var(--un-ring-offset-opacity));}
+.ring-offset-\\\\$variable{--un-ring-offset-color:var(--variable);}
 .ring-offset-op-5{--un-ring-offset-opacity:0.05;}
 .ring-inset{--un-ring-inset:inset;}
 .flex{display:flex;}
-.flex-\\\\[\\\\$variable1_\\\\$variable2_\\\\$variable3\\\\]{flex:var(--variable1) var(--variable2) var(--variable3);}
-.flex-\\\\[0_0_auto\\\\]{flex:0 0 auto;}
+.flex-\\\\[hi\\\\]{flex:hi;}
 .flex-\\\\[1_0_100\\\\%\\\\]{flex:1 0 100%;}
+.flex-\\\\[0_0_auto\\\\]{flex:0 0 auto;}
 .flex-\\\\[1_1_1\\\\/2\\\\]{flex:1 1 50%;}
 .flex-\\\\[1_auto\\\\]{flex:1 auto;}
 .flex-\\\\[fit-content\\\\]{flex:fit-content;}
-.flex-\\\\[hi\\\\]{flex:hi;}
 .flex-\\\\$variable{flex:var(--variable);}
-.flex-shrink,
+.flex-\\\\[\\\\$variable1_\\\\$variable2_\\\\$variable3\\\\]{flex:var(--variable1) var(--variable2) var(--variable3);}
+.flex-shrink{flex-shrink:1;}
+.flex-shrink-0{flex-shrink:0;}
 .shrink{flex-shrink:1;}
-.flex-shrink-0,
 .shrink-0{flex-shrink:0;}
-.shrink-\\\\$variable{flex-shrink:var(--variable);}
 .shrink-10{flex-shrink:10;}
-.flex-grow,
+.shrink-\\\\$variable{flex-shrink:var(--variable);}
+.flex-grow{flex-grow:1;}
+.flex-grow-0{flex-grow:0;}
 .grow{flex-grow:1;}
-.flex-grow-0,
 .grow-0{flex-grow:0;}
-.grow-\\\\$variable{flex-grow:var(--variable);}
 .grow-10{flex-grow:10;}
-.basis-auto{flex-basis:auto;}
-.basis-none,
+.grow-\\\\$variable{flex-grow:var(--variable);}
 .flex-basis-0{flex-basis:0rem;}
-.flex-basis-\\\\$variable{flex-basis:var(--variable);}
 .flex-basis-1\\\\/2{flex-basis:50%;}
+.basis-auto{flex-basis:auto;}
+.basis-none{flex-basis:0rem;}
+.flex-basis-\\\\$variable{flex-basis:var(--variable);}
 .flex-row{flex-direction:row;}
 .flex-col-reverse{flex-direction:column-reverse;}
 .grid{display:grid;}
-.grid-col-\\\\$variable{grid-column:var(--variable);}
-.grid-row-\\\\$variable{grid-row:var(--variable);}
-.row-\\\\[span_1\\\\/span_2\\\\]{grid-row:span 1/span 2;}
 .row-auto{grid-row:auto;}
-.col-span-1{grid-column:span 1/span 1;}
+.row-\\\\[span_1\\\\/span_2\\\\]{grid-row:span 1/span 2;}
+.grid-row-\\\\$variable{grid-row:var(--variable);}
+.grid-col-\\\\$variable{grid-column:var(--variable);}
 .row-span-\\\\[hi\\\\]{grid-row:span hi/span hi;}
+.col-span-1{grid-column:span 1/span 1;}
 .row-span-full{grid-row:1/-1;}
 .row-start-full{grid-row-start:full;}
 .row-end-1{grid-row-end:1;}
+.auto-rows-min{grid-auto-rows:min-content;}
+.auto-rows-fr{grid-auto-rows:minmax(0,1fr);}
 .auto-cols-auto{grid-auto-columns:auto;}
 .auto-rows-auto{grid-auto-rows:auto;}
-.auto-rows-fr{grid-auto-rows:minmax(0,1fr);}
-.auto-rows-min{grid-auto-rows:min-content;}
-.grid-auto-cols-\\\\$variable{grid-auto-columns:var(--variable);}
 .grid-auto-rows-\\\\$variable{grid-auto-rows:var(--variable);}
-.auto-flow-col-dense,
-.grid-flow-col-dense{grid-auto-flow:column dense;}
+.grid-auto-cols-\\\\$variable{grid-auto-columns:var(--variable);}
+.auto-flow-col-dense{grid-auto-flow:column dense;}
 .grid-flow-dense{grid-auto-flow:dense;}
+.grid-flow-col-dense{grid-auto-flow:column dense;}
+.grid-cols-\\\\$1{grid-template-columns:var(--\\\\31 );}
 .grid-cols-\\\\[1fr_2fr_100px_min-content\\\\]{grid-template-columns:1fr 2fr 100px min-content;}
 .grid-cols-\\\\[repeat\\\\(3\\\\,auto\\\\)\\\\]{grid-template-columns:repeat(3,auto);}
-.grid-cols-\\\\$1{grid-template-columns:var(--\\\\31 );}
 .grid-rows-\\\\[1fr_2fr_100px_min-content\\\\]{grid-template-rows:1fr 2fr 100px min-content;}
 .grid-cols-minmax-1rem{grid-template-columns:repeat(auto-fill,minmax(1rem,1fr));}
 .grid-rows-minmax-100px{grid-template-rows:repeat(auto-fill,minmax(100px,1fr));}
@@ -590,123 +526,123 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .grid-areas-\\\\[prepend_content_append\\\\]{grid-template-areas:\\"prepend content append\\";}
 .grid-areas-\\\\[prepend_content_append\\\\]-\\\\[prepend_content_append\\\\]{grid-template-areas:\\"prepend content append\\" \\"prepend content append\\";}
 .grid-areas-\\\\$variable{grid-template-areas:var(--variable);}
-.gap-\\\\$variable{grid-gap:var(--variable);gap:var(--variable);}
-.gap-4{grid-gap:1rem;gap:1rem;}
-.gap-inherit{grid-gap:inherit;gap:inherit;}
 .gap-none{grid-gap:0rem;gap:0rem;}
+.gap-inherit{grid-gap:inherit;gap:inherit;}
+.gap-4{grid-gap:1rem;gap:1rem;}
 .gap2{grid-gap:0.5rem;gap:0.5rem;}
-.-gap-y-5{grid-row-gap:-1.25rem;row-gap:-1.25rem;}
-.flex-gap-y-1,
-.grid-gap-y-1{grid-row-gap:0.25rem;row-gap:0.25rem;}
-.flex-gap-y-unset{grid-row-gap:unset;row-gap:unset;}
+.gap-\\\\$variable{grid-gap:var(--variable);gap:var(--variable);}
 .gap-x-1{grid-column-gap:0.25rem;column-gap:0.25rem;}
-.absolute{position:absolute;}
+.flex-gap-y-1{grid-row-gap:0.25rem;row-gap:0.25rem;}
+.flex-gap-y-unset{grid-row-gap:unset;row-gap:unset;}
+.grid-gap-y-1{grid-row-gap:0.25rem;row-gap:0.25rem;}
+.-gap-y-5{grid-row-gap:-1.25rem;row-gap:-1.25rem;}
+.static{position:static;}
 .pos-fixed{position:fixed;}
-.position-sticky{position:sticky;}
+.absolute{position:absolute;}
 .relative{position:relative;}
+.position-sticky{position:sticky;}
 .pos-unset{position:unset;}
 .position-inherit{position:inherit;}
-.static{position:static;}
-.h-\\\\[calc\\\\(1000px-4rem\\\\)\\\\]{height:calc(1000px - 4rem);}
-.h-\\\\$var{height:var(--var);}
+.h-auto{height:auto;}
+.h-inherit{height:inherit;}
 .h-1{height:0.25rem;}
-.h-1\\\\.000\\\\%,
-.h1\\\\/100{height:1%;}
+.h-1\\\\.000\\\\%{height:1%;}
 .h-1\\\\.001\\\\%{height:1.001%;}
 .h-1\\\\.010\\\\%{height:1.01%;}
 .h-1\\\\.100\\\\%{height:1.1%;}
-.h-1\\\\/2,
-.h-2\\\\/4,
-.h-3\\\\/6{height:50%;}
-.h-1\\\\/3,
-.h-2\\\\/6{height:33.3333333333%;}
+.h20{height:5rem;}
+.h1\\\\/100{height:1%;}
+.h-21{height:5.25rem;}
+.h-1\\\\/2{height:50%;}
+.h-2\\\\/2{height:100%;}
+.h-3\\\\/2{height:150%;}
+.h-1\\\\/3{height:33.3333333333%;}
+.h-2\\\\/3{height:66.6666666667%;}
 .h-1\\\\/4{height:25%;}
+.h-2\\\\/4{height:50%;}
+.h-3\\\\/4{height:75%;}
 .h-1\\\\/5{height:20%;}
 .h-1\\\\/6{height:16.6666666667%;}
-.h-2\\\\/2{height:100%;}
-.h-2\\\\/3,
+.h-2\\\\/6{height:33.3333333333%;}
+.h-3\\\\/6{height:50%;}
 .h-4\\\\/6{height:66.6666666667%;}
-.h-21{height:5.25rem;}
-.h-3\\\\/2{height:150%;}
-.h-3\\\\/4{height:75%;}
 .h-5\\\\/6{height:83.3333333333%;}
 .h-6\\\\/7{height:85.7142857143%;}
 .h-8\\\\/7{height:114.2857142857%;}
-.h-auto{height:auto;}
-.h-inherit{height:inherit;}
 .h-lg{height:32rem;}
-.h20{height:5rem;}
+.w-auto{width:auto;}
+.w-unset{width:unset;}
+.w-1{width:0.25rem;}
+.w-21{width:5.25rem;}
+.w-1\\\\/4{width:25%;}
+.w-lg{width:32rem;}
+.w-1in{width:1in;}
 .max-h-\\\\[1px\\\\]{max-height:1px;}
 .max-h-unset{max-height:unset;}
-.max-w-\\\\$var{max-width:var(--var);}
+.max-w-none{max-width:none;}
 .max-w-20{max-width:5rem;}
-.max-w-full{max-width:100%;}
 .max-w-lg{max-width:32rem;}
-.max-w-none{max-width:none;}
+.max-w-full{max-width:100%;}
+.max-w-\\\\$var{max-width:var(--var);}
 .max-w-revert{max-width:revert;}
 .min-h-\\\\[1px\\\\]{min-height:1px;}
 .min-h-unset{min-height:unset;}
-.min-w-\\\\$var{min-width:var(--var);}
+.min-w-none{min-width:none;}
 .min-w-20{min-width:5rem;}
-.min-w-full{min-width:100%;}
 .min-w-lg{min-width:32rem;}
-.min-w-none{min-width:none;}
+.min-w-full{min-width:100%;}
+.min-w-\\\\$var{min-width:var(--var);}
 .min-w-revert-layer{min-width:revert-layer;}
+.h-\\\\$var{height:var(--var);}
+.h-\\\\[calc\\\\(1000px-4rem\\\\)\\\\]{height:calc(1000px - 4rem);}
 .w-\\\\[calc\\\\(calc\\\\(100px\\\\*10\\\\)-4rem\\\\)\\\\]{width:calc(calc(100px * 10) - 4rem);}
-.w-1{width:0.25rem;}
-.w-1\\\\/4{width:25%;}
-.w-1in{width:1in;}
-.w-21{width:5.25rem;}
-.w-auto{width:auto;}
-.w-lg{width:32rem;}
-.w-unset{width:unset;}
-.block-\\\\[calc\\\\(1000px-4rem\\\\)\\\\]{block-size:calc(1000px - 4rem);}
-.block-\\\\$var{block-size:var(--var);}
+.block-auto{block-size:auto;}
+.block-unset{block-size:unset;}
 .block-1{block-size:0.25rem;}
-.block-1\\\\/2{block-size:50%;}
 .block-21{block-size:5.25rem;}
+.block-1\\\\/2{block-size:50%;}
 .block-8\\\\/7{block-size:114.2857142857%;}
-.block-auto{block-size:auto;}
 .block-lg{block-size:32rem;}
-.block-unset{block-size:unset;}
-.inline-\\\\[calc\\\\(calc\\\\(100px\\\\*10\\\\)-4rem\\\\)\\\\]{inline-size:calc(calc(100px * 10) - 4rem);}
-.inline-1{inline-size:0.25rem;}
-.inline-1\\\\/4{inline-size:25%;}
-.inline-21{inline-size:5.25rem;}
 .inline-auto{inline-size:auto;}
 .inline-inherit{inline-size:inherit;}
+.inline-1{inline-size:0.25rem;}
+.inline-21{inline-size:5.25rem;}
+.inline-1\\\\/4{inline-size:25%;}
 .inline-lg{inline-size:32rem;}
 .max-block-\\\\[1px\\\\]{max-block-size:1px;}
 .max-block-revert{max-block-size:revert;}
-.max-inline-\\\\$var{max-inline-size:var(--var);}
-.max-inline-20{max-inline-size:5rem;}
-.max-inline-full{max-inline-size:100%;}
 .max-inline-inherit{max-inline-size:inherit;}
-.max-inline-lg{max-inline-size:32rem;}
 .max-inline-none{max-inline-size:none;}
+.max-inline-20{max-inline-size:5rem;}
+.max-inline-lg{max-inline-size:32rem;}
+.max-inline-full{max-inline-size:100%;}
+.max-inline-\\\\$var{max-inline-size:var(--var);}
 .min-block-\\\\[1px\\\\]{min-block-size:1px;}
-.min-inline-\\\\$var{min-inline-size:var(--var);}
+.min-inline-none{min-inline-size:none;}
 .min-inline-20{min-inline-size:5rem;}
-.min-inline-full{min-inline-size:100%;}
 .min-inline-lg{min-inline-size:32rem;}
-.min-inline-none{min-inline-size:none;}
-.h-screen-lg{height:1024px;}
+.min-inline-full{min-inline-size:100%;}
+.min-inline-\\\\$var{min-inline-size:var(--var);}
+.block-\\\\$var{block-size:var(--var);}
+.block-\\\\[calc\\\\(1000px-4rem\\\\)\\\\]{block-size:calc(1000px - 4rem);}
+.inline-\\\\[calc\\\\(calc\\\\(100px\\\\*10\\\\)-4rem\\\\)\\\\]{inline-size:calc(calc(100px * 10) - 4rem);}
 .h-screen-sm{height:640px;}
+.h-screen-lg{height:1024px;}
 .max-w-screen-lg{max-width:1024px;}
 .min-w-screen-lg{min-width:1024px;}
-.aspect-\\\\[auto_16\\\\/9\\\\],
-.aspect-ratio-\\\\[auto_16\\\\/9\\\\]{aspect-ratio:auto 16/9;}
-.aspect-auto{aspect-ratio:auto;}
-.aspect-ratio-\\\\$var{aspect-ratio:var(--var);}
-.aspect-ratio-0\\\\.7{aspect-ratio:0.7;}
-.aspect-ratio-3\\\\/2{aspect-ratio:3/2;}
-.aspect-ratio-revert{aspect-ratio:revert;}
 .aspect-ratio-square{aspect-ratio:1/1;}
 .aspect-ratio-video{aspect-ratio:16/9;}
+.aspect-ratio-revert{aspect-ratio:revert;}
+.aspect-auto{aspect-ratio:auto;}
 .aspect-unset{aspect-ratio:unset;}
-.cursor-\\\\[url\\\\(cursor_2\\\\.png\\\\)_2_2\\\\,_pointer\\\\]{cursor:url(cursor_2.png) 2 2, pointer;}
-.cursor-\\\\$pointer-var{cursor:var(--pointer-var);}
+.aspect-ratio-3\\\\/2{aspect-ratio:3/2;}
+.aspect-ratio-0\\\\.7{aspect-ratio:0.7;}
+.aspect-ratio-\\\\$var{aspect-ratio:var(--var);}
+.aspect-\\\\[auto_16\\\\/9\\\\],
+.aspect-ratio-\\\\[auto_16\\\\/9\\\\]{aspect-ratio:auto 16/9;}
 .cursor-inherit{cursor:inherit;}
+.cursor-\\\\$pointer-var{cursor:var(--pointer-var);}
+.cursor-\\\\[url\\\\(cursor_2\\\\.png\\\\)_2_2\\\\,_pointer\\\\]{cursor:url(cursor_2.png) 2 2, pointer;}
 .cursor-pointer{cursor:pointer;}
 .visible{visibility:visible;}
 .backface-hidden{backface-visibility:hidden;}
@@ -717,16 +653,16 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .resize{resize:both;}
 .resize-none{resize:none;}
 .resize-inherit{resize:inherit;}
+.vertical-baseline{vertical-align:baseline;}
+.vertical-super{vertical-align:super;}
+.vertical-inherit{vertical-align:inherit;}
+.align-text-bottom{vertical-align:text-bottom;}
 .align-revert{vertical-align:revert;}
 .align-start,
 .v-top{vertical-align:top;}
-.align-text-bottom{vertical-align:text-bottom;}
-.v-end{vertical-align:bottom;}
 .v-mid{vertical-align:middle;}
 .v-unset{vertical-align:unset;}
-.vertical-baseline{vertical-align:baseline;}
-.vertical-inherit{vertical-align:inherit;}
-.vertical-super{vertical-align:super;}
+.v-end{vertical-align:bottom;}
 .select-all{user-select:all;}
 .select-none{user-select:none;}
 .select-inherit{user-select:inherit;}
@@ -739,34 +675,34 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .break-keep{word-break:keep-all;}
 .overflow-auto{overflow:auto;}
 .overflow-inherit{overflow:inherit;}
-.of-x-unset{overflow-x:unset;}
 .of-y-visible{overflow-y:visible;}
+.of-x-unset{overflow-x:unset;}
 .overflow-x-scroll{overflow-x:scroll;}
 .overflow-y-clip{overflow-y:clip;}
+.outline-size-none{outline-width:0px;}
+.outline-size-unset{outline-width:unset;}
+.outline-width-revert{outline-width:revert;}
+.outline-size-4,
+.outline-width-4{outline-width:4px;}
+.outline-width-10px{outline-width:10px;}
 .outline-110{outline-width:110px;}
 .outline-size-\\\\[var\\\\(--width\\\\)\\\\]{outline-width:var(--width);}
 .outline-size-\\\\$variable,
 .outline-width-\\\\$variable{outline-width:var(--variable);}
-.outline-size-4,
-.outline-width-4{outline-width:4px;}
-.outline-size-none{outline-width:0px;}
-.outline-size-unset{outline-width:unset;}
-.outline-width-10px{outline-width:10px;}
-.outline-width-revert{outline-width:revert;}
-.outline-\\\\[var\\\\(--red\\\\)\\\\]{outline-color:var(--red);}
-.outline-\\\\$variable{outline-color:var(--variable);}
-.outline-blue-2{--un-outline-color-opacity:1;outline-color:rgba(191,219,254,var(--un-outline-color-opacity));}
-.outline-color-red-1{--un-outline-color-opacity:1;outline-color:rgba(254,226,226,var(--un-outline-color-opacity));}
 .outline-gray,
 .outline-gray-400{--un-outline-color-opacity:1;outline-color:rgba(156,163,175,var(--un-outline-color-opacity));}
-.outline-offset-\\\\[var\\\\(--offset\\\\)\\\\]{outline-offset:var(--offset);}
-.outline-offset-\\\\$variable{outline-offset:var(--variable);}
-.outline-offset-4{outline-offset:4px;}
+.outline-color-red-1{--un-outline-color-opacity:1;outline-color:rgba(254,226,226,var(--un-outline-color-opacity));}
+.outline-blue-2{--un-outline-color-opacity:1;outline-color:rgba(191,219,254,var(--un-outline-color-opacity));}
+.outline-\\\\[var\\\\(--red\\\\)\\\\]{outline-color:var(--red);}
+.outline-\\\\$variable{outline-color:var(--variable);}
 .outline-offset-inherit{outline-offset:inherit;}
+.outline-offset-4{outline-offset:4px;}
 .outline-offset-none{outline-offset:0px;}
-.outline,
-.outline-solid{outline-style:solid;}
+.outline-offset-\\\\[var\\\\(--offset\\\\)\\\\]{outline-offset:var(--offset);}
+.outline-offset-\\\\$variable{outline-offset:var(--variable);}
+.outline{outline-style:solid;}
 .outline-hidden{outline-style:hidden;}
+.outline-solid{outline-style:solid;}
 .outline-inset{outline-style:inset;}
 .outline-inherit{outline-style:inherit;}
 .outline-revert-layer{outline-style:revert-layer;}
@@ -796,28 +732,28 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .place-items-unset{place-items:unset;}
 .place-self-stretch{place-self:stretch;}
 .place-self-revert{place-self:revert;}
-.inset-\\\\[5px\\\\]{inset:5px;}
-.inset-\\\\$variable{inset:var(--variable);}
-.inset-0,
 .inset-none{inset:0rem;}
-.inset-5{inset:1.25rem;}
 .inset-unset{inset:unset;}
+.inset-0{inset:0rem;}
+.inset-5{inset:1.25rem;}
+.inset-\\\\[5px\\\\]{inset:5px;}
+.inset-\\\\$variable{inset:var(--variable);}
 .inset-x-5{left:1.25rem;right:1.25rem;}
 .inset-y-5{top:1.25rem;bottom:1.25rem;}
+.inset-t-5{top:1.25rem;}
 .inset-b-5{bottom:1.25rem;}
-.inset-e-5,
-.inset-ie-5{inset-inline-end:1.25rem;}
+.inset-e-5{inset-inline-end:1.25rem;}
 .inset-e-inherit{inset-inline-end:inherit;}
 .inset-s-\\\\$variable{inset-inline-start:var(--variable);}
-.inset-t-5{top:1.25rem;}
+.inset-inline-5{inset-inline-start:1.25rem;inset-inline-end:1.25rem;}
 .inset-block-5{inset-block-start:1.25rem;inset-block-end:1.25rem;}
 .inset-block-unset{inset-block-start:unset;inset-block-end:unset;}
 .inset-inline-\\\\$variable{inset-inline-start:var(--variable);inset-inline-end:var(--variable);}
-.inset-inline-5{inset-inline-start:1.25rem;inset-inline-end:1.25rem;}
 .inset-bs-5{inset-block-start:1.25rem;}
+.inset-ie-5{inset-inline-end:1.25rem;}
 .inset-ie-revert{inset-inline-end:revert;}
-.top-\\\\$top-height{top:var(--top-height);}
 .top-0{top:0rem;}
+.top-\\\\$top-height{top:var(--top-height);}
 .float-left{float:left;}
 .float-none{float:none;}
 .float-unset{float:unset;}
@@ -826,91 +762,86 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .clear-revert{clear:revert;}
 .z-0,
 .z0{z-index:0;}
-.-z-1{z-index:-1;}
-.z-\\\\$variable{z-index:var(--variable);}
 .z-1{z-index:1;}
 .z-100{z-index:100;}
 .z-auto{z-index:auto;}
 .z-inherit{z-index:inherit;}
+.z-\\\\$variable{z-index:var(--variable);}
+.-z-1{z-index:-1;}
 .box-border{box-sizing:border-box;}
 .box-content{box-sizing:content-box;}
 .box-inherit{box-sizing:inherit;}
-.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-200{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
-.transition-background-color\\\\,color-200{transition-property:background-color,color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
-.transition-color\\\\,background-color-200{transition-property:color,background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
 .transition-opacity-200{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
+.transition-color\\\\,background-color-200{transition-property:color,background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
+.transition-background-color\\\\,color-200{transition-property:background-color,color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
+.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.transition-duration-300{transition-duration:300ms;}
 .duration-111{transition-duration:111ms;}
 .transition-duration-\\\\$variable{transition-duration:var(--variable);}
-.transition-duration-300{transition-duration:300ms;}
-.transition-delay-\\\\$variable{transition-delay:var(--variable);}
 .transition-delay-300{transition-delay:300ms;}
-.ease-\\\\$variable{transition-timing-function:var(--variable);}
+.transition-delay-\\\\$variable{transition-delay:var(--variable);}
 .ease-linear{transition-timing-function:linear;}
 .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
 .transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
-.property-all,
+.ease-\\\\$variable{transition-timing-function:var(--variable);}
+.transition-property-width{transition-property:width;}
 .transition-property-all{transition-property:all;}
-.property-margin\\\\,padding{transition-property:margin,padding;}
+.transition-property-\\\\[border\\\\]{transition-property:border;}
 .property-none{transition-property:none;}
-.property-padding\\\\,margin{transition-property:padding,margin;}
+.property-all{transition-property:all;}
 .property-unset{transition-property:unset;}
-.transition-property-\\\\[border\\\\]{transition-property:border;}
-.transition-property-width{transition-property:width;}
+.property-margin\\\\,padding{transition-property:margin,padding;}
+.property-padding\\\\,margin{transition-property:padding,margin;}
 .transition-none{transition:none;}
 .transition-revert-layer{transition:revert-layer;}
 .origin-top-left{transform-origin:top left;}
-.perspect-\\\\$variable{-webkit-perspective:var(--variable);perspective:var(--variable);}
 .perspect-100{-webkit-perspective:100px;perspective:100px;}
-.perspect-23rem{-webkit-perspective:23rem;perspective:23rem;}
 .perspect-800px{-webkit-perspective:800px;perspective:800px;}
-.perspect-origin-\\\\[150\\\\%_150\\\\%\\\\]{-webkit-perspective-origin:150% 150%;perspective-origin:150% 150%;}
-.perspect-origin-\\\\[150\\\\%\\\\]{-webkit-perspective-origin:150%;perspective-origin:150%;}
-.perspect-origin-\\\\$variable{-webkit-perspective-origin:var(--variable);perspective-origin:var(--variable);}
+.perspect-23rem{-webkit-perspective:23rem;perspective:23rem;}
+.perspect-\\\\$variable{-webkit-perspective:var(--variable);perspective:var(--variable);}
 .perspect-origin-center{-webkit-perspective-origin:center;perspective-origin:center;}
 .perspect-origin-top-right{-webkit-perspective-origin:top right;perspective-origin:top right;}
-.-translate-full{--un-translate-x:-100%;--un-translate-y:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.scope_class .scope-\\\\[\\\\.scope\\\\\\\\_class\\\\]\\\\:translate-0,
+.perspect-origin-\\\\[150\\\\%\\\\]{-webkit-perspective-origin:150%;perspective-origin:150%;}
+.perspect-origin-\\\\[150\\\\%_150\\\\%\\\\]{-webkit-perspective-origin:150% 150%;perspective-origin:150% 150%;}
+.perspect-origin-\\\\$variable{-webkit-perspective-origin:var(--variable);perspective-origin:var(--variable);}
 .translate-none{--un-translate-x:0rem;--un-translate-y:0rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .translate-full{--un-translate-x:100%;--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.-translate-x-full{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.-translate-y-1\\\\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.before\\\\:translate-y-full::before{--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.hover\\\\:translate-x-3:hover{--un-translate-x:0.75rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.peer:checked~.peer-checked\\\\:translate-x-\\\\[var\\\\(--reveal\\\\)\\\\]{--un-translate-x:var(--reveal);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-\\\\$variable{--un-translate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.translate-x-full{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.-translate-full{--un-translate-x:-100%;--un-translate-y:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.scope_class .scope-\\\\[\\\\.scope\\\\\\\\_class\\\\]\\\\:translate-0{--un-translate-x:0rem;--un-translate-y:0rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .translate-y-1\\\\/4{--un-translate-y:25%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .translate-y-px{--un-translate-y:1px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.-rotate-2{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-2deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.translate-x-full{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.translate-x-\\\\$variable{--un-translate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.-translate-x-full{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.-translate-y-1\\\\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.rotate-1deg{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .rotate-\\\\[var\\\\(--spin\\\\)\\\\]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:var(--spin);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .rotate-\\\\$variable{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.rotate-1deg{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.rotate-x-\\\\$variable{--un-rotate:0;--un-rotate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.-rotate-2{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-2deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .rotate-x-1deg{--un-rotate:0;--un-rotate-x:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .rotate-y-1,
 .transform-rotate-y-1{--un-rotate:0;--un-rotate-y:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .rotate-z-\\\\[var\\\\(--spin\\\\)\\\\],
 .transform-rotate-z-\\\\[var\\\\(--spin\\\\)\\\\]{--un-rotate:0;--un-rotate-z:var(--spin);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.skew-x-\\\\[var\\\\(--skew-x\\\\)\\\\]{--un-skew-x:var(--skew-x);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.skew-x-\\\\$variable{--un-skew-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.rotate-x-\\\\$variable{--un-rotate:0;--un-rotate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .skew-x-10,
 .skew-x-10\\\\.00deg,
 .skew-x-10deg{--un-skew-x:10deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .skew-x-10\\\\.01deg{--un-skew-x:10.01deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .skew-x-10\\\\.10deg{--un-skew-x:10.1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .skew-x-10\\\\.11deg{--un-skew-x:10.11deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.skew-y-\\\\[var\\\\(--skew-y\\\\)\\\\]{--un-skew-y:var(--skew-y);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.skew-y-0\\\\.5turn{--un-skew-y:0.5turn;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.skew-x-\\\\[var\\\\(--skew-x\\\\)\\\\]{--un-skew-x:var(--skew-x);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .skew-y-10,
 .skew-y-10deg{--un-skew-y:10deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.skew-y-\\\\[var\\\\(--skew-y\\\\)\\\\]{--un-skew-y:var(--skew-y);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.skew-y-0\\\\.5turn{--un-skew-y:0.5turn;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .skew-y-2grad{--un-skew-y:2grad;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .skew-y-3\\\\.14rad{--un-skew-y:3.14rad;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.hover\\\\:scale-4:hover,
-.active\\\\:scale-4:active{--un-scale-x:0.04;--un-scale-y:0.04;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.skew-x-\\\\$variable{--un-skew-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .scale-\\\\$variable{--un-scale-x:var(--variable);--un-scale-y:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.-scale-x-full{--un-scale-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .scale-x-\\\\$variable{--un-scale-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.-scale-x-full{--un-scale-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .preserve-3d{transform-style:preserve-3d;}
 .preserve-flat{transform-style:flat;}
 .transform,
@@ -918,20 +849,89 @@ unocss .scope-\\\\[unocss\\\\]\\\\:block{display:block;}
 .transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .transform-none{transform:none;}
 .transform-unset{transform:unset;}
-.will-change-auto{will-change:auto;}
-.will-change-contents{will-change:contents;}
 .will-change-margin\\\\,padding{will-change:margin,padding;}
 .will-change-padding\\\\,margin{will-change:padding,margin;}
-.will-change-scroll{will-change:scroll-position;}
 .will-change-transform{will-change:transform;}
 .will-change-unset{will-change:unset;}
+.will-change-auto{will-change:auto;}
+.will-change-scroll{will-change:scroll-position;}
+.will-change-contents{will-change:contents;}
 .\\\\@container{container-type:inline-size;}
-.\\\\@container-normal{container-type:normal;}
 .\\\\@container\\\\/label{container-type:inline-size;container-name:label;}
+.\\\\@container-normal{container-type:normal;}
 .\\\\@container\\\\/label-normal{container-type:normal;container-name:label;}
-.contain-\\\\[size_layout_paint\\\\]{contain:size layout paint;}
-.contain-\\\\[size_layout\\\\]{contain:size layout;}
 .contain-layout{contain:layout;}
+.contain-\\\\[size_layout\\\\]{contain:size layout;}
+.contain-\\\\[size_layout_paint\\\\]{contain:size layout paint;}
+.content-\\\\$unocss-var{align-content:var(--unocss-var);}
+.items-\\\\$size{align-items:var(--size);}
+.fw-\\\\$variable{font-weight:var(--variable);}
+.ws-\\\\$variable{white-space:var(--variable);}
+.\\\\[a\\\\:b\\\\]{a:b;}
+.\\\\[margin\\\\:logical_1rem_2rem_3rem\\\\]{margin:logical 1rem 2rem 3rem;}
+.\\\\[content\\\\:attr\\\\(attr_content\\\\)\\\\]{content:attr(attr content);}
+.\\\\[content\\\\:attr\\\\(attr\\\\\\\\_content\\\\)\\\\]{content:attr(attr_content);}
+.\\\\[background-image\\\\:url\\\\(star_transparent\\\\.gif\\\\)\\\\,_url\\\\(cat_front\\\\.png\\\\)\\\\]{background-image:url(star_transparent.gif), url(cat_front.png);}
+.\\\\[font-family\\\\:var\\\\(--font-family\\\\)\\\\]{font-family:var(--font-family);}
+.\\\\[font-family\\\\:\\\\'Inter\\\\'\\\\,_sans-serif\\\\]{font-family:'Inter', sans-serif;}
+.\\\\[font-feature-settings\\\\:\\\\'cv02\\\\'\\\\,\\\\'cv03\\\\'\\\\,\\\\'cv04\\\\'\\\\,\\\\'cv11\\\\'\\\\]{font-feature-settings:'cv02','cv03','cv04','cv11';}
+.\\\\[font-variation-settings\\\\:\\\\\\"wght\\\\\\"_400\\\\,_\\\\\\"opsz\\\\\\"_14\\\\]{font-variation-settings:\\"wght\\" 400, \\"opsz\\" 14;}
+.\\\\[--css-variable\\\\:\\\\\\"wght\\\\\\"_400\\\\,_\\\\\\"opsz\\\\\\"_14\\\\]{--css-variable:\\"wght\\" 400, \\"opsz\\" 14;}
+.\\\\[--escaped\\\\\\\\\\\\~variable\\\\\\\\\\\\:\\\\:100\\\\%\\\\]{--escaped\\\\~variable\\\\::100%;}
+.all-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\] .target,
+.children-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\]>.target,
+.next-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\]+.target{combinator:test-2;}
+.sibling-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]+div:hover{combinator:test-4;}
+.all-\\\\[\\\\[data-hvr\\\\]\\\\:hover\\\\]\\\\:\\\\[color\\\\:red\\\\] [data-hvr]:hover{color:red;}
+.first\\\\:p-2:first-child{padding:0.5rem;}
+.hover\\\\:\\\\!p-1:hover{padding:0.25rem !important;}
+.hover\\\\:p-5:hover{padding:1.25rem;}
+.group:focus .group-focus\\\\:p-4{padding:1rem;}
+.\\\\!hover\\\\:px-10:hover{padding-left:2.5rem !important;padding-right:2.5rem !important;}
+.disabled\\\\:op50:disabled{opacity:0.5;}
+.placeholder-opacity-60::placeholder{opacity:0.6;}
+.first-letter\\\\:bg-green-400::first-letter,
+.first-line\\\\:bg-green-400::first-line{--un-bg-opacity:1;background-color:rgba(74,222,128,var(--un-bg-opacity));}
+.hover\\\\:not-first\\\\:checked\\\\:bg-red\\\\/10:checked:not(:first-child):hover{background-color:rgba(248,113,113,0.1);}
+.marker\\\\:bg-violet-200::marker{--un-bg-opacity:1;background-color:rgba(221,214,254,var(--un-bg-opacity));}
+.file\\\\:bg-violet-50::file-selector-button{--un-bg-opacity:1;background-color:rgba(245,243,255,var(--un-bg-opacity));}
+.hover\\\\:file\\\\:bg-violet-100:hover::file-selector-button{--un-bg-opacity:1;background-color:rgba(237,233,254,var(--un-bg-opacity));}
+.hover\\\\:is-first\\\\:checked\\\\:bg-true-gray\\\\/10:checked:is(:first-child):hover,
+.hover\\\\:not-first\\\\:checked\\\\:bg-true-gray\\\\/10:checked:not(:first-child):hover{background-color:rgba(163,163,163,0.1);}
+.focus-within\\\\:has-first\\\\:checked\\\\:bg-gray\\\\/20:checked:has(:first-child):focus-within,
+.focus-within\\\\:where-first\\\\:checked\\\\:bg-gray\\\\/20:checked:where(:first-child):focus-within{background-color:rgba(156,163,175,0.2);}
+.peer:checked~.peer-checked\\\\:bg-blue-500{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));}
+.previous\\\\/label:checked+.previous-checked\\\\/label\\\\:bg-red-500{--un-bg-opacity:1;background-color:rgba(239,68,68,var(--un-bg-opacity));}
+.after\\\\:content-\\\\[quoted\\\\:unocss\\\\]::after{content:\\"unocss\\";}
+.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\\\\:text-2xl{font-size:1.5rem;line-height:2rem;}
+.peer:is(:placeholder-shown)~.peer-is-placeholder-shown\\\\:text-3xl,
+.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\\\\:text-3xl{font-size:1.875rem;line-height:2.25rem;}
+.group:has(:placeholder-shown) .group-has-placeholder-shown\\\\:text-4xl,
+.group:where(:placeholder-shown) .group-where-placeholder-shown\\\\:text-4xl{font-size:2.25rem;line-height:2.5rem;}
+.group:hover .group-hover\\\\:font-10{font-weight:10;}
+.group\\\\/label:hover .group-hover\\\\/label\\\\:font-15{font-weight:15;}
+.group:hover:focus .group-hover\\\\:group-focus\\\\:text-center,
+.parent:hover>.parent-hover\\\\:text-center{text-align:center;}
+.placeholder-color-red-1::placeholder{--un-text-opacity:1;color:rgba(254,226,226,var(--un-text-opacity));}
+.placeholder\\\\:color-transparent::placeholder{color:transparent;}
+.selection\\\\:color-\\\\[var\\\\(--select-color\\\\)\\\\]::selection{color:var(--select-color);}
+.placeholder-shown-color-transparent:placeholder-shown{color:transparent;}
+.in-range\\\\:color-pink-100:in-range,
+.open\\\\:color-pink-100[open],
+.out-of-range\\\\:color-pink-100:out-of-range{--un-text-opacity:1;color:rgba(252,231,243,var(--un-text-opacity));}
+.checked\\\\:next\\\\:text-slate-100+*:checked{--un-text-opacity:1;color:rgba(241,245,249,var(--un-text-opacity));}
+.next\\\\:checked\\\\:text-slate-200:checked+*{--un-text-opacity:1;color:rgba(226,232,240,var(--un-text-opacity));}
+.checked\\\\:next\\\\:hover\\\\:text-slate-500:hover+*:checked{--un-text-opacity:1;color:rgba(100,116,139,var(--un-text-opacity));}
+.next\\\\:checked\\\\:children\\\\:text-slate-600>*:checked+*{--un-text-opacity:1;color:rgba(71,85,105,var(--un-text-opacity));}
+.placeholder-color-opacity-60::placeholder{--un-text-opacity:0.6;}
+.backdrop\\\\:shadow-green::backdrop{--un-shadow-opacity:1;--un-shadow-color:rgba(74,222,128,var(--un-shadow-opacity));}
+.hover\\\\:translate-x-3:hover{--un-translate-x:0.75rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.peer:checked~.peer-checked\\\\:translate-x-\\\\[var\\\\(--reveal\\\\)\\\\]{--un-translate-x:var(--reveal);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.before\\\\:translate-y-full::before{--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.active\\\\:scale-4:active,
+.hover\\\\:scale-4:hover{--un-scale-x:0.04;--un-scale-y:0.04;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+[dir=\\"ltr\\"] .ltr\\\\:text-left{text-align:left;}
+[dir=\\"rtl\\"] .rtl\\\\:text-right{text-align:right;}
 @container (min-width: 10.5rem){
 .\\\\@\\\\[10\\\\.5rem\\\\]-text-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
 }
diff --git a/test/__snapshots__/preset-typography.test.ts.snap b/test/__snapshots__/preset-typography.test.ts.snap
index 53403603ca..c01bdef801 100644
--- a/test/__snapshots__/preset-typography.test.ts.snap
+++ b/test/__snapshots__/preset-typography.test.ts.snap
@@ -9,8 +9,8 @@ exports[`typography > prose-attribute 1`] = `
 [prose=\\"\\"]{color:var(--un-prose-body);max-width:65ch;}
 .prose-teal,
 [prose-teal=\\"\\"]{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;--un-prose-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;}
-.dark [dark~=\\"prose-invert\\"],
-.prose-invert{--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-links:var(--un-prose-invert-links);--un-prose-lists:var(--un-prose-invert-lists);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-code:var(--un-prose-invert-code);--un-prose-borders:var(--un-prose-invert-borders);--un-prose-bg-soft:var(--un-prose-invert-bg-soft);}
+.prose-invert,
+.dark [dark~=\\"prose-invert\\"]{--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-links:var(--un-prose-invert-links);--un-prose-lists:var(--un-prose-invert-lists);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-code:var(--un-prose-invert-code);--un-prose-borders:var(--un-prose-invert-borders);--un-prose-bg-soft:var(--un-prose-invert-bg-soft);}
 /* layer: default */
 .text-base,
 [text-base=\\"\\"]{font-size:1rem;line-height:1.5rem;}"
diff --git a/test/__snapshots__/preset-uno.test.ts.snap b/test/__snapshots__/preset-uno.test.ts.snap
index 60429a0b67..e473f0ecc6 100644
--- a/test/__snapshots__/preset-uno.test.ts.snap
+++ b/test/__snapshots__/preset-uno.test.ts.snap
@@ -6,6 +6,9 @@ exports[`targets 1`] = `
 .border-custom-b\\\\/0{border-color:rgba(var(--custom), 0);}
 .border-custom-b\\\\/10{border-color:rgba(var(--custom), 0.1);}
 .bg-custom-b{background-color:rgba(var(--custom), 1);}
+.bg-info{--un-bg-opacity:1;background-color:hsla(200.1,100%,54.3%,var(--un-bg-opacity));}
+.bg-info\\\\/10{background-color:hsla(200.1,100%,54.3%,0.1);}
+.bg-info\\\\/\\\\[10\\\\%\\\\]{background-color:hsla(200.1,100%,54.3%,10%);}
 .bg-custom-c{--un-bg-opacity:1;background-color:rgba(var(--custom-c),var(--un-bg-opacity));}
 .bg-custom-c\\\\/10{background-color:rgba(var(--custom-c),0.1);}
 .bg-custom-d{background-color:hsl(var(--custom-d), 1);}
@@ -13,22 +16,19 @@ exports[`targets 1`] = `
 .bg-custom-e{--un-bg-opacity:1;background-color:hsla(var(--custom-e),var(--un-bg-opacity));}
 .bg-custom-e\\\\/30{background-color:hsla(var(--custom-e),0.3);}
 .bg-custom-f{--un-bg-opacity:1;background-color:lch(var(--custom-f) / var(--un-bg-opacity));}
-.bg-custom-f\\\\/\\\\[var\\\\(--f-op\\\\)\\\\]{background-color:lch(var(--custom-f) / var(--f-op));}
 .bg-custom-f\\\\/30{background-color:lch(var(--custom-f) / 0.3);}
-.bg-info{--un-bg-opacity:1;background-color:hsla(200.1,100%,54.3%,var(--un-bg-opacity));}
-.bg-info\\\\/\\\\[10\\\\%\\\\]{background-color:hsla(200.1,100%,54.3%,10%);}
-.bg-info\\\\/10{background-color:hsla(200.1,100%,54.3%,0.1);}
+.bg-custom-f\\\\/\\\\[var\\\\(--f-op\\\\)\\\\]{background-color:lch(var(--custom-f) / var(--f-op));}
+.mix-tint-50-c-red-400{--un-text-opacity:1;color:rgba(calc(248 + (255 - 248) * 50 / 100),calc(113 + (255 - 113) * 50 / 100),calc(113 + (255 - 113) * 50 / 100),calc(var(--un-text-opacity) + (1 - var(--un-text-opacity)) * 50 / 100));}
 .mix-shade-50-c-red-400{--un-text-opacity:1;color:rgba(calc(248 + (0 - 248) * 50 / 100),calc(113 + (0 - 113) * 50 / 100),calc(113 + (0 - 113) * 50 / 100),calc(var(--un-text-opacity) + (1 - var(--un-text-opacity)) * 50 / 100));}
-.mix-shift--50-c-red-600{--un-text-opacity:1;color:rgba(calc(220 + (255 - 220) * 50 / 100),calc(38 + (255 - 38) * 50 / 100),calc(38 + (255 - 38) * 50 / 100),calc(var(--un-text-opacity) + (1 - var(--un-text-opacity)) * 50 / 100));}
 .mix-shift-50-c-red-600{--un-text-opacity:1;color:rgba(calc(220 + (0 - 220) * 50 / 100),calc(38 + (0 - 38) * 50 / 100),calc(38 + (0 - 38) * 50 / 100),calc(var(--un-text-opacity) + (1 - var(--un-text-opacity)) * 50 / 100));}
-.mix-tint-50-c-red-400{--un-text-opacity:1;color:rgba(calc(248 + (255 - 248) * 50 / 100),calc(113 + (255 - 113) * 50 / 100),calc(113 + (255 - 113) * 50 / 100),calc(var(--un-text-opacity) + (1 - var(--un-text-opacity)) * 50 / 100));}
+.mix-shift--50-c-red-600{--un-text-opacity:1;color:rgba(calc(220 + (255 - 220) * 50 / 100),calc(38 + (255 - 38) * 50 / 100),calc(38 + (255 - 38) * 50 / 100),calc(var(--un-text-opacity) + (1 - var(--un-text-opacity)) * 50 / 100));}
 .text-custom-a{color:var(--custom);}
-.focus\\\\:placeholder-red-300:focus::placeholder{--un-placeholder-opacity:1;color:rgba(252,165,165,var(--un-placeholder-opacity));}
-.placeholder-inherit::placeholder{color:inherit;}
 .placeholder-red-400::placeholder{--un-placeholder-opacity:1;color:rgba(248,113,113,var(--un-placeholder-opacity));}
+.placeholder-inherit::placeholder{color:inherit;}
+.focus\\\\:placeholder-red-300:focus::placeholder{--un-placeholder-opacity:1;color:rgba(252,165,165,var(--un-placeholder-opacity));}
+.placeholder-opacity-10::placeholder{--un-placeholder-opacity:0.1;}
 .hover\\\\:placeholder-op90:hover::placeholder,
 .placeholder-op90::placeholder{--un-placeholder-opacity:0.9;}
-.placeholder-opacity-10::placeholder{--un-placeholder-opacity:0.1;}
 @media (hover: none) and (pointer: coarse){
 .media-touch\\\\:p-4{padding:1rem;}
 }
diff --git a/test/__snapshots__/preset-web-fonts.test.ts.snap b/test/__snapshots__/preset-web-fonts.test.ts.snap
index 2c08e3c17f..749f78e2ea 100644
--- a/test/__snapshots__/preset-web-fonts.test.ts.snap
+++ b/test/__snapshots__/preset-web-fonts.test.ts.snap
@@ -5,8 +5,8 @@ exports[`web-fonts (inline: false) 1`] = `
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}
 @import url('https://fonts.googleapis.com/css2?family=Roboto&family=Fira+Code&family=Fira+Mono:wght@400;700&family=Lobster&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap')
 /* layer: default */
-.font-lato{font-family:\\"Lato\\",sans-serif;}
-.font-lobster{font-family:\\"Lobster\\";}
+.font-sans{font-family:\\"Roboto\\",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,\\"Helvetica Neue\\",Arial,\\"Noto Sans\\",sans-serif,\\"Apple Color Emoji\\",\\"Segoe UI Emoji\\",\\"Segoe UI Symbol\\",\\"Noto Color Emoji\\";}
 .font-mono{font-family:\\"Fira Code\\",\\"Fira Mono\\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;}
-.font-sans{font-family:\\"Roboto\\",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,\\"Helvetica Neue\\",Arial,\\"Noto Sans\\",sans-serif,\\"Apple Color Emoji\\",\\"Segoe UI Emoji\\",\\"Segoe UI Symbol\\",\\"Noto Color Emoji\\";}"
+.font-lobster{font-family:\\"Lobster\\";}
+.font-lato{font-family:\\"Lato\\",sans-serif;}"
 `;
diff --git a/test/__snapshots__/preset-wind.test.ts.snap b/test/__snapshots__/preset-wind.test.ts.snap
index af0218afbe..da28b2c1c4 100644
--- a/test/__snapshots__/preset-wind.test.ts.snap
+++ b/test/__snapshots__/preset-wind.test.ts.snap
@@ -62,13 +62,9 @@ exports[`preset-wind > targets 1`] = `
 .uno-layer-_pre\\\\:contrast-less\\\\:bg-gray-3{--un-bg-opacity:1;background-color:rgba(209,213,219,var(--un-bg-opacity));}
 }
 /* layer: default */
-.bg-blend-\\\\$data{background-blend-mode:var(--data);}
-.bg-image-\\\\$variable{background-image:var(--variable);}
-.object-\\\\$fit{object-fit:var(--fit);}
-.object-position-\\\\$variable{object-position:var(--variable);}
 .not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;}
-.line-clamp-100{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:100;line-clamp:100;}
 .line-clamp-7{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7;}
+.line-clamp-100{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:100;line-clamp:100;}
 .line-clamp-none{-webkit-line-clamp:none;line-clamp:none;}
 .line-clamp-unset{-webkit-line-clamp:unset;line-clamp:unset;}
 .isolate{isolation:isolate;}
@@ -82,10 +78,10 @@ exports[`preset-wind > targets 1`] = `
 .table-row-group{display:table-row-group;}
 .border-collapse{border-collapse:collapse;}
 .border-separate{border-collapse:separate;}
-.border-spacing-\\\\[3px\\\\]{--un-border-spacing-x:3px;--un-border-spacing-y:3px;border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}
-.border-spacing-\\\\$var{--un-border-spacing-x:var(--var);--un-border-spacing-y:var(--var);border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}
 .border-spacing-0,
 .border-spacing-none{--un-border-spacing-x:0rem;--un-border-spacing-y:0rem;border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}
+.border-spacing-\\\\[3px\\\\]{--un-border-spacing-x:3px;--un-border-spacing-y:3px;border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}
+.border-spacing-\\\\$var{--un-border-spacing-x:var(--var);--un-border-spacing-y:var(--var);border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}
 .border-spacing-x-\\\\[3px\\\\]{--un-border-spacing-x:3px;border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}
 .border-spacing-y-\\\\$var{--un-border-spacing-y:var(--var);border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}
 .caption-top{caption-side:top;}
@@ -93,47 +89,50 @@ exports[`preset-wind > targets 1`] = `
 .table-auto{table-layout:auto;}
 .table-empty-cells-visible{empty-cells:show;}
 .table-empty-cells-hidden{empty-cells:hide;}
-@keyframes pulse-alt{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}
 @keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
-.animate-keyframes-pulse,
 .keyframes-pulse{animation:pulse;}
-.animate-keyframes-pulse-alt,
+@keyframes pulse-alt{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}
 .keyframes-pulse-alt{animation:pulse-alt;}
-@keyframes bounce{0%, 100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50% {transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}
-@keyframes ping{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}}
-.\\\\!animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite !important;}
-.animate-\\\\[4s_linear_0s_infinite_alternate_move\\\\\\\\_eye\\\\]{animation:4s linear 0s infinite alternate move_eye;}
-.animate-\\\\$variable{animation:var(--variable);}
+@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
+.animate-keyframes-pulse{animation:pulse;}
+@keyframes pulse-alt{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}
+.animate-keyframes-pulse-alt{animation:pulse-alt;}
+@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
 .animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
+@keyframes pulse-alt{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}
 .animate-pulse-alt{animation:pulse-alt 1s ease-in-out infinite;}
-.hover\\\\:animate-bounce:hover{animation:bounce 1s linear infinite;}
+.animate-\\\\$variable{animation:var(--variable);}
+.animate-\\\\[4s_linear_0s_infinite_alternate_move\\\\\\\\_eye\\\\]{animation:4s linear 0s infinite alternate move_eye;}
+@keyframes ping{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}}
+.\\\\!animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite !important;}
+@keyframes bounce{0%, 100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50% {transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}
 .animate-name-move{animation-name:move;}
-.animate-duration-\\\\$variable{animation-duration:var(--variable);}
-.animate-duration-100,
-.animate-duration-100\\\\.00,
 .animate-duration-100ms{animation-duration:100ms;}
+.animate-duration-100s{animation-duration:100s;}
+.animate-duration-100,
+.animate-duration-100\\\\.00{animation-duration:100ms;}
 .animate-duration-100\\\\.02{animation-duration:100.02ms;}
 .animate-duration-100\\\\.30{animation-duration:100.3ms;}
 .animate-duration-100\\\\.32{animation-duration:100.32ms;}
-.animate-duration-100s{animation-duration:100s;}
+.animate-duration-\\\\$variable{animation-duration:var(--variable);}
 .animate-delay--1\\\\.37{animation-delay:-1.37ms;}
 .animate-delay-\\\\$variable{animation-delay:var(--variable);}
 .animate-ease{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
-.animate-ease-\\\\[steps\\\\(4\\\\,_jump-start\\\\)\\\\]{animation-timing-function:steps(4, jump-start);}
-.animate-ease-\\\\$variable{animation-timing-function:var(--variable);}
 .animate-ease-linear{animation-timing-function:linear;}
-.animate-fill-backwards{animation-fill-mode:backwards;}
-.animate-fill-mode-both{animation-fill-mode:both;}
+.animate-ease-\\\\$variable{animation-timing-function:var(--variable);}
+.animate-ease-\\\\[steps\\\\(4\\\\,_jump-start\\\\)\\\\]{animation-timing-function:steps(4, jump-start);}
 .animate-mode-none{animation-fill-mode:none;}
-.animate-direction-alternate-reverse{animation-direction:alternate-reverse;}
+.animate-fill-mode-both{animation-fill-mode:both;}
+.animate-fill-backwards{animation-fill-mode:backwards;}
 .animate-normal{animation-direction:normal;}
 .animate-reverse{animation-direction:reverse;}
+.animate-direction-alternate-reverse{animation-direction:alternate-reverse;}
 .animate-count-2\\\\.4{animation-iteration-count:2.4;}
 .animate-iteration-2{animation-iteration-count:2;}
-.animate-iteration-count-\\\\[2\\\\,4\\\\,infinity\\\\]{animation-iteration-count:count,[2,4,infinity];}
-.animate-iteration-count-\\\\$variable{animation-iteration-count:count,$variable;}
 .animate-iteration-count-2{animation-iteration-count:count,2;}
 .animate-iteration-count-2-4-infinity{animation-iteration-count:count,2,4,infinity;}
+.animate-iteration-count-\\\\[2\\\\,4\\\\,infinity\\\\]{animation-iteration-count:count,[2,4,infinity];}
+.animate-iteration-count-\\\\$variable{animation-iteration-count:count,$variable;}
 .animate-paused,
 .animate-play-paused{animation-play-state:paused;}
 .animate-play-state-running,
@@ -155,36 +154,36 @@ exports[`preset-wind > targets 1`] = `
 .snap-align-none{scroll-snap-align:none;}
 .snap-always{scroll-snap-stop:always;}
 .scroll-m-\\\\[3em\\\\]{scroll-margin:3em;}
-.scroll-m-0,
-.scroll-m-none{scroll-margin:0rem;}
+.scroll-m-0{scroll-margin:0rem;}
 .scroll-m-1\\\\/2{scroll-margin:50%;}
 .scroll-m-auto{scroll-margin:auto;}
+.scroll-m-none{scroll-margin:0rem;}
 .-scroll-mb-px{scroll-margin-bottom:-1px;}
-.-scroll-p-px{scroll-padding:-1px;}
 .scroll-p-2,
 .scroll-p2{scroll-padding:0.5rem;}
-.scroll-p-t-2,
+.-scroll-p-px{scroll-padding:-1px;}
+.scroll-p-t-2{scroll-padding-top:0.5rem;}
+.scroll-pl-10px{scroll-padding-left:10px;}
 .scroll-pt-2,
 .scroll-pt2{scroll-padding-top:0.5rem;}
-.scroll-pl-10px{scroll-padding-left:10px;}
 .scroll-p-inline-none{scroll-padding-inline-start:0rem;scroll-padding-inline-end:0rem;}
+.scroll-pis-10px{scroll-padding-inline-start:10px;}
 .scroll-pbs-2,
 .scroll-pbs2{scroll-padding-block-start:0.5rem;}
-.scroll-pis-10px{scroll-padding-inline-start:10px;}
-.list-alpha{list-style-type:lower-alpha;}
-.list-alpha-inside{list-style-position:inside;list-style-type:lower-alpha;}
 .list-disc{list-style-type:disc;}
-.list-disc-outside{list-style-position:outside;list-style-type:disc;}
+.list-alpha{list-style-type:lower-alpha;}
 .list-greek{list-style-type:lower-greek;}
+.list-disc-outside{list-style-position:outside;list-style-type:disc;}
+.list-alpha-inside{list-style-position:inside;list-style-type:lower-alpha;}
 .list-outside{list-style-position:outside;}
 .list-none{list-style-type:none;}
 .list-inherit{list-style-type:inherit;}
-.columns-\\\\[3_auto\\\\]{columns:3 auto;}
-.columns-\\\\[auto_13em\\\\]{columns:auto 13em;}
-.columns-\\\\[auto_auto\\\\]{columns:auto auto;}
 .columns-3{columns:3;}
 .columns-5em{columns:5em;}
 .columns-auto{columns:auto;}
+.columns-\\\\[3_auto\\\\]{columns:3 auto;}
+.columns-\\\\[auto_13em\\\\]{columns:auto 13em;}
+.columns-\\\\[auto_auto\\\\]{columns:auto auto;}
 .columns-unset{columns:unset;}
 .break-before-avoid-page{break-before:avoid-page;}
 .break-before-initial{break-before:initial;}
@@ -192,31 +191,31 @@ exports[`preset-wind > targets 1`] = `
 .break-inside-revert{break-inside:revert;}
 .break-after-column{break-after:column;}
 .break-after-unset{break-after:unset;}
-.-space-x-4>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(calc(1rem * calc(1 - var(--un-space-x-reverse))) * -1);margin-right:calc(calc(1rem * var(--un-space-x-reverse)) * -1);}
-.space-x-\\\\$space>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(var(--space) * calc(1 - var(--un-space-x-reverse)));margin-right:calc(var(--space) * var(--un-space-x-reverse));}
+.space-y-none>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0rem * var(--un-space-y-reverse));}
 .space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.5rem * var(--un-space-x-reverse));}
 .space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}
-.space-y-none>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0rem * var(--un-space-y-reverse));}
+.space-x-\\\\$space>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(var(--space) * calc(1 - var(--un-space-x-reverse)));margin-right:calc(var(--space) * var(--un-space-x-reverse));}
+.-space-x-4>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(calc(1rem * calc(1 - var(--un-space-x-reverse))) * -1);margin-right:calc(calc(1rem * var(--un-space-x-reverse)) * -1);}
 .space-x-reverse>:not([hidden])~:not([hidden]){--un-space-x-reverse:1;}
+.space-inline-2{--un-space-inline-reverse:0;margin-inline-start:calc(0.5rem * calc(1 - var(--un-space-inline-reverse)));margin-inline-end:calc(0.5rem * calc(1 - var(--un-space-inline-reverse)));}
 .space-block-4{--un-space-block-reverse:0;margin-block-start:calc(1rem * calc(1 - var(--un-space-block-reverse)));margin-block-end:calc(1rem * calc(1 - var(--un-space-block-reverse)));}
 .space-block-none{--un-space-block-reverse:0;margin-block-start:calc(0rem * calc(1 - var(--un-space-block-reverse)));margin-block-end:calc(0rem * calc(1 - var(--un-space-block-reverse)));}
 .space-inline-\\\\$space{--un-space-inline-reverse:0;margin-inline-start:calc(var(--space) * calc(1 - var(--un-space-inline-reverse)));margin-inline-end:calc(var(--space) * calc(1 - var(--un-space-inline-reverse)));}
-.space-inline-2{--un-space-inline-reverse:0;margin-inline-start:calc(0.5rem * calc(1 - var(--un-space-inline-reverse)));margin-inline-end:calc(0.5rem * calc(1 - var(--un-space-inline-reverse)));}
 .space-inline-reverse{--un-space-inline-reverse:1;}
-.divide-x-\\\\$variable>:not([hidden])~:not([hidden]){--un-divide-x-reverse:0;border-left-width:calc(var(--variable) * calc(1 - var(--un-divide-x-reverse)));border-right-width:calc(var(--variable) * var(--un-divide-x-reverse));border-left-style:solid;border-right-style:solid;}
+.divide-y-4>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(4px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(4px * var(--un-divide-y-reverse));border-top-style:solid;border-bottom-style:solid;}
 .divide-x-4>:not([hidden])~:not([hidden]){--un-divide-x-reverse:0;border-left-width:calc(4px * calc(1 - var(--un-divide-x-reverse)));border-right-width:calc(4px * var(--un-divide-x-reverse));border-left-style:solid;border-right-style:solid;}
 .divide-x-none>:not([hidden])~:not([hidden]){--un-divide-x-reverse:0;border-left-width:calc(0px * calc(1 - var(--un-divide-x-reverse)));border-right-width:calc(0px * var(--un-divide-x-reverse));border-left-style:solid;border-right-style:solid;}
-.divide-y-4>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(4px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(4px * var(--un-divide-y-reverse));border-top-style:solid;border-bottom-style:solid;}
+.divide-x-\\\\$variable>:not([hidden])~:not([hidden]){--un-divide-x-reverse:0;border-left-width:calc(var(--variable) * calc(1 - var(--un-divide-x-reverse)));border-right-width:calc(var(--variable) * var(--un-divide-x-reverse));border-left-style:solid;border-right-style:solid;}
 .divide-x-reverse>:not([hidden])~:not([hidden]){--un-divide-x-reverse:1;}
 .divide-block-4>:not([hidden])~:not([hidden]){--un-divide-block-reverse:0;border-block-start-width:calc(4px * calc(1 - var(--un-divide-block-reverse)));border-block-end-width:calc(4px * calc(1 - var(--un-divide-block-reverse)));border-block-start-style:solid;border-block-end-style:solid;}
-.divide-inline-\\\\$variable>:not([hidden])~:not([hidden]){--un-divide-inline-reverse:0;border-inline-start-width:calc(var(--variable) * calc(1 - var(--un-divide-inline-reverse)));border-inline-end-width:calc(var(--variable) * calc(1 - var(--un-divide-inline-reverse)));border-inline-start-style:solid;border-inline-end-style:solid;}
 .divide-inline-4>:not([hidden])~:not([hidden]){--un-divide-inline-reverse:0;border-inline-start-width:calc(4px * calc(1 - var(--un-divide-inline-reverse)));border-inline-end-width:calc(4px * calc(1 - var(--un-divide-inline-reverse)));border-inline-start-style:solid;border-inline-end-style:solid;}
 .divide-inline-none>:not([hidden])~:not([hidden]){--un-divide-inline-reverse:0;border-inline-start-width:calc(0px * calc(1 - var(--un-divide-inline-reverse)));border-inline-end-width:calc(0px * calc(1 - var(--un-divide-inline-reverse)));border-inline-start-style:solid;border-inline-end-style:solid;}
+.divide-inline-\\\\$variable>:not([hidden])~:not([hidden]){--un-divide-inline-reverse:0;border-inline-start-width:calc(var(--variable) * calc(1 - var(--un-divide-inline-reverse)));border-inline-end-width:calc(var(--variable) * calc(1 - var(--un-divide-inline-reverse)));border-inline-start-style:solid;border-inline-end-style:solid;}
 .divide-inline-reverse>:not([hidden])~:not([hidden]){--un-divide-inline-reverse:1;}
-.divide-\\\\$variable>:not([hidden])~:not([hidden]){border-color:var(--variable);}
-.divide-current>:not([hidden])~:not([hidden]){border-color:currentColor;}
 .divide-green-500>:not([hidden])~:not([hidden]){--un-divide-opacity:1;border-color:rgba(34,197,94,var(--un-divide-opacity));}
 .divide-transparent>:not([hidden])~:not([hidden]){border-color:transparent;}
+.divide-current>:not([hidden])~:not([hidden]){border-color:currentColor;}
+.divide-\\\\$variable>:not([hidden])~:not([hidden]){border-color:var(--variable);}
 .divide-opacity-50>:not([hidden])~:not([hidden]){--un-divide-opacity:0.5;}
 .divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed;}
 .divide-dotted>:not([hidden])~:not([hidden]){border-style:dotted;}
@@ -229,58 +228,58 @@ exports[`preset-wind > targets 1`] = `
 .overscroll-y-unset{overscroll-behavior-y:unset;}
 .scroll-auto{scroll-behavior:auto;}
 .scroll-unset{scroll-behavior:unset;}
-.bg-\\\\[length\\\\:1\\\\/2_20rem\\\\]{background-size:50% 20rem;}
+.bg-\\\\[url\\\\(https\\\\:\\\\/\\\\/test\\\\.unocss\\\\.png\\\\)\\\\]{--un-url:url(https://test.unocss.png);background-image:var(--un-url);}
 .bg-\\\\[length\\\\:10_20rem\\\\]{background-size:10px 20rem;}
-.bg-\\\\[position\\\\:1\\\\/2_20rem\\\\]{background-position:50% 20rem;}
+.bg-\\\\[length\\\\:1\\\\/2_20rem\\\\]{background-size:50% 20rem;}
 .bg-\\\\[position\\\\:10_20rem\\\\]{background-position:10px 20rem;}
+.bg-\\\\[position\\\\:1\\\\/2_20rem\\\\]{background-position:50% 20rem;}
 .bg-\\\\[position\\\\:bottom_left_10\\\\%\\\\]{background-position:bottom left 10%;}
 .bg-\\\\[position\\\\:top_right_1\\\\/3\\\\]{background-position:top right 33.3333333333%;}
-.bg-\\\\[url\\\\(https\\\\:\\\\/\\\\/test\\\\.unocss\\\\.png\\\\)\\\\]{--un-url:url(https://test.unocss.png);background-image:var(--un-url);}
 .bg-gradient-\\\\[70deg\\\\,blue\\\\,pink\\\\]{--un-gradient:70deg,blue,pink;}
 .bg-gradient-stops-\\\\[blue\\\\,pink\\\\],
 .stops-\\\\[blue\\\\,pink\\\\]{--un-gradient-stops:blue,pink;}
-.bg-gradient-from-current,
 .from-current{--un-gradient-from:currentColor;--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
-.bg-gradient-from-green-600{--un-gradient-from:rgba(22,163,74,var(--un-from-opacity, 1));--un-gradient-to:rgba(22,163,74,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
-.bg-gradient-from-green-600\\\\/60{--un-gradient-from:rgba(22,163,74,0.6);--un-gradient-to:rgba(22,163,74,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
-.bg-gradient-from-transparent,
-.from-transparent{--un-gradient-from:transparent;--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
-.from-\\\\$bg-from{--un-gradient-from:var(--bg-from);--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
 .from-green-500{--un-gradient-from:rgba(34,197,94,var(--un-from-opacity, 1));--un-gradient-to:rgba(34,197,94,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
 .from-green-500\\\\/50{--un-gradient-from:rgba(34,197,94,0.5);--un-gradient-to:rgba(34,197,94,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
-.bg-gradient-via-current,
+.from-transparent{--un-gradient-from:transparent;--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
+.from-\\\\$bg-from{--un-gradient-from:var(--bg-from);--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
+.bg-gradient-from-current{--un-gradient-from:currentColor;--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
+.bg-gradient-from-green-600{--un-gradient-from:rgba(22,163,74,var(--un-from-opacity, 1));--un-gradient-to:rgba(22,163,74,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
+.bg-gradient-from-green-600\\\\/60{--un-gradient-from:rgba(22,163,74,0.6);--un-gradient-to:rgba(22,163,74,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
+.bg-gradient-from-transparent{--un-gradient-from:transparent;--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
 .via-current{--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), currentColor, var(--un-gradient-to);}
-.bg-gradient-via-green-600{--un-gradient-to:rgba(22,163,74,0);--un-gradient-stops:var(--un-gradient-from), rgba(22,163,74,var(--un-via-opacity, 1)), var(--un-gradient-to);}
-.bg-gradient-via-green-600\\\\/40{--un-gradient-to:rgba(22,163,74,0);--un-gradient-stops:var(--un-gradient-from), rgba(22,163,74,0.4), var(--un-gradient-to);}
-.bg-gradient-via-transparent,
-.via-transparent{--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), transparent, var(--un-gradient-to);}
-.via-\\\\$bg-via{--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--bg-via), var(--un-gradient-to);}
 .via-green-500{--un-gradient-to:rgba(34,197,94,0);--un-gradient-stops:var(--un-gradient-from), rgba(34,197,94,var(--un-via-opacity, 1)), var(--un-gradient-to);}
 .via-green-500\\\\/30{--un-gradient-to:rgba(34,197,94,0);--un-gradient-stops:var(--un-gradient-from), rgba(34,197,94,0.3), var(--un-gradient-to);}
-.bg-gradient-to-current,
+.via-transparent{--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), transparent, var(--un-gradient-to);}
+.via-\\\\$bg-via{--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), var(--bg-via), var(--un-gradient-to);}
+.bg-gradient-via-current{--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), currentColor, var(--un-gradient-to);}
+.bg-gradient-via-green-600{--un-gradient-to:rgba(22,163,74,0);--un-gradient-stops:var(--un-gradient-from), rgba(22,163,74,var(--un-via-opacity, 1)), var(--un-gradient-to);}
+.bg-gradient-via-green-600\\\\/40{--un-gradient-to:rgba(22,163,74,0);--un-gradient-stops:var(--un-gradient-from), rgba(22,163,74,0.4), var(--un-gradient-to);}
+.bg-gradient-via-transparent{--un-gradient-to:rgba(255,255,255,0);--un-gradient-stops:var(--un-gradient-from), transparent, var(--un-gradient-to);}
 .to-current{--un-gradient-to:currentColor;}
-.bg-gradient-to-green-600{--un-gradient-to:rgba(22,163,74,var(--un-to-opacity, 1));}
-.bg-gradient-to-green-600\\\\/60{--un-gradient-to:rgba(22,163,74,0.6);}
-.bg-gradient-to-transparent,
-.to-transparent{--un-gradient-to:transparent;}
-.to-\\\\$bg-to{--un-gradient-to:var(--bg-to);}
 .to-green-500{--un-gradient-to:rgba(34,197,94,var(--un-to-opacity, 1));}
 .to-green-500\\\\/50{--un-gradient-to:rgba(34,197,94,0.5);}
-.bg-gradient-via-opacity-40{--un-via-opacity:0.4;}
+.to-transparent{--un-gradient-to:transparent;}
+.to-\\\\$bg-to{--un-gradient-to:var(--bg-to);}
+.bg-gradient-to-current{--un-gradient-to:currentColor;}
+.bg-gradient-to-green-600{--un-gradient-to:rgba(22,163,74,var(--un-to-opacity, 1));}
+.bg-gradient-to-green-600\\\\/60{--un-gradient-to:rgba(22,163,74,0.6);}
+.bg-gradient-to-transparent{--un-gradient-to:transparent;}
 .via-opacity-30{--un-via-opacity:0.3;}
+.bg-gradient-via-opacity-40{--un-via-opacity:0.4;}
 .bg-gradient-linear{background-image:linear-gradient(var(--un-gradient, var(--un-gradient-stops, rgba(255, 255, 255, 0))));}
 .bg-gradient-radial{background-image:radial-gradient(var(--un-gradient, var(--un-gradient-stops, rgba(255, 255, 255, 0))));}
 .bg-gradient-repeating-conic{background-image:repeating-conic-gradient(var(--un-gradient, var(--un-gradient-stops, rgba(255, 255, 255, 0))));}
 .bg-gradient-to-t{--un-gradient-shape:to top;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
 .bg-gradient-to-tl{--un-gradient-shape:to top left;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
-.bg-gradient-shape-\\\\[70deg\\\\],
-.shape-\\\\[70deg\\\\]{--un-gradient-shape:70deg;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
-.bg-gradient-shape-\\\\[circle_at_70\\\\%\\\\]{--un-gradient-shape:circle at 70%;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
+.bg-gradient-shape-t{--un-gradient-shape:to top;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
+.bg-gradient-shape-tl{--un-gradient-shape:to top left;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
+.bg-gradient-shape-\\\\[70deg\\\\]{--un-gradient-shape:70deg;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
 .bg-gradient-shape-\\\\[closest-side\\\\]{--un-gradient-shape:closest-side;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
+.bg-gradient-shape-\\\\[circle_at_70\\\\%\\\\]{--un-gradient-shape:circle at 70%;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
 .bg-gradient-shape-\\\\[from_40deg\\\\]{--un-gradient-shape:from 40deg;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
-.bg-gradient-shape-t{--un-gradient-shape:to top;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
-.bg-gradient-shape-tl,
 .shape-tl{--un-gradient-shape:to top left;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
+.shape-\\\\[70deg\\\\]{--un-gradient-shape:70deg;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
 .shape-\\\\[farthest-corner_at_0_0\\\\]{--un-gradient-shape:farthest-corner at 0 0;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
 .shape-\\\\[from_3\\\\.1416rad_at_10\\\\%_50\\\\%\\\\]{--un-gradient-shape:from 3.1416rad at 10% 50%;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);}
 .bg-none{background-image:none;}
@@ -301,15 +300,13 @@ exports[`preset-wind > targets 1`] = `
 .bg-repeat-revert{background-repeat:revert;}
 .bg-origin-border{background-origin:border-box;}
 .bg-origin-initial{background-origin:initial;}
-.svg\\\\:fill-red svg{--un-fill-opacity:1;fill:rgba(248,113,113,var(--un-fill-opacity));}
 .object-none{object-fit:none;}
-.object-\\\\[center_25\\\\%\\\\]{object-position:center 25%;}
-.object-cb,
-.object-center-bottom{object-position:center bottom;}
 .object-center{object-position:center;}
-.object-center-top,
 .object-ct{object-position:center top;}
-.dark .\\\\.dark\\\\:text-xl{font-size:1.25rem;line-height:1.75rem;}
+.object-cb{object-position:center bottom;}
+.object-center-top{object-position:center top;}
+.object-center-bottom{object-position:center bottom;}
+.object-\\\\[center_25\\\\%\\\\]{object-position:center 25%;}
 .capitalize{text-transform:capitalize;}
 .normal-case{text-transform:none;}
 .lining-nums{--un-numeric-figure:lining-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
@@ -336,72 +333,79 @@ exports[`preset-wind > targets 1`] = `
 .mix-blend-revert{mix-blend:revert;}
 .data-dropdown\\\\:ring-green[data-data-bs-toggle=\\"dropdown\\"]{--un-ring-opacity:1;--un-ring-color:rgba(74,222,128,var(--un-ring-opacity));}
 .image-render-pixel{-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;}
+.filter-blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.filter-blur-md{--un-blur:blur(12px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.filter-blur-4{--un-blur:blur(4px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.filter-blur-none{--un-blur:blur(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.blur-md{--un-blur:blur(12px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.blur-4{--un-blur:blur(4px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.blur-none{--un-blur:blur(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.backdrop-blur-4{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .backdrop-blur-md{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
+.backdrop-blur-4{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .backdrop-blur-none{--un-backdrop-blur:blur(0);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.blur,
-.filter-blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .blur-\\\\$variable{--un-blur:blur(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.blur-4,
-.filter-blur-4{--un-blur:blur(4px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.blur-md,
-.filter-blur-md{--un-blur:blur(12px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.blur-none,
-.filter-blur-none{--un-blur:blur(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.brightness-0{--un-brightness:brightness(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.brightness-60{--un-brightness:brightness(0.6);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .backdrop-brightness-0{--un-backdrop-brightness:brightness(0);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .backdrop-brightness-60{--un-backdrop-brightness:brightness(0.6);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .brightness-\\\\$variable{--un-brightness:brightness(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.brightness-0{--un-brightness:brightness(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.brightness-60{--un-brightness:brightness(0.6);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.contrast-125{--un-contrast:contrast(1.25);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .backdrop-contrast-125{--un-backdrop-contrast:contrast(1.25);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .contrast-\\\\$variable{--un-contrast:contrast(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.contrast-125{--un-contrast:contrast(1.25);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .drop-shadow{--un-drop-shadow:drop-shadow(0 1px 2px var(--un-drop-shadow-color, rgba(0,0,0,0.1))) drop-shadow(0 1px 1px var(--un-drop-shadow-color, rgba(0,0,0,0.06)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .drop-shadow-\\\\[0_4px_3px_\\\\#000\\\\]{--un-drop-shadow:drop-shadow(0 4px 3px #000);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.drop-shadow-\\\\$variable{--un-drop-shadow:drop-shadow(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .drop-shadow-none{--un-drop-shadow:drop-shadow(0 0 var(--un-drop-shadow-color, rgba(0,0,0,0)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .drop-shadow-sm{--un-drop-shadow:drop-shadow(0 1px 1px var(--un-drop-shadow-color, rgba(0,0,0,0.05)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.drop-shadow-\\\\$variable{--un-drop-shadow:drop-shadow(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .drop-shadow-color-red-300{--un-drop-shadow-opacity:1;--un-drop-shadow-color:rgba(252,165,165,var(--un-drop-shadow-opacity));}
 .drop-shadow-color-op-30{--un-drop-shadow-opacity:0.3;}
+.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.grayscale-90{--un-grayscale:grayscale(0.9);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .backdrop-grayscale{--un-backdrop-grayscale:grayscale(1);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .backdrop-grayscale-90{--un-backdrop-grayscale:grayscale(0.9);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .grayscale-\\\\$variable{--un-grayscale:grayscale(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.grayscale-90{--un-grayscale:grayscale(0.9);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.-backdrop-hue-rotate-90{--un-backdrop-hue-rotate:hue-rotate(-90deg);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.-hue-rotate-90{--un-hue-rotate:hue-rotate(-90deg);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.hue-rotate-0{--un-hue-rotate:hue-rotate(0deg);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.hue-rotate-360{--un-hue-rotate:hue-rotate(360deg);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .backdrop-hue-rotate-0{--un-backdrop-hue-rotate:hue-rotate(0deg);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .backdrop-hue-rotate-360{--un-backdrop-hue-rotate:hue-rotate(360deg);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .hue-rotate-\\\\$variable{--un-hue-rotate:hue-rotate(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.hue-rotate-0{--un-hue-rotate:hue-rotate(0deg);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.hue-rotate-360{--un-hue-rotate:hue-rotate(360deg);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.-backdrop-hue-rotate-90{--un-backdrop-hue-rotate:hue-rotate(-90deg);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
+.-hue-rotate-90{--un-hue-rotate:hue-rotate(-90deg);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.invert-90{--un-invert:invert(0.9);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .backdrop-invert{--un-backdrop-invert:invert(1);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .backdrop-invert-90{--un-backdrop-invert:invert(0.9);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.invert{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .invert-\\\\$variable{--un-invert:invert(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.invert-90{--un-invert:invert(0.9);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.backdrop-opacity-\\\\$variable{--un-backdrop-opacity:opacity(var(--variable));-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .backdrop-opacity-90{--un-backdrop-opacity:opacity(0.9);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.backdrop-saturate-120{--un-backdrop-saturate:saturate(1.2);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.backdrop-saturate-30{--un-backdrop-saturate:saturate(0.3);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.saturate-\\\\$variable{--un-saturate:saturate(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.backdrop-opacity-\\\\$variable{--un-backdrop-opacity:opacity(var(--variable));-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .saturate-0{--un-saturate:saturate(0);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.saturate-120{--un-saturate:saturate(1.2);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .saturate-30{--un-saturate:saturate(0.3);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.saturate-120{--un-saturate:saturate(1.2);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.backdrop-saturate-30{--un-backdrop-saturate:saturate(0.3);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
+.backdrop-saturate-120{--un-backdrop-saturate:saturate(1.2);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
+.saturate-\\\\$variable{--un-saturate:saturate(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.sepia{--un-sepia:sepia(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+.sepia-80{--un-sepia:sepia(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .backdrop-sepia{--un-backdrop-sepia:sepia(1);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .backdrop-sepia-80{--un-backdrop-sepia:sepia(0.8);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
-.sepia{--un-sepia:sepia(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .sepia-\\\\$variable{--un-sepia:sepia(var(--variable));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-.sepia-80{--un-sepia:sepia(0.8);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
 .filter-none{filter:none;}
 .backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none;}
 .filter-unset{filter:unset;}
 .backdrop-filter-revert{-webkit-backdrop-filter:revert;backdrop-filter:revert;}
-.placeholder-inherit::placeholder{color:inherit;}
+.bg-blend-\\\\$data{background-blend-mode:var(--data);}
+.bg-image-\\\\$variable{background-image:var(--variable);}
+.object-position-\\\\$variable{object-position:var(--variable);}
+.object-\\\\$fit{object-fit:var(--fit);}
+.hover\\\\:animate-bounce:hover{animation:bounce 1s linear infinite;}
 .placeholder-red-400::placeholder{--un-placeholder-opacity:1;color:rgba(248,113,113,var(--un-placeholder-opacity));}
+.placeholder-inherit::placeholder{color:inherit;}
+.svg\\\\:fill-red svg{--un-fill-opacity:1;fill:rgba(248,113,113,var(--un-fill-opacity));}
+.dark .\\\\.dark\\\\:text-xl{font-size:1.25rem;line-height:1.75rem;}
 @media (hover: hover) and (pointer: fine){
 .\\\\@hover-text-red:hover{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
 [open] .\\\\@hover\\\\:\\\\[\\\\[open\\\\]_\\\\&\\\\]\\\\:text-blue:hover{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}
diff --git a/test/__snapshots__/runtime.test.ts.snap b/test/__snapshots__/runtime.test.ts.snap
index 3061b22800..c15d9fdc6f 100644
--- a/test/__snapshots__/runtime.test.ts.snap
+++ b/test/__snapshots__/runtime.test.ts.snap
@@ -6,36 +6,36 @@ m-1{margin:0.25rem;}
 flex{display:flex;}
 scale-2{--un-scale-x:0.02;--un-scale-y:0.02;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .p2{padding:0.5rem;}
-hover\\\\:color-red:hover,
 text-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
 text-green5\\\\:10{color:rgba(34,197,94,0.1);}
-shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}"
+shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+hover\\\\:color-red:hover{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}"
 `;
 
 exports[`runtime auto prefixer > using autoprefixer 1`] = `
 "/* layer: default */
+.perspect-1px{-webkit-perspective:1px;}
+.hyphens-auto{-webkit-hyphens:auto;-ms-hyphens:auto;}
+.filter{-webkit-filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .\\\\[--vars\\\\:value\\\\]{--vars:value;}
 .\\\\[-vars\\\\:value\\\\],
 .\\\\[vars\\\\:value\\\\]{-webkit-vars:value;}
 .\\\\[filter\\\\:none\\\\]{-webkit-filter:none;}
-.\\\\[hyphens\\\\:none\\\\]{-ms-hyphens:none;}
-.\\\\[non-hyphens\\\\:none\\\\]{non-hyphens:none;}
 .\\\\[perspective\\\\:0\\\\]{-webkit-perspective:0;}
-.perspect-1px{-webkit-perspective:1px;}
-.hyphens-auto{-webkit-hyphens:auto;-ms-hyphens:auto;}
-.filter{-webkit-filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}"
+.\\\\[hyphens\\\\:none\\\\]{-ms-hyphens:none;}
+.\\\\[non-hyphens\\\\:none\\\\]{non-hyphens:none;}"
 `;
 
 exports[`runtime auto prefixer > without autoprefixer 1`] = `
 "/* layer: default */
+.perspect-1px{-webkit-perspective:1px;perspective:1px;}
+.hyphens-auto{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .\\\\[--vars\\\\:value\\\\]{--vars:value;}
 .\\\\[-vars\\\\:value\\\\]{-vars:value;}
+.\\\\[vars\\\\:value\\\\]{vars:value;}
 .\\\\[filter\\\\:none\\\\]{filter:none;}
-.\\\\[hyphens\\\\:none\\\\]{hyphens:none;}
-.\\\\[non-hyphens\\\\:none\\\\]{non-hyphens:none;}
 .\\\\[perspective\\\\:0\\\\]{perspective:0;}
-.\\\\[vars\\\\:value\\\\]{vars:value;}
-.perspect-1px{-webkit-perspective:1px;perspective:1px;}
-.hyphens-auto{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
-.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}"
+.\\\\[hyphens\\\\:none\\\\]{hyphens:none;}
+.\\\\[non-hyphens\\\\:none\\\\]{non-hyphens:none;}"
 `;
diff --git a/test/__snapshots__/scope.test.ts.snap b/test/__snapshots__/scope.test.ts.snap
index 94cee230fe..570d1116cf 100644
--- a/test/__snapshots__/scope.test.ts.snap
+++ b/test/__snapshots__/scope.test.ts.snap
@@ -4,13 +4,13 @@ exports[`scope 1`] = `
 "/* layer: default */
 .foo-scope .flex{display:flex;}
 .foo-scope .\\\\!p-5px{padding:5px !important;}
-.foo-scope .hover\\\\:\\\\!p-10:hover{padding:2.5rem !important;}
+.foo-scope .pl-10px{padding-left:10px;}
+.variant .foo-scope .scope-\\\\[\\\\.variant\\\\]\\\\:c-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
 .foo-scope .hover\\\\:p-4:hover{padding:1rem;}
+.foo-scope .hover\\\\:\\\\!p-10:hover{padding:2.5rem !important;}
 .foo-scope .\\\\!hover\\\\:px-10:hover{padding-left:2.5rem !important;padding-right:2.5rem !important;}
-.foo-scope .pl-10px{padding-left:10px;}
 .dark .foo-scope .dark\\\\:hover\\\\:text-xl:hover,
 .dark .foo-scope .dark\\\\:text-xl{font-size:1.25rem;line-height:1.75rem;}
-.variant .foo-scope .scope-\\\\[\\\\.variant\\\\]\\\\:c-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
 @media (min-width: 640px){
 .foo-scope .sm\\\\:text-red-100{--un-text-opacity:1;color:rgba(254,226,226,var(--un-text-opacity));}
 .foo-scope .sm\\\\:text-red-200\\\\/10{color:rgba(254,202,202,0.1);}
diff --git a/test/__snapshots__/selector-no-merge.test.ts.snap b/test/__snapshots__/selector-no-merge.test.ts.snap
index e41d307b35..745378740d 100644
--- a/test/__snapshots__/selector-no-merge.test.ts.snap
+++ b/test/__snapshots__/selector-no-merge.test.ts.snap
@@ -9,8 +9,8 @@ exports[`selector > rules split selector 1`] = `
 
 exports[`variant > variant shortcuts early 1`] = `
 "/* layer: shortcuts */
-.m2-no-merge::non-breaking{merged:1;}
-.m2-no-merge{merged:1;}"
+.m2-no-merge{merged:1;}
+.m2-no-merge::non-breaking{merged:1;}"
 `;
 
 exports[`variant > variant shortcuts late 1`] = `
@@ -27,6 +27,6 @@ exports[`variant > variant split selector 1`] = `
 
 exports[`variant > variant split shortcuts 1`] = `
 "/* layer: shortcuts */
-.m1-no-merge::breaking{merged:1;}
-.m1-no-merge::non-breaking{merged:1;}"
+.m1-no-merge::non-breaking{merged:1;}
+.m1-no-merge::breaking{merged:1;}"
 `;
diff --git a/test/__snapshots__/shortcuts.test.ts.snap b/test/__snapshots__/shortcuts.test.ts.snap
index 7e7a75d8fd..311b55bfbe 100644
--- a/test/__snapshots__/shortcuts.test.ts.snap
+++ b/test/__snapshots__/shortcuts.test.ts.snap
@@ -51,9 +51,9 @@ exports[`shortcuts > merge transform-duplicated 1`] = `
 
 exports[`shortcuts > nesting static 1`] = `
 "/* layer: shortcuts */
-.btn2{margin:0.75rem;margin-left:2.5rem;margin-right:2.5rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;}
-.btn{margin-right:2.5rem;}
 .btn1{margin-left:2.5rem;margin-right:2.5rem;}
+.btn{margin-right:2.5rem;}
+.btn2{padding-left:0.5rem;padding-right:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;margin:0.75rem;margin-left:2.5rem;margin-right:2.5rem;}
 @media (min-width: 640px){
 .btn2{margin:0.5rem;}
 }"
@@ -61,43 +61,43 @@ exports[`shortcuts > nesting static 1`] = `
 
 exports[`shortcuts > no-merge 1`] = `
 "/* layer: default */
+.with-no-merge{no-merge:1;}
 .merge-candidate,
-.with-no-merge{merged:1;}
-.with-no-merge{no-merge:1;}"
+.with-no-merge{merged:1;}"
 `;
 
 exports[`shortcuts > shortcut of nested pseudo 1`] = `
 "/* layer: shortcuts */
+.btn3{--un-text-opacity:1;color:rgba(154,52,18,var(--un-text-opacity));--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}
 .btn3:focus,
 .focus\\\\:btn3:focus:focus,
 .focus\\\\:hover\\\\:btn3:focus:hover:focus,
 .hover\\\\:btn3:focus:hover{border-width:1px;border-style:solid;}
-.btn3,
-.focus\\\\:btn3:focus,
-.focus\\\\:hover\\\\:btn3:hover:focus,
-.hover\\\\:btn3:hover{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));--un-text-opacity:1;color:rgba(154,52,18,var(--un-text-opacity));}
-.btn3:hover,
-.focus\\\\:btn3:hover:focus,
-.focus\\\\:hover\\\\:btn3:hover:hover:focus,
-.hover\\\\:btn3:hover:hover{--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));--un-text-opacity:1;color:rgba(21,94,117,var(--un-text-opacity));text-decoration-line:underline;}"
+.btn3:hover{--un-text-opacity:1;color:rgba(21,94,117,var(--un-text-opacity));--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));text-decoration-line:underline;}
+.focus\\\\:btn3:focus{--un-text-opacity:1;color:rgba(154,52,18,var(--un-text-opacity));--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}
+.focus\\\\:btn3:hover:focus{--un-text-opacity:1;color:rgba(21,94,117,var(--un-text-opacity));--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));text-decoration-line:underline;}
+.hover\\\\:btn3:hover{--un-text-opacity:1;color:rgba(154,52,18,var(--un-text-opacity));--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}
+.hover\\\\:btn3:hover:hover{--un-text-opacity:1;color:rgba(21,94,117,var(--un-text-opacity));--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));text-decoration-line:underline;}
+.focus\\\\:hover\\\\:btn3:hover:focus{--un-text-opacity:1;color:rgba(154,52,18,var(--un-text-opacity));--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}
+.focus\\\\:hover\\\\:btn3:hover:hover:focus{--un-text-opacity:1;color:rgba(21,94,117,var(--un-text-opacity));--un-bg-opacity:1;background-color:rgba(0,0,0,var(--un-bg-opacity));text-decoration-line:underline;}"
 `;
 
 exports[`shortcuts > shortcut with inline body 1`] = `
 "/* layer: shortcuts */
-.hover\\\\:shortcut-inline-body:hover,
 .shortcut-inline-body{padding:0.5rem;margin:3px;}
 .shortcut-inline-dynamic-1{padding:0.25rem;margin:1px;}
-.shortcut-inline-dynamic-2{padding:0.5rem;margin:2px;}"
+.shortcut-inline-dynamic-2{padding:0.5rem;margin:2px;}
+.hover\\\\:shortcut-inline-body:hover{padding:0.5rem;margin:3px;}"
 `;
 
 exports[`shortcuts > static 1`] = `
 "/* layer: shortcuts */
-.sh1{margin:0.75rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;}
 .sh3{margin:0.75rem;}
-.focus\\\\:sh2:focus,
+.sh1{padding-left:0.5rem;padding-right:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;margin:0.75rem;}
 .sh2{font-size:0.875rem;line-height:1.25rem;font-size:1.125rem;line-height:1.75rem;}
 .focus\\\\:sh2:hover:focus,
 .sh2:hover{font-size:1.125rem;line-height:1.75rem;}
+.focus\\\\:sh2:focus{font-size:0.875rem;line-height:1.25rem;font-size:1.125rem;line-height:1.75rem;}
 @media (min-width: 640px){
 .sh1,
 .sh3{margin:0.5rem;}
@@ -106,9 +106,9 @@ exports[`shortcuts > static 1`] = `
 
 exports[`shortcuts > variant order 1`] = `
 "/* layer: shortcuts */
+.shortcut-hover-active-1:active,
 .shortcut-hover-active-1:focus,
-.shortcut-hover-active-1:hover,
-.shortcut-hover-active-1:active{--un-bg-opacity:1;background-color:rgba(134,239,172,var(--un-bg-opacity));}"
+.shortcut-hover-active-1:hover{--un-bg-opacity:1;background-color:rgba(134,239,172,var(--un-bg-opacity));}"
 `;
 
 exports[`shortcuts > variant order 2`] = `
@@ -120,24 +120,24 @@ exports[`shortcuts > variant order 2`] = `
 
 exports[`shortcuts > variant order 3`] = `
 "/* layer: shortcuts */
-.shortcut-hover-active-2:focus,
-.uno-layer-shortcuts\\\\:bg-red-300{--un-bg-opacity:1;background-color:rgba(252,165,165,var(--un-bg-opacity));}
+.uno-layer-shortcuts\\\\:bg-red-300,
+.shortcut-hover-active-2:focus{--un-bg-opacity:1;background-color:rgba(252,165,165,var(--un-bg-opacity));}
 .shortcut-hover-active-2:hover{--un-bg-opacity:1;background-color:rgba(253,224,71,var(--un-bg-opacity));}
 .shortcut-hover-active-2:active{--un-bg-opacity:1;background-color:rgba(147,197,253,var(--un-bg-opacity));}"
 `;
 
 exports[`shortcuts > variant order 4`] = `
 "/* layer: shortcuts */
-.shortcut-hover-active-2:focus{--un-bg-opacity:1;background-color:rgba(252,165,165,var(--un-bg-opacity));}
-.shortcut-hover-active-2:hover,
 .uno-layer-shortcuts\\\\:bg-yellow-300{--un-bg-opacity:1;background-color:rgba(253,224,71,var(--un-bg-opacity));}
+.shortcut-hover-active-2:focus{--un-bg-opacity:1;background-color:rgba(252,165,165,var(--un-bg-opacity));}
+.shortcut-hover-active-2:hover{--un-bg-opacity:1;background-color:rgba(253,224,71,var(--un-bg-opacity));}
 .shortcut-hover-active-2:active{--un-bg-opacity:1;background-color:rgba(147,197,253,var(--un-bg-opacity));}"
 `;
 
 exports[`shortcuts > variant order 5`] = `
 "/* layer: shortcuts */
+.uno-layer-shortcuts\\\\:bg-blue-300{--un-bg-opacity:1;background-color:rgba(147,197,253,var(--un-bg-opacity));}
 .shortcut-hover-active-2:focus{--un-bg-opacity:1;background-color:rgba(252,165,165,var(--un-bg-opacity));}
 .shortcut-hover-active-2:hover{--un-bg-opacity:1;background-color:rgba(253,224,71,var(--un-bg-opacity));}
-.uno-layer-shortcuts\\\\:bg-blue-300,
 .shortcut-hover-active-2:active{--un-bg-opacity:1;background-color:rgba(147,197,253,var(--un-bg-opacity));}"
 `;
diff --git a/test/__snapshots__/svelte-scoped.test.ts.snap b/test/__snapshots__/svelte-scoped.test.ts.snap
index d70c5374ea..2614254b4d 100644
--- a/test/__snapshots__/svelte-scoped.test.ts.snap
+++ b/test/__snapshots__/svelte-scoped.test.ts.snap
@@ -25,7 +25,14 @@ exports[`svelte-scoped > everything 1`] = `
   :global(.shortcut) {
     width: 1.25rem;
   }
+  :global(.uno-opam79 > :not([hidden]) ~ :not([hidden])) {
+    --un-space-x-reverse: 0;
+    margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse)));
+    margin-right: calc(0.25rem * var(--un-space-x-reverse));
+  }
   :global(.uno-o8l1as) {
+    --un-bg-opacity: 1;
+    background-color: rgba(239, 68, 68, var(--un-bg-opacity));
     --un-scale-x: 0.05;
     --un-scale-y: 0.05;
     transform: translateX(var(--un-translate-x))
@@ -34,20 +41,6 @@ exports[`svelte-scoped > everything 1`] = `
       rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
       skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x))
       scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
-    --un-bg-opacity: 1;
-    background-color: rgba(239, 68, 68, var(--un-bg-opacity));
-  }
-  :global(.uno-opam79 > :not([hidden]) ~ :not([hidden])) {
-    --un-space-x-reverse: 0;
-    margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse)));
-    margin-right: calc(0.25rem * var(--un-space-x-reverse));
-  }
-  :global([dir=\\"rtl\\"] .uno-opam79 > :not([hidden]) ~ :not([hidden])) {
-    --un-space-x-reverse: 1;
-  }
-  :global(.dark .uno-o8l1as:hover) {
-    --un-bg-opacity: 1;
-    background-color: rgba(34, 197, 94, var(--un-bg-opacity));
   }
   :global(.uno-opam79) {
     text-align: center;
@@ -56,25 +49,32 @@ exports[`svelte-scoped > everything 1`] = `
     font-size: 0.875rem;
     line-height: 1.25rem;
   }
+  :global(.uno-y37ej3) {
+    --un-text-opacity: 1;
+    color: rgba(251, 146, 60, var(--un-text-opacity));
+  }
   :global(.uno-deus5r:hover) {
     --un-text-opacity: 1;
     color: rgba(248, 113, 113, var(--un-text-opacity));
   }
-  :global(.uno-y37ej3) {
-    --un-text-opacity: 1;
-    color: rgba(251, 146, 60, var(--un-text-opacity));
+  :global([dir=\\"rtl\\"] .uno-opam79 > :not([hidden]) ~ :not([hidden])) {
+    --un-space-x-reverse: 1;
+  }
+  :global(.dark .uno-o8l1as:hover) {
+    --un-bg-opacity: 1;
+    background-color: rgba(34, 197, 94, var(--un-bg-opacity));
   }
   @media (min-width: 640px) {
     :global(.uno-opam79) {
       text-align: left;
     }
-    :global([dir=\\"rtl\\"] .uno-opam79) {
-      text-align: right;
-    }
     :global(.uno-o8l1as) {
       font-size: 1.25rem;
       line-height: 1.75rem;
     }
+    :global([dir=\\"rtl\\"] .uno-opam79) {
+      text-align: right;
+    }
   }
 </style>
 "
@@ -132,22 +132,10 @@ exports[`svelte-scoped > everything 2`] = `
     margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse)));
     margin-right: calc(0.25rem * var(--un-space-x-reverse));
   }
-  :global(
-      [dir=\\"rtl\\"]
-        ._rtl\\\\:space-x-reverse_7dkb0w
-        > :not([hidden])
-        ~ :not([hidden])
-    ) {
-    --un-space-x-reverse: 1;
-  }
   :global(._bg-red-500_7dkb0w) {
     --un-bg-opacity: 1;
     background-color: rgba(239, 68, 68, var(--un-bg-opacity));
   }
-  :global(.dark ._dark\\\\:hover\\\\:bg-green-500_7dkb0w:hover) {
-    --un-bg-opacity: 1;
-    background-color: rgba(34, 197, 94, var(--un-bg-opacity));
-  }
   :global(._text-center_7dkb0w) {
     text-align: center;
   }
@@ -155,25 +143,37 @@ exports[`svelte-scoped > everything 2`] = `
     font-size: 0.875rem;
     line-height: 1.25rem;
   }
+  :global(._text-orange-400_7dkb0w) {
+    --un-text-opacity: 1;
+    color: rgba(251, 146, 60, var(--un-text-opacity));
+  }
   :global(._hover\\\\:text-red_7dkb0w:hover) {
     --un-text-opacity: 1;
     color: rgba(248, 113, 113, var(--un-text-opacity));
   }
-  :global(._text-orange-400_7dkb0w) {
-    --un-text-opacity: 1;
-    color: rgba(251, 146, 60, var(--un-text-opacity));
+  :global(
+      [dir=\\"rtl\\"]
+        ._rtl\\\\:space-x-reverse_7dkb0w
+        > :not([hidden])
+        ~ :not([hidden])
+    ) {
+    --un-space-x-reverse: 1;
+  }
+  :global(.dark ._dark\\\\:hover\\\\:bg-green-500_7dkb0w:hover) {
+    --un-bg-opacity: 1;
+    background-color: rgba(34, 197, 94, var(--un-bg-opacity));
   }
   @media (min-width: 640px) {
     :global(._sm\\\\:text-left_7dkb0w) {
       text-align: left;
     }
-    :global([dir=\\"rtl\\"] ._rtl\\\\:sm\\\\:text-right_7dkb0w) {
-      text-align: right;
-    }
     :global(._sm\\\\:text-xl_7dkb0w) {
       font-size: 1.25rem;
       line-height: 1.75rem;
     }
+    :global([dir=\\"rtl\\"] ._rtl\\\\:sm\\\\:text-right_7dkb0w) {
+      text-align: right;
+    }
   }
 </style>
 "
diff --git a/test/preset-tagify.test.ts b/test/preset-tagify.test.ts
index 45df0c1902..dac38570bf 100644
--- a/test/preset-tagify.test.ts
+++ b/test/preset-tagify.test.ts
@@ -52,18 +52,18 @@ describe('tagify', () => {
 
     expect((await uno.generate(code, { preflights: false })).css).toMatchInlineSnapshot(`
       "/* layer: shortcuts */
-      btn{padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;display:inline-block;--un-bg-opacity:1;background-color:rgba(13,148,136,var(--un-bg-opacity));border-radius:0.25rem;--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));cursor:pointer;}
-      btn:disabled{opacity:0.5;--un-bg-opacity:1;background-color:rgba(75,85,99,var(--un-bg-opacity));cursor:default;}
+      btn{padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;border-radius:0.25rem;display:inline-block;--un-bg-opacity:1;background-color:rgba(13,148,136,var(--un-bg-opacity));--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));cursor:pointer;}
       btn:hover{--un-bg-opacity:1;background-color:rgba(15,118,110,var(--un-bg-opacity));}
+      btn:disabled{cursor:default;--un-bg-opacity:1;background-color:rgba(75,85,99,var(--un-bg-opacity));opacity:0.5;}
       /* layer: default */
       .p2{padding:0.5rem;}
       m-1{margin:0.25rem;}
-      hover\\\\:color-red:hover,
       text-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
       text-green5\\\\:10{color:rgba(34,197,94,0.1);}
       flex{display:flex;}
       .h2{height:0.5rem;}
-      custom-rule{background-color:pink;}"
+      custom-rule{background-color:pink;}
+      hover\\\\:color-red:hover{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}"
     `)
   })
 
diff --git a/test/svelte-scoped.test.ts b/test/svelte-scoped.test.ts
index 62ba2bda10..b6965d58ec 100644
--- a/test/svelte-scoped.test.ts
+++ b/test/svelte-scoped.test.ts
@@ -104,9 +104,6 @@ describe('svelte-scoped', () => {
       "<div class=\\"uno-795nkx\\" />
 
       <style>
-        :global([dir=\\"rtl\\"] .uno-795nkx) {
-          right: 0rem;
-        }
         :global(.uno-795nkx) {
           margin-bottom: 0.25rem;
           font-size: 0.875rem;
@@ -117,6 +114,9 @@ describe('svelte-scoped', () => {
           margin-left: calc(0.25rem * calc(1 - var(--un-space-x-reverse)));
           margin-right: calc(0.25rem * var(--un-space-x-reverse));
         }
+        :global([dir=\\"rtl\\"] .uno-795nkx) {
+          right: 0rem;
+        }
       </style>
       "
     `)
@@ -126,9 +126,6 @@ describe('svelte-scoped', () => {
       />
 
       <style>
-        :global([dir=\\"rtl\\"] ._rtl\\\\:right-0_7dkb0w) {
-          right: 0rem;
-        }
         :global(._mb-1_7dkb0w) {
           margin-bottom: 0.25rem;
         }
@@ -141,6 +138,9 @@ describe('svelte-scoped', () => {
           font-size: 0.875rem;
           line-height: 1.25rem;
         }
+        :global([dir=\\"rtl\\"] ._rtl\\\\:right-0_7dkb0w) {
+          right: 0rem;
+        }
       </style>
       "
     `)
diff --git a/test/transformer-compile-class.test.ts b/test/transformer-compile-class.test.ts
index 708b852667..2d425184a3 100644
--- a/test/transformer-compile-class.test.ts
+++ b/test/transformer-compile-class.test.ts
@@ -43,11 +43,11 @@ describe('transformer-compile-class', () => {
     `)
     expect(result.css).toMatchInlineSnapshot(`
       "/* layer: shortcuts */
-      .uno-pe1esh{--un-scale-x:0.05;--un-scale-y:0.05;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));border-width:1px;border-style:solid;--un-border-opacity:1;border-color:rgba(229,231,235,var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(239,68,68,var(--un-bg-opacity));font-size:1.25rem;line-height:1.75rem;font-weight:700;}
-      .dark .uno-pe1esh:hover{--un-bg-opacity:1;background-color:rgba(34,197,94,var(--un-bg-opacity));}
+      .uno-pe1esh{--un-bg-opacity:1;background-color:rgba(239,68,68,var(--un-bg-opacity));border-width:1px;border-style:solid;--un-border-opacity:1;border-color:rgba(229,231,235,var(--un-border-opacity));font-weight:700;--un-scale-x:0.05;--un-scale-y:0.05;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));font-size:1.25rem;line-height:1.75rem;}
       .uno-cbgd7b{text-align:center;}
-      .uno-s9yxer{font-size:0.875rem;line-height:1.25rem;font-weight:700;}
+      .uno-s9yxer{font-weight:700;font-size:0.875rem;line-height:1.25rem;}
       .uno-s9yxer:hover{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));}
+      .dark .uno-pe1esh:hover{--un-bg-opacity:1;background-color:rgba(34,197,94,var(--un-bg-opacity));}
       @media (min-width: 640px){
       .uno-cbgd7b{text-align:left;}
       }"