1<!DOCTYPE html><html lang="en" class="dark" style=""><head><meta charset="utf-8"> 2<!-- This site is hosted on Netlify. Anyone can build and deploy a site 3 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=47f85697-8806-45e2-ad31-f8bb286f736e 4 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta name="viewport" content="width=device-width, initial-scale=1"><style id="nuxt-ui-colors">@layer base { 5 :root { 6 --ui-color-primary-50: var(--color-green-50, oklch(98.2% 0.018 155.826)); 7 --ui-color-primary-100: var(--color-green-100, oklch(96.2% 0.044 156.743)); 8 --ui-color-primary-200: var(--color-green-200, oklch(92.5% 0.084 155.995)); 9 --ui-color-primary-300: var(--color-green-300, oklch(87.1% 0.15 154.449)); 10 --ui-color-primary-400: var(--color-green-400, oklch(79.2% 0.209 151.711)); 11 --ui-color-primary-500: var(--color-green-500, oklch(72.3% 0.219 149.579)); 12 --ui-color-primary-600: var(--color-green-600, oklch(62.7% 0.194 149.214)); 13 --ui-color-primary-700: var(--color-green-700, oklch(52.7% 0.154 150.069)); 14 --ui-color-primary-800: var(--color-green-800, oklch(44.8% 0.119 151.328)); 15 --ui-color-primary-900: var(--color-green-900, oklch(39.3% 0.095 152.535)); 16 --ui-color-primary-950: var(--color-green-950, oklch(26.6% 0.065 152.934)); 17 --ui-color-secondary-50: var(--color-blue-50, oklch(97% 0.014 254.604)); 18 --ui-color-secondary-100: var(--color-blue-100, oklch(93.2% 0.032 255.585)); 19 --ui-color-secondary-200: var(--color-blue-200, oklch(88.2% 0.059 254.128)); 20 --ui-color-secondary-300: var(--color-blue-300, oklch(80.9% 0.105 251.813)); 21 --ui-color-secondary-400: var(--color-blue-400, oklch(70.7% 0.165 254.624)); 22 --ui-color-secondary-500: var(--color-blue-500, oklch(62.3% 0.214 259.815)); 23 --ui-color-secondary-600: var(--color-blue-600, oklch(54.6% 0.245 262.881)); 24 --ui-color-secondary-700: var(--color-blue-700, oklch(48.8% 0.243 264.376)); 25 --ui-color-secondary-800: var(--color-blue-800, oklch(42.4% 0.199 265.638)); 26 --ui-color-secondary-900: var(--color-blue-900, oklch(37.9% 0.146 265.522)); 27 --ui-color-secondary-950: var(--color-blue-950, oklch(28.2% 0.091 267.935)); 28 --ui-color-success-50: var(--color-green-50, oklch(98.2% 0.018 155.826)); 29 --ui-color-success-100: var(--color-green-100, oklch(96.2% 0.044 156.743)); 30 --ui-color-success-200: var(--color-green-200, oklch(92.5% 0.084 155.995)); 31 --ui-color-success-300: var(--color-green-300, oklch(87.1% 0.15 154.449)); 32 --ui-color-success-400: var(--color-green-400, oklch(79.2% 0.209 151.711)); 33 --ui-color-success-500: var(--color-green-500, oklch(72.3% 0.219 149.579)); 34 --ui-color-success-600: var(--color-green-600, oklch(62.7% 0.194 149.214)); 35 --ui-color-success-700: var(--color-green-700, oklch(52.7% 0.154 150.069)); 36 --ui-color-success-800: var(--color-green-800, oklch(44.8% 0.119 151.328)); 37 --ui-color-success-900: var(--color-green-900, oklch(39.3% 0.095 152.535)); 38 --ui-color-success-950: var(--color-green-950, oklch(26.6% 0.065 152.934)); 39 --ui-color-info-50: var(--color-blue-50, oklch(97% 0.014 254.604)); 40 --ui-color-info-100: var(--color-blue-100, oklch(93.2% 0.032 255.585)); 41 --ui-color-info-200: var(--color-blue-200, oklch(88.2% 0.059 254.128)); 42 --ui-color-info-300: var(--color-blue-300, oklch(80.9% 0.105 251.813)); 43 --ui-color-info-400: var(--color-blue-400, oklch(70.7% 0.165 254.624)); 44 --ui-color-info-500: var(--color-blue-500, oklch(62.3% 0.214 259.815)); 45 --ui-color-info-600: var(--color-blue-600, oklch(54.6% 0.245 262.881)); 46 --ui-color-info-700: var(--color-blue-700, oklch(48.8% 0.243 264.376)); 47 --ui-color-info-800: var(--color-blue-800, oklch(42.4% 0.199 265.638)); 48 --ui-color-info-900: var(--color-blue-900, oklch(37.9% 0.146 265.522)); 49 --ui-color-info-950: var(--color-blue-950, oklch(28.2% 0.091 267.935)); 50 --ui-color-warning-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212)); 51 --ui-color-warning-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193)); 52 --ui-color-warning-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54)); 53 --ui-color-warning-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111)); 54 --ui-color-warning-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936)); 55 --ui-color-warning-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047)); 56 --ui-color-warning-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834)); 57 --ui-color-warning-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442)); 58 --ui-color-warning-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907)); 59 --ui-color-warning-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708)); 60 --ui-color-warning-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813)); 61 --ui-color-error-50: var(--color-red-50, oklch(97.1% 0.013 17.38)); 62 --ui-color-error-100: var(--color-red-100, oklch(93.6% 0.032 17.717)); 63 --ui-color-error-200: var(--color-red-200, oklch(88.5% 0.062 18.334)); 64 --ui-color-error-300: var(--color-red-300, oklch(80.8% 0.114 19.571)); 65 --ui-color-error-400: var(--color-red-400, oklch(70.4% 0.191 22.216)); 66 --ui-color-error-500: var(--color-red-500, oklch(63.7% 0.237 25.331)); 67 --ui-color-error-600: var(--color-red-600, oklch(57.7% 0.245 27.325)); 68 --ui-color-error-700: var(--color-red-700, oklch(50.5% 0.213 27.518)); 69 --ui-color-error-800: var(--color-red-800, oklch(44.4% 0.177 26.899)); 70 --ui-color-error-900: var(--color-red-900, oklch(39.6% 0.141 25.723)); 71 --ui-color-error-950: var(--color-red-950, oklch(25.8% 0.092 26.042)); 72 --ui-color-neutral-50: var(--color-slate-50, oklch(98.4% 0.003 247.858)); 73 --ui-color-neutral-100: var(--color-slate-100, oklch(96.8% 0.007 247.896)); 74 --ui-color-neutral-200: var(--color-slate-200, oklch(92.9% 0.013 255.508)); 75 --ui-color-neutral-300: var(--color-slate-300, oklch(86.9% 0.022 252.894)); 76 --ui-color-neutral-400: var(--color-slate-400, oklch(70.4% 0.04 256.788)); 77 --ui-color-neutral-500: var(--color-slate-500, oklch(55.4% 0.046 257.417)); 78 --ui-color-neutral-600: var(--color-slate-600, oklch(44.6% 0.043 257.281)); 79 --ui-color-neutral-700: var(--color-slate-700, oklch(37.2% 0.044 257.287)); 80 --ui-color-neutral-800: var(--color-slate-800, oklch(27.9% 0.041 260.031)); 81 --ui-color-neutral-900: var(--color-slate-900, oklch(20.8% 0.042 265.755)); 82 --ui-color-neutral-950: var(--color-slate-950, oklch(12.9% 0.042 264.695)); 83 } 84 :root, .light { 85 --ui-primary: var(--ui-color-primary-500); 86 --ui-secondary: var(--ui-color-secondary-500); 87 --ui-success: var(--ui-color-success-500); 88 --ui-info: var(--ui-color-info-500); 89 --ui-warning: var(--ui-color-warning-500); 90 --ui-error: var(--ui-color-error-500); 91 } 92 .dark { 93 --ui-primary: var(--ui-color-primary-400); 94 --ui-secondary: var(--ui-color-secondary-400); 95 --ui-success: var(--ui-color-success-400); 96 --ui-info: var(--ui-color-info-400); 97 --ui-warning: var(--ui-color-warning-400); 98 --ui-error: var(--ui-color-error-400); 99 } 100}</style><title>UnoCSS Preset Nuxt UI</title><link rel="stylesheet" href="/_nuxt/entry.CUkVuc0Z.css" crossorigin><style>@layer components {:where(.i-emojione-v1\:flag-for-vietnam){display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='64' height='64'%3E%3Cpath fill='%23ec1c24' d='M64 44c0 6.075-3.373 11-10 11
100H10C3.373 55 0 50.075 0 44V22c0-6.075 3.373-11 10-11h44c6.627 0 10 4.925 10 11z'/%3E%3Cpath fill='%23f9cb38' d='m45.43 28.963l-9.997.015l-3.103-10.114l-3.08 10.114l-10.01-.015l8.106 6.157l-3.14 10.05l8.13-6.241l8.147 6.241l-3.147-10.05z'/%3E%3C/svg%3E")}:where(.i-lucide\:chevron-down){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E")}:where(.i-lucide\:external-link){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E")}:where(.i-lucide\:github){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5c.08-1.25-.27-2.48-1-3.5c.28-1.15.28-2.35 0-3.5c0 0-1 0-3 1.5c-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.4 5.4 0 0 0 4 9c0 3.5 3 5.5 6 5.5c-.39.49-.68 1.05-.85 1.65S8.93 17.38 9 18v4'/%3E%3Cpath d='M9 18c-4.51 2-5-2-7-2'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:sun){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E")}}</style><link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json?f7803efa-7cdf-449b-9afa-f583ebdbc842"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/C6VnJgHs.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CwH-bCQZ.js"><link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/f7803efa-7cdf-449b-9afa-f583ebdbc842.json"><meta name="description" content="Use your favorite CSS engine UnoCSS with your favorite UI library Nuxt UI">
100<script type="module" src="/_nuxt/C6VnJgHs.js" crossorigin></script>
100<script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script>
100</head><body><div id="__nuxt" class="isolate"><!--[--><!--[--><!--[--><!--[--><!--[--><!--[--><div class="flex flex-col items-center"><div class="text-center flex flex-col"><h1 class="text-6xl font-bold mt-6xl"> UnoCSS Preset Nuxt UI </h1><p class="text-dimmed"> Use your favorite CSS engine <a class="text-primary underline decoration-dashed" href="https://unocss.dev" target="_blank" rel="noopener" aria-label="UnoCSS website">UnoCSS</a> with your favorite UI library <a class="text-primary underline decoration-dashed" href="https://ui.nuxt.com" target="_blank" rel="noopener" aria-label="Nuxt UI website">Nuxt UI</a></p></div><div class="mt-6xl flex gap-lg items-center justify-center"><!--[--><!--[--><button type="button" aria-label="Toggle dark mode" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-default bg-elevated hover:bg-accented/75 active:bg-accented/75 focus:outline-none focus-visible:bg-accented/75 disabled:bg-elevated aria-disabled:bg-elevated p-1.5"><!--[--><!--[--><span class="iconify i-lucide:sun shrink-0 size-5" aria-hidden="true" style=""></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><a href="https://github.com/lehuuphuc/unocss-preset-nuxt-ui" rel="noopener" target="_blank" aria-label="UnoCSS Preset Nuxt UI on GitHub" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-default bg-elevated hover:bg-accented/75 active:bg-accented/75 focus:outline-none focus-visible:bg-accented/75 disabled:bg-elevated aria-disabled:bg-elevated p-1.5"><!--[--><!--[--><span class="iconify i-lucide:github shrink-0 size-5" aria-hidden="true" style=""></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><!--[--><!--[--><button type="button" aria-label="Vietnam" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary p-0 gap-0 dark:opacity-90 [&>span]:size-11 dark:hover:opacity-100"><!--[--><!--[--><span class="iconify i-emojione-v1:flag-for-vietnam shrink-0 size-5" aria-hidden="true" style=""></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--></div><div class="mt-6xl flex flex-wrap gap-lg items-center justify-center"><!--[--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[-->Primary<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-secondary hover:bg-secondary/75 active:bg-secondary/75 disabled:bg-secondary aria-disabled:bg-secondary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary"><!--[--><!--[--><!----><!--]--><!--[-->Secondary<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-success hover:bg-success/75 active:bg-success/75 disabled:bg-success aria-disabled:bg-success focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success"><!--[--><!--[--><!----><!--]--><!--[-->Success<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-info hover:bg-info/75 active:bg-info/75 disabled:bg-info aria-disabled:bg-info focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info"><!--[--><!--[--><!----><!--]--><!--[-->Info<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-warning hover:bg-warning/75 active:bg-warning/75 disabled:bg-warning aria-disabled:bg-warning focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning"><!--[--><!--[--><!----><!--]--><!--[-->Warning<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-error hover:bg-error/75 active:bg-error/75 disabled:bg-error aria-disabled:bg-error focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error"><!--[--><!--[--><!----><!--]--><!--[-->Error<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-inverted hover:bg-inverted/90 active:bg-inverted/90 disabled:bg-inverted aria-disabled:bg-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted"><!--[--><!--[--><!----><!--]--><!--[-->Neutral<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--]--></div><div class="mt-lg flex flex-wrap gap-lg items-center justify-center"><!--[--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[-->Solid<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 ring ring-inset ring-primary/50 text-primary hover:bg-primary/10 active:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Outline<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-primary bg-primary/10 hover:bg-primary/15 active:bg-primary/15 focu
100s:outline-none focus-visible:bg-primary/15 disabled:bg-primary/10 aria-disabled:bg-primary/10"><!--[--><!--[--><!----><!--]--><!--[-->Soft<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-primary ring ring-inset ring-primary/25 bg-primary/10 hover:bg-primary/15 active:bg-primary/15 disabled:bg-primary/10 aria-disabled:bg-primary/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Subtle<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-primary hover:bg-primary/10 active:bg-primary/10 focus:outline-none focus-visible:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[-->Ghost<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Link<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--]--><!--[--><!--[--><button type="button" disabled class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--> Disabled <!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--></div><div class="mt-6xl flex flex-wrap gap-lg max-w-200 items-center justify-center"><!--[--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-default ring ring-inset ring-accented focus:ring-2 focus:ring-inset focus:ring-primary pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-0" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">Outline</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50 pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-1" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">Soft</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[-->
100<span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-elevated ring ring-inset ring-accented focus:ring-2 focus:ring-inset focus:ring-primary pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-2" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">Subtle</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-3" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">Ghost</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-transparent pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-4" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">None</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--]--></div><div class="mt-6xl"><!--[--><!--[--><a href="https://nuxt-ui-unocss-playground.netlify.app" rel="noopener noreferrer" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary underline decoration-dashed"><!--[--><!--[--><!----><!--]--><!--[--> View Full Playground <!--]--><!--[--><span class="iconify i-lucide:external-link shrink-0 size-4" aria-hidden="true" style=""></span><!--]--><!--]--></a>
100<!--]--><!--]--></div><div class="translate-x---xxx translate-y---xxx transform---xxx top---xxx left---xxx right---xxx bottom---xxx w---xxx h---xxx z---xxx min-w---xxx min-h---xxx max-w---xxx max-h---xxx origin---xxx gap---xxx [--gap:--spacing(16)]"></div></div><!--]--><!--]--><!--]--><!--[--><!--]--><!--v-if--><!--]--><!--[--><!--]--><!--]--><!--]--></div><div id="teleports"></div>
100<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/_payload.json?f7803efa-7cdf-449b-9afa-f583ebdbc842">[{"state":1,"once":8,"_errors":9,"serverRendered":5,"path":11,"prerenderedAt":12},["Reactive",2],{"$scolor-mode":3,"$stoasts":7},{"preference":4,"value":4,"unknown":5,"forced":6},"system",true,false,[],["Set"],["ShallowReactive",10],{},"/",1764907397372]</script>
100<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"f7803efa-7cdf-449b-9afa-f583ebdbc842",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
100</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.