1<!DOCTYPE html><html><head><meta charset="utf-8"> 2<meta name="viewport" content="width=device-width, initial-scale=1"> 3<title>Use with AI (MCP) - Iconsax</title> 4<style>@import "https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap";:root{--border:37,37,37;--color:255,255,255;--bg:0,0,0}.scroll-nice::-webkit-scrollbar{width:10px}body::-webkit-scrollbar{width:10px}.scroll-nice::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-track{background:0 0}.scroll-nice::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(var(--color),.2);border-right:6px solid #0000;border-radius:20px;transition:all .3s}body::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(var(--color),.2);border-right:6px solid #0000;border-radius:20px;transition:all .3s}.scroll-nice::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color),1)}body::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color),1)}.even\:bg-muted\/50:nth-child(2n){background:0 0!important}header.sticky{border-bottom:1px solid #252525!important}body{background:rgba(var(--bg),1);color:rgba(var(--color),1);font-optical-sizing:auto;font-style:normal;font-family:Outfit,sans-serif!important}body ol li,body ul li{color:rgba(var(--color),.6)!important}body ol li b,body ol li strong,body ul li b,body ul li strong{color:rgba(var(--color),1)!important;font-size:14px!important}body h1{font-size:2.5rem!important}body h1,body h2{font-weight:500!important}body h2{font-size:1.5rem!important}body h3{font-size:1.25rem!important;font-weight:500!important}body p{color:rgba(var(--color),.6);font-size:14px!important;font-weight:300!important}body p b,body p strong{color:rgba(var(--color),1)!important;font-size:14px!important;font-weight:500!important}body table tr th{font-size:14px;font-weight:400!important}body table tr td{font-size:14px;font-weight:400}body table tr td img{width:20px;min-width:20px;display:inline-block;margin:0!important}.text-popover-foreground{background:#000;border-radius:20px}aside{border-right:1px solid #252525!important}main{padding-top:0!important}main .mx-auto.w-full.min-w-0{padding-top:20px}main .hidden.text-sm{padding-left:20px;border-left:1px solid #252525!important}.dark .theme-zinc{--background:0 0% 0%}.sub-item-aside{border-radius:12px;transition:all .25s}.sub-item-aside.router-link-exact-active{background:rgba(var(--color),.07)!important}</style> 5<style>html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-zinc{--background:0 0% 100%;--foreground:240 10% 3.9%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--border:240 5.9% 90%;--input:240 5.9% 90%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--ring:240 5.9% 10%;--radius:.5rem}.dark .theme-zinc{--background:240 10% 3.9%;--foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--ring:240 4.9% 83.9%}.theme-slate{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--ring:222.2 84% 4.9%;--radius:.5rem}.dark .theme-slate{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--ring:212.7 26.8% 83.9}.theme-stone{--background:0 0% 100%;--foreground:20 14.3% 4.1%;--muted:60 4.8% 95.9%;--muted-foreground:25 5.3% 44.7%;--popover:0 0% 100%;--popover-foreground:20 14.3% 4.1%;--card:0 0% 100%;--card-foreground:20 14.3% 4.1%;--border:20 5.9% 90%;--input:20 5.9% 90%;--primary:24 9.8% 10%;--primary-foreground:60 9.1% 97.8%;--secondary:60 4.8% 95.9%;--secondary-foreground:24 9.8% 10%;--accent:60 4.8% 95.9%;--accent-foreground:24 9.8% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:60 9.1% 97.8%;--ring:20 14.3% 4.1%;--radius:.5rem}.dark .theme-stone{--background:20 14.3% 4.1%;--foreground:60 9.1% 97.8%;--muted:12 6.5% 15.1%;--muted-foreground:24 5.4% 63.9%;--popover:20 14.3% 4.1%;--popover-foreground:60 9.1% 97.8%;--card:20 14.3% 4.1%;--card-foreground:60 9.1% 97.8%;--border:12 6.5% 15.1%;--input:12 6.5% 15.1%;--primary:60 9.1% 97.8%;--primary-foreground:24 9.8% 10%;--secondary:12 6.5% 15.1%;--secondary-foreground:60 9.1% 97.8%;--accent:12 6.5% 15.1%;--accent-foreground:60 9.1% 97.8%;--destructive:0 62.8% 30.6%;--destructive-foreground:60 9.1% 97.8%;--ring:24 5.7% 82.9%}.theme-gray{--background:0 0% 100%;--foreground:224 71.4% 4.1%;--muted:220 14.3% 95.9%;--muted-foreground:220 8.9% 46.1%;--popover:0 0% 100%;--popover-foreground:224 71.4% 4.1%;--card:0 0% 100%;--card-foreground:224 71.4% 4.1%;--border:220 13% 91%;--input:220 13% 91%;--primary:220.9 39.3% 11%;--primary-foreground:210 20% 98%;--secondary:220 14.3% 95.9%;--secondary-foreground:220.9 39.3% 11%;--accent:220 14.3% 95.9%;--accent-foreground:220.9 39.3% 11%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 20% 98%;--ring:224 71.4% 4.1%;--radius:.5rem}.dark .theme-gray{--background:224 71.4% 4.1%;--foreground:210 20% 98%;--muted:215 27.9% 16.9%;--muted-foreground:217.9 10.6% 64.9%;--popover:224 71.4% 4.1%;--popover-foreground:210 20% 98%;--card:224 71.4% 4.1%;--card-foreground:210 20% 98%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--primary:210 20% 98%;--primary-foreground:220.9 39.3% 11%;--secondary:215 27.9% 16.9%;--secondary-foreground:210 20% 98%;--accent:215 27.9% 16.9%;--accent-foreground:210 20% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 20% 98%;--ring:216 12.2% 83.9%}.theme-neutral{--background:0 0% 100%;--foreground:0 0% 3.9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--border:0 0% 89.8%;--input:0 0% 89.8%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--ring:0 0% 3.9%;--radius:.5rem}.dark .theme-neutral{--background:0 0% 3.9%;--foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--ring:0 0% 83.1%}
5.theme-red{--background:0 0% 100%;--foreground:0 0% 3.9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--border:0 0% 89.8%;--input:0 0% 89.8%;--primary:0 72.2% 50.6%;--primary-foreground:0 85.7% 97.3%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--ring:0 72.2% 50.6%;--radius:.5rem}.dark .theme-red{--background:0 0% 3.9%;--foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--primary:0 72.2% 50.6%;--primary-foreground:0 85.7% 97.3%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--ring:0 72.2% 50.6%}.theme-rose{--background:0 0% 100%;--foreground:240 10% 3.9%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--border:240 5.9% 90%;--input:240 5.9% 90%;--primary:346.8 77.2% 49.8%;--primary-foreground:355.7 100% 97.3%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--ring:346.8 77.2% 49.8%;--radius:.5rem}.dark .theme-rose{--background:20 14.3% 4.1%;--foreground:0 0% 95%;--muted:0 0% 15%;--muted-foreground:240 5% 64.9%;--popover:0 0% 9%;--popover-foreground:0 0% 95%;--card:24 9.8% 10%;--card-foreground:0 0% 95%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--primary:346.8 77.2% 49.8%;--primary-foreground:355.7 100% 97.3%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--accent:12 6.5% 15.1%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 85.7% 97.3%;--ring:346.8 77.2% 49.8%}.theme-orange{--background:0 0% 100%;--foreground:20 14.3% 4.1%;--muted:60 4.8% 95.9%;--muted-foreground:25 5.3% 44.7%;--popover:0 0% 100%;--popover-foreground:20 14.3% 4.1%;--card:0 0% 100%;--card-foreground:20 14.3% 4.1%;--border:20 5.9% 90%;--input:20 5.9% 90%;--primary:24.6 95% 53.1%;--primary-foreground:60 9.1% 97.8%;--secondary:60 4.8% 95.9%;--secondary-foreground:24 9.8% 10%;--accent:60 4.8% 95.9%;--accent-foreground:24 9.8% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:60 9.1% 97.8%;--ring:24.6 95% 53.1%;--radius:.5rem}.dark .theme-orange{--background:20 14.3% 4.1%;--foreground:60 9.1% 97.8%;--muted:12 6.5% 15.1%;--muted-foreground:24 5.4% 63.9%;--popover:20 14.3% 4.1%;--popover-foreground:60 9.1% 97.8%;--card:20 14.3% 4.1%;--card-foreground:60 9.1% 97.8%;--border:12 6.5% 15.1%;--input:12 6.5% 15.1%;--primary:20.5 90.2% 48.2%;--primary-foreground:60 9.1% 97.8%;--secondary:12 6.5% 15.1%;--secondary-foreground:60 9.1% 97.8%;--accent:12 6.5% 15.1%;--accent-foreground:60 9.1% 97.8%;--destructive:0 72.2% 50.6%;--destructive-foreground:60 9.1% 97.8%;--ring:20.5 90.2% 48.2%}.theme-green{--background:0 0% 100%;--foreground:240 10% 3.9%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--border:240 5.9% 90%;--input:240 5.9% 90%;--primary:142.1 76.2% 36.3%;--primary-foreground:355.7 100% 97.3%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--ring:142.1 76.2% 36.3%;--radius:.5rem}.dark .theme-green{--background:20 14.3% 4.1%;--foreground:0 0% 95%;--muted:0 0% 15%;--muted-foreground:240 5% 64.9%;--popover:0 0% 9%;--popover-foreground:0 0% 95%;--card:24 9.8% 10%;--card-foreground:0 0% 95%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--primary:142.1 70.6% 45.3%;--primary-foreground:144.9 80.4% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--accent:12 6.5% 15.1%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 85.7% 97.3%;--ring:142.4 71.8% 29.2%}.theme-blue{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;
5--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--ring:221.2 83.2% 53.3%;--radius:.5rem}.dark .theme-blue{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--primary:217.2 91.2% 59.8%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--ring:224.3 76.3% 48%}.theme-yellow{--background:0 0% 100%;--foreground:20 14.3% 4.1%;--muted:60 4.8% 95.9%;--muted-foreground:25 5.3% 44.7%;--popover:0 0% 100%;--popover-foreground:20 14.3% 4.1%;--card:0 0% 100%;--card-foreground:20 14.3% 4.1%;--border:20 5.9% 90%;--input:20 5.9% 90%;--primary:47.9 95.8% 53.1%;--primary-foreground:26 83.3% 14.1%;--secondary:60 4.8% 95.9%;--secondary-foreground:24 9.8% 10%;--accent:60 4.8% 95.9%;--accent-foreground:24 9.8% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:60 9.1% 97.8%;--ring:20 14.3% 4.1%;--radius:.5rem}.dark .theme-yellow{--background:20 14.3% 4.1%;--foreground:60 9.1% 97.8%;--muted:12 6.5% 15.1%;--muted-foreground:24 5.4% 63.9%;--popover:20 14.3% 4.1%;--popover-foreground:60 9.1% 97.8%;--card:20 14.3% 4.1%;--card-foreground:60 9.1% 97.8%;--border:12 6.5% 15.1%;--input:12 6.5% 15.1%;--primary:47.9 95.8% 53.1%;--primary-foreground:26 83.3% 14.1%;--secondary:12 6.5% 15.1%;--secondary-foreground:60 9.1% 97.8%;--accent:12 6.5% 15.1%;--accent-foreground:60 9.1% 97.8%;--destructive:0 62.8% 30.6%;--destructive-foreground:60 9.1% 97.8%;--ring:35.5 91.7% 32.9%}.theme-violet{--background:0 0% 100%;--foreground:224 71.4% 4.1%;--muted:220 14.3% 95.9%;--muted-foreground:220 8.9% 46.1%;--popover:0 0% 100%;--popover-foreground:224 71.4% 4.1%;--card:0 0% 100%;--card-foreground:224 71.4% 4.1%;--border:220 13% 91%;--input:220 13% 91%;--primary:262.1 83.3% 57.8%;--primary-foreground:210 20% 98%;--secondary:220 14.3% 95.9%;--secondary-foreground:220.9 39.3% 11%;--accent:220 14.3% 95.9%;--accent-foreground:220.9 39.3% 11%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 20% 98%;--ring:262.1 83.3% 57.8%;--radius:.5rem}.dark .theme-violet{--background:224 71.4% 4.1%;--foreground:210 20% 98%;--muted:215 27.9% 16.9%;--muted-foreground:217.9 10.6% 64.9%;--popover:224 71.4% 4.1%;--popover-foreground:210 20% 98%;--card:224 71.4% 4.1%;--card-foreground:210 20% 98%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--primary:263.4 70% 50.4%;--primary-foreground:210 20% 98%;--secondary:215 27.9% 16.9%;--secondary-foreground:210 20% 98%;--accent:215 27.9% 16.9%;--accent-foreground:210 20% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 20% 98%;--ring:263.4 70% 50.4%}</style> 6<style>/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */ 7@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:after,:before{--tw-border-style:solid;--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;
7--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:host,:root{--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-900:#82181a;--color-red-950:#460809;--color-amber-50:#fffbeb;--color-amber-100:#fef3c6;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-900:#7b3306;--color-amber-950:#461901;--color-yellow-500:#edb200;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-900:#0d542b;--color-green-950:#032e15;--color-sky-50:#f0f9ff;--color-sky-100:#dff2fe;--color-sky-400:#00bcfe;--color-sky-500:#00a5ef;--color-sky-600:#0084cc;--color-sky-900:#024a70;--color-sky-950:#052f4a;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-900:#1c398e;--color-blue-950:#162456;--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-500:#8d54ff;--color-violet-600:#7f22fe;--color-violet-900:#4d179a;--color-violet-950:#2f0d68;--color-gray-200:#e5e7eb;--color-zinc-100:#f4f4f5;--color-zinc-400:#9f9fa9;--color-zinc-500:#71717b;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}@supports (color:color(display-p3 0 0 0)){:host,:root{--color-red-50:color(display-p3 .988669 .951204 .950419);--color-red-100:color(display-p3 .980386 .889727 .887779);--color-red-300:color(display-p3 .956922 .651886 .645122);--color-red-400:color(display-p3 .933534 .431676 .423491);--color-red-500:color(display-p3 .903738 .262579 .253307);--color-red-600:color(display-p3 .830323 .140383 .133196);--color-red-900:color(display-p3 .466906 .133198 .12139);--color-red-950:color(display-p3 .25064 .0550983 .0468818);--color-amber-50:color(display-p3 .997804 .985047 .926312);--color-amber-100:color(display-p3 .989391 .954583 .796328);--color-amber-400:color(display-p3 .959186 .738519 .118268);--color-amber-500:color(display-p3 .93994 .620584 .0585367);--color-amber-600:color(display-p3 .827144 .467166 .0336006);--color-amber-900:color(display-p3 .445958 .216422 .0823321);--color-amber-950:color(display-p3 .252662 .109091 .026881);--color-yellow-500:color(display-p3 .903651 .703062 .0745389);--color-green-50:color(display-p3 .950677 .990571 .959366);--color-green-100:color(display-p3 .885269 .984329 .910368);--color-green-400:color(display-p3 .399536 .862346 .49324);--color-green-500:color(display-p3 .308734 .774754 .374307);--color-green-600:color(display-p3 .243882 .640824 .294808);--color-green-900:color(display-p3 .147288 .323577 .185694);--color-green-950:color(display-p3 .0670178 .177818 .0930111);--color-sky-50:color(display-p3 .946501 .975402 .998336);--color-sky-100:color(display-p3 .889195 .946622 .992447);--color-sky-400:color(display-p3 .305975 .725011 .980173);--color-sky-500:color(display-p3 .219113 .639027 .931479);--color-sky-600:color(display-p3 .162505 .509376 .796082);--color-sky-900:color(display-p3 .115471 .285486 .428673);--color-sky-950:color(display-p3 .0726429 .180783 .28188);--color-blue-50:color(display-p3 .941826 .963151 .995385);--color-blue-100:color(display-p3 .869214 .915931 .989622);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-blue-600:color(display-p3 .174493 .358974 .950247);--color-blue-900:color(display-p3 .136395 .219428 .537145);--color-blue-950:color(display-p3 .0993202 .141621 .323413);--color-violet-50:color(display-p3 .959212 .95304 .995713);--color-violet-100:color(display-p3 .926222 .913546 .990178);--color-violet-500:color(display-p3 .523372 .329605 .990884);--color-violet-600:color(display-p3 .459951 .162666 .957985);--color-violet-900:color(display-p3 .277841 .103712 .580169);--color-violet-950:color(display-p3 .166776 .0591626 .389813);--color-gray-200:color(display-p3 .899787 .906171 .92106);--color-zinc-100:color(display-p3 .956385 .956385 .959079);--color-zinc-400:color(display-p3 .622604 .622563 .659842);--color-zinc-500:color(display-p3 .442983 .442931 .480324);--color-zinc-900:color(display-p3 .0937957 .093793 .104806);--color-zinc-950:color(display-p3 .0353716 .0353595 .0435539)}}@supports (color:lab(0% 0 0)){:host,:root{--color-red-50:lab(96.5005% 4.18508 1.52329);
7--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-red-950:lab(13.003% 29.04 16.7519);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-100:lab(95.916% -1.2165 23.111);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8671 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-amber-950:lab(15.8111% 20.9107 23.3752);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-green-50:lab(98.1563% -5.60117 2.75913);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-400:lab(78.503% -64.9264 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-900:lab(30.797% -29.6927 17.382);--color-green-950:lab(15.6845% -20.4225 11.7249);--color-sky-50:lab(97.3623% -2.33802 -4.13098);--color-sky-100:lab(94.3709% -4.56053 -8.23453);--color-sky-400:lab(70.687% -23.6078 -45.9483);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-sky-600:lab(51.7754% -11.4712 -49.8349);--color-sky-900:lab(29.1959% -8.34689 -28.2453);--color-sky-950:lab(17.8299% -5.31271 -21.1584);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-blue-950:lab(15.6723% 8.86232 -32.2945);--color-violet-50:lab(96.2416% 2.28849 -5.51657);--color-violet-100:lab(93.0838% 4.35197 -9.88284);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-violet-900:lab(24.3783% 45.7525 -61.4902);--color-violet-950:lab(14.0706% 33.3353 -46.7553);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-900:lab(8.30603% .618212 -2.16573);--color-zinc-950:lab(2.51107% .242703 -.886115)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:Geist;line-height:1.5}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:Geist Mono;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}
7::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before{border-color:var(--color-gray-200,currentcolor)}::backdrop{border-color:var(--color-gray-200,currentcolor)}::-webkit-file-upload-button{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:221.2 83.2% 53.3%;--radius:.5rem}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:217.2 91.2% 59.8%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:224.3 76.3% 48%}*{border-color:hsl(var(--border));outline-color:hsl(var(--ring))}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,hsl(var(--ring))50%,transparent)}}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.step{counter-increment:step}.step:before{background-color:hsl(var(--muted));border-color:hsl(var(--background));border-style:var(--tw-border-style);font-family:Geist Mono;font-size:var(--text-base);height:calc(var(--spacing)*9);line-height:var(--tw-leading,var(--text-base--line-height));text-align:center;text-indent:-1px;width:calc(var(--spacing)*9);--tw-font-weight:var(--font-weight-medium);content:counter(step);font-weight:var(--font-weight-medium);margin-left:-50px;margin-top:calc(var(--spacing)*-1);border-width:4px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.absolute,.step:before{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-\[60\%\]{top:60%}.top-\[70px\]{top:70px}.top-\[102px\]{top:102px}.top-full{top:100%}.top-px{top:1px}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-\[var\(--reka-navigation-menu-viewport-left\)\]{left:var(--reka-navigation-menu-viewport-left)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-100{z-index:100}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.order-first{order:-9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.container{margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:2rem;padding-inline-end:2rem}@media (min-width:40rem){.container{max-width:none}}@media (min-width:1400px){.container{max-width:1400px}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline-start:auto;margin-inline-end:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-16{margin-top:calc(var(--spacing)*16)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-\[2px\]{margin-bottom:2px}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.\!block{display:block!important}.block{display:block}.contents{display:contents}
7.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-1\.5{height:calc(var(--spacing)*1.5);width:calc(var(--spacing)*1.5)}.size-2{height:calc(var(--spacing)*2);width:calc(var(--spacing)*2)}.size-3{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.size-3\.5{height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*3.5)}.size-4{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.size-5{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.size-6{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.size-7{height:calc(var(--spacing)*7);width:calc(var(--spacing)*7)}.size-8{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.size-10{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.size-16{height:calc(var(--spacing)*16);width:calc(var(--spacing)*16)}.size-32{height:calc(var(--spacing)*32);width:calc(var(--spacing)*32)}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-\[1px\]{height:1px}.h-\[calc\(100vh-2rem\)\]{height:calc(100vh - 2rem)}.h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}.h-\[calc\(100vh-4\.5rem\)\]{height:calc(100vh - 4.5rem)}.h-\[var\(--reka-navigation-menu-viewport-height\)\]{height:var(--reka-navigation-menu-viewport-height)}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[300px\]{max-height:300px}.max-h-screen{max-height:100vh}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-5{min-height:calc(var(--spacing)*5)}.min-h-6{min-height:calc(var(--spacing)*6)}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-9{width:calc(var(--spacing)*9)}.w-20{width:calc(var(--spacing)*20)}.w-72{width:calc(var(--spacing)*72)}.w-\[1px\]{width:1px}.w-\[23rem\]{width:23rem}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[750px\]{max-width:750px}.max-w-\[980px\]{max-width:980px}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-4{min-width:calc(var(--spacing)*4)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-32{min-width:calc(var(--spacing)*32)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\/3{flex-basis:33.3333%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%}.scale-0,.scale-100{scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fit\,_minmax\(270px\,_1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;
7margin-block-start:calc(var(--spacing)*1.5*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*1.5*(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing)*10*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*10*(1 - var(--tw-space-y-reverse)))}.gap-x-1{-moz-column-gap:calc(var(--spacing)*1);column-gap:calc(var(--spacing)*1)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing)*4*var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse)))}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.gap-y-2{row-gap:calc(var(--spacing)*2)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-end-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-style:var(--tw-border-style)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#adfa1d\]{border-color:#adfa1d}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-500{border-color:var(--color-blue-500)}.border-border{border-color:hsl(var(--border))}.border-destructive,.border-destructive\/50{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,hsl(var(--destructive))50%,transparent)}}.border-green-500{border-color:var(--color-green-500)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-red-500{border-color:var(--color-red-500)}.border-sky-500{border-color:var(--color-sky-500)}.border-transparent{border-color:#0000}.border-violet-500{border-color:var(--color-violet-500)}.border-t-transparent{border-top-color:#0000}.border-b-transparent{border-bottom-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#adfa1d\]{background-color:#adfa1d}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-background,.bg-background\/80{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){.bg-background\/80{background-color:color-mix(in oklab,hsl(var(--background))80%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-current{background-color:currentColor}.bg-destructive{background-color:hsl(var(--destructive))}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-muted,.bg-muted\/30{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,hsl(var(--muted))30%,transparent)}}.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,hsl(var(--muted))50%,transparent)}}.bg-popover{background-color:hsl(var(--popover))}.bg-primary,.bg-primary\/80{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.bg-primary\/80{background-color:color-mix(in oklab,hsl(var(--primary))80%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-white{background-color:var(--color-white)}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-muted{--tw-gradient-from:hsl(var(--muted));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
7(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-2{padding:calc(var(--spacing)*2)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-16{padding:calc(var(--spacing)*16)}.p-px{padding:1px}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-\[0\.3rem\]{padding-inline-start:.3rem;padding-inline-end:.3rem}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-\[0\.2rem\]{padding-block-start:.2rem;padding-block-end:.2rem}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-14{padding-bottom:calc(var(--spacing)*14)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:Geist Mono}.font-sans{font-family:Geist}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.\!text-primary{color:hsl(var(--primary))!important}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground,.text-foreground\/50{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,hsl(var(--foreground))50%,transparent)}}.text-foreground\/70{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-foreground\/70{color:color-mix(in oklab,hsl(var(--foreground))70%,transparent)}}.text-foreground\/80{color:hsl(var(--foreground))}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,hsl(var(--foreground))80%,transparent)}}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sky-500{color:var(--color-sky-500)}.text-sky-600{color:var(--color-sky-600)}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-900{color:var(--color-zinc-900)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-foreground{accent-color:hsl(var(--foreground))}.opacity-0{opacity:0}
7.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-none{--tw-shadow:0 0 #0000}.shadow-none,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-none{transition-property:none}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[counter-reset\:step\]{counter-reset:step}.duration-75{animation-duration:75ms}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-has-\[div\]\:\!mt-0:-webkit-any(:where(.group):has(:-webkit-any(div)) *){margin-top:calc(var(--spacing)*0)!important}.group-has-\[div\]\:\!mt-0:-moz-any(:where(.group):has(:-moz-any(div)) *){margin-top:calc(var(--spacing)*0)!important}.group-has-\[div\]\:\!mt-0:is(:where(.group):has(:is(div)) *){margin-top:calc(var(--spacing)*0)!important}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color:color-mix(in oklab,hsl(var(--muted))40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.even\:bg-muted\/50:nth-child(2n){background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.even\:bg-muted\/50:nth-child(2n){background-color:color-mix(in oklab,hsl(var(--muted))50%,transparent)}}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-\[\#adfa1d\]:hover{background-color:#adfa1d}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-amber-400:hover{background-color:var(--color-amber-400)}
7.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab,hsl(var(--destructive))80%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,hsl(var(--destructive))90%,transparent)}}.hover\:bg-green-400:hover{background-color:var(--color-green-400)}.hover\:bg-muted:hover,.hover\:bg-muted\/40:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/40:hover{background-color:color-mix(in oklab,hsl(var(--muted))40%,transparent)}}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,hsl(var(--muted))50%,transparent)}}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,hsl(var(--primary))80%,transparent)}}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,hsl(var(--primary))90%,transparent)}}.hover\:bg-red-400:hover{background-color:var(--color-red-400)}.hover\:bg-secondary:hover,.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary))}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,hsl(var(--secondary))80%,transparent)}}.hover\:bg-sky-400:hover{background-color:var(--color-sky-400)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-primary:hover{color:hsl(var(--primary))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,hsl(var(--destructive))30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:hsl(var(--destructive))}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color:hsl(var(--destructive-foreground))}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
7dow)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group).destructive *):focus{--tw-ring-color:hsl(var(--destructive))}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[active\]\:bg-accent\/50[data-active]{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.data-\[active\]\:bg-accent\/50[data-active]{background-color:color-mix(in oklab,hsl(var(--accent))50%,transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-accent[data-highlighted]{background-color:hsl(var(--accent))}.data-\[highlighted\]\:text-accent-foreground[data-highlighted]{color:hsl(var(--accent-foreground))}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[state\=active\]\:border-b-primary[data-state=active]{border-bottom-color:hsl(var(--primary))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:shadow-none[data-state=active]{--tw-shadow:0 0 #0000}.data-\[state\=active\]\:shadow-none[data-state=active],.data-\[state\=active\]\:shadow-xs[data-state=active]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
7dow)}.data-\[state\=active\]\:shadow-xs[data-state=active]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.2s ease-out accordion-up}.data-\[state\=closed\]\:animate-collapsible-up[data-state=closed]{animation:.2s ease-in-out collapsible-up}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.2s ease-out accordion-down}.data-\[state\=open\]\:animate-collapsible-down[data-state=open]{animation:.2s ease-in-out collapsible-down}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent))}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,hsl(var(--accent))50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open],.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[--reka-toast-swipe-end-x\][data-swipe=end]{--tw-translate-x:--reka-toast-swipe-end-x;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[swipe\=move\]\:translate-x-\[--reka-toast-swipe-move-x\][data-swipe=move]{--tw-translate-x:--reka-toast-swipe-move-x;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:calc(var(--spacing)*0)}.sm\:bottom-0{bottom:calc(var(--spacing)*0)}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-\[350px\]{height:350px}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}
7.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:sticky{position:sticky}.md\:top-\[60px\]{top:60px}.md\:order-last{order:9999}.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-24{height:calc(var(--spacing)*24)}.md\:w-40{width:calc(var(--spacing)*40)}.md\:w-\[var\(--reka-navigation-menu-viewport-width\)\]{width:var(--reka-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:py-0{padding-block:calc(var(--spacing)*0)}.md\:py-12{padding-block:calc(var(--spacing)*12)}.md\:pr-4{padding-right:calc(var(--spacing)*4)}.md\:pb-8{padding-bottom:calc(var(--spacing)*8)}.md\:pb-10{padding-bottom:calc(var(--spacing)*10)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:mt-6{margin-top:calc(var(--spacing)*6)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-60{width:calc(var(--spacing)*60)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1fr_220px\]{grid-template-columns:1fr 220px}.lg\:grid-cols-\[240px_minmax\(0\,1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:border-none{--tw-border-style:none;border-style:none}.lg\:py-0{padding-block:calc(var(--spacing)*0)}.lg\:py-12{padding-block:calc(var(--spacing)*12)}.lg\:py-24{padding-block:calc(var(--spacing)*24)}.lg\:pb-10{padding-bottom:calc(var(--spacing)*10)}.lg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:scale-0:is(.dark *){--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:scale-100:is(.dark *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:-rotate-90:is(.dark *){rotate:-90deg}.dark\:rotate-0:is(.dark *){rotate:none}.dark\:border-amber-900:is(.dark *){border-color:var(--color-amber-900)}.dark\:border-blue-900:is(.dark *){border-color:var(--color-blue-900)}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:border-green-900:is(.dark *){border-color:var(--color-green-900)}.dark\:border-red-900:is(.dark *){border-color:var(--color-red-900)}.dark\:border-sky-900:is(.dark *){border-color:var(--color-sky-900)}.dark\:border-violet-900:is(.dark *){border-color:var(--color-violet-900)}.dark\:bg-amber-950:is(.dark *){background-color:var(--color-amber-950)}.dark\:bg-blue-950:is(.dark *){background-color:var(--color-blue-950)}.dark\:bg-green-950:is(.dark *){background-color:var(--color-green-950)}.dark\:bg-red-950:is(.dark *){background-color:var(--color-red-950)}.dark\:bg-sky-950:is(.dark *){background-color:var(--color-sky-950)}.dark\:bg-violet-950:is(.dark *){background-color:var(--color-violet-950)}.dark\:from-zinc-950:is(.dark *){--tw-gradient-from:var(--color-zinc-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
7(--tw-gradient-to-position))}.\[\&_\.inline-code\]\:bg-amber-100 .inline-code{background-color:var(--color-amber-100)}.\[\&_\.inline-code\]\:bg-blue-100 .inline-code{background-color:var(--color-blue-100)}.\[\&_\.inline-code\]\:bg-green-100 .inline-code{background-color:var(--color-green-100)}.\[\&_\.inline-code\]\:bg-red-100 .inline-code{background-color:var(--color-red-100)}.\[\&_\.inline-code\]\:bg-sky-100 .inline-code{background-color:var(--color-sky-100)}.\[\&_\.inline-code\]\:bg-violet-100 .inline-code{background-color:var(--color-violet-100)}.dark\:\[\&_\.inline-code\]\:bg-amber-900:is(.dark *) .inline-code{background-color:var(--color-amber-900)}.dark\:\[\&_\.inline-code\]\:bg-blue-900:is(.dark *) .inline-code{background-color:var(--color-blue-900)}.dark\:\[\&_\.inline-code\]\:bg-green-900:is(.dark *) .inline-code{background-color:var(--color-green-900)}.dark\:\[\&_\.inline-code\]\:bg-red-900:is(.dark *) .inline-code{background-color:var(--color-red-900)}.dark\:\[\&_\.inline-code\]\:bg-sky-900:is(.dark *) .inline-code{background-color:var(--color-sky-900)}.dark\:\[\&_\.inline-code\]\:bg-violet-900:is(.dark *) .inline-code{background-color:var(--color-violet-900)}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\:not\(\:first-child\)\]\:mt-4:not(:first-child){margin-top:calc(var(--spacing)*4)}.\[\&\:not\(\:first-child\)\]\:mt-5:not(:first-child){margin-top:calc(var(--spacing)*5)}.\[\&\:not\(\:first-child\)\]\:mt-6:not(:first-child){margin-top:calc(var(--spacing)*6)}.\[\&\:not\(\:first-child\)\]\:mt-8:not(:first-child){margin-top:calc(var(--spacing)*8)}.\[\&\:not\(\:first-child\)\]\:mt-10:not(:first-child){margin-top:calc(var(--spacing)*10)}.\[\&\:not\(\:first-child\)\]\:pt-3:not(:first-child){padding-top:calc(var(--spacing)*3)}.\[\&\:not\(\:last-child\)\]\:mb-5:not(:last-child){margin-bottom:calc(var(--spacing)*5)}.\[\&\:not\(\:last-child\)\]\:mb-6:not(:last-child){margin-bottom:calc(var(--spacing)*6)}.\[\&\:not\(\:last-child\)\]\:mb-8:not(:last-child){margin-bottom:calc(var(--spacing)*8)}.\[\&\:not\(\:last-child\)\]\:mb-12:not(:last-child){margin-bottom:calc(var(--spacing)*12)}.\[\&\:not\(\:last-child\)\]\:pb-4:not(:last-child){padding-bottom:calc(var(--spacing)*4)}.\[\&\>h1\]\:step>h1{counter-increment:step}.\[\&\>h1\]\:step>h1:before{background-color:hsl(var(--muted));border-color:hsl(var(--background));border-style:var(--tw-border-style);font-family:Geist Mono;font-size:var(--text-base);height:calc(var(--spacing)*9);line-height:var(--tw-leading,var(--text-base--line-height));text-align:center;text-indent:-1px;width:calc(var(--spacing)*9);--tw-font-weight:var(--font-weight-medium);content:counter(step);font-weight:var(--font-weight-medium);margin-left:-50px;margin-top:calc(var(--spacing)*-1);border-width:4px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.\[\&\>h2\]\:step>h2{counter-increment:step}.\[\&\>h2\]\:step>h2:before{background-color:hsl(var(--muted));border-color:hsl(var(--background));border-style:var(--tw-border-style);font-family:Geist Mono;font-size:var(--text-base);height:calc(var(--spacing)*9);line-height:var(--tw-leading,var(--text-base--line-height));text-align:center;text-indent:-1px;width:calc(var(--spacing)*9);--tw-font-weight:var(--font-weight-medium);content:counter(step);font-weight:var(--font-weight-medium);margin-left:-50px;margin-top:calc(var(--spacing)*-1);border-width:4px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.\[\&\>h3\]\:step>h3{counter-increment:step}.\[\&\>h3\]\:step>h3:before{background-color:hsl(var(--muted));border-color:hsl(var(--background));border-style:var(--tw-border-style);font-family:Geist Mono;font-size:var(--text-base);height:calc(var(--spacing)*9);
7line-height:var(--tw-leading,var(--text-base--line-height));text-align:center;text-indent:-1px;width:calc(var(--spacing)*9);--tw-font-weight:var(--font-weight-medium);content:counter(step);font-weight:var(--font-weight-medium);margin-left:-50px;margin-top:calc(var(--spacing)*-1);border-width:4px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.\[\&\>h4\]\:step>h4{counter-increment:step}.\[\&\>h4\]\:step>h4:before{background-color:hsl(var(--muted));border-color:hsl(var(--background));border-style:var(--tw-border-style);font-family:Geist Mono;font-size:var(--text-base);height:calc(var(--spacing)*9);line-height:var(--tw-leading,var(--text-base--line-height));text-align:center;text-indent:-1px;width:calc(var(--spacing)*9);--tw-font-weight:var(--font-weight-medium);content:counter(step);font-weight:var(--font-weight-medium);margin-left:-50px;margin-top:calc(var(--spacing)*-1);border-width:4px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.\[\&\>h5\]\:step>h5{counter-increment:step}.\[\&\>h5\]\:step>h5:before{background-color:hsl(var(--muted));border-color:hsl(var(--background));border-style:var(--tw-border-style);font-family:Geist Mono;font-size:var(--text-base);height:calc(var(--spacing)*9);line-height:var(--tw-leading,var(--text-base--line-height));text-align:center;text-indent:-1px;width:calc(var(--spacing)*9);--tw-font-weight:var(--font-weight-medium);content:counter(step);font-weight:var(--font-weight-medium);margin-left:-50px;margin-top:calc(var(--spacing)*-1);border-width:4px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.\[\&\>h6\]\:step>h6{counter-increment:step}.\[\&\>h6\]\:step>h6:before{background-color:hsl(var(--muted));border-color:hsl(var(--background));border-style:var(--tw-border-style);font-family:Geist Mono;font-size:var(--text-base);height:calc(var(--spacing)*9);line-height:var(--tw-leading,var(--text-base--line-height));text-align:center;text-indent:-1px;width:calc(var(--spacing)*9);--tw-font-weight:var(--font-weight-medium);content:counter(step);font-weight:var(--font-weight-medium);margin-left:-50px;margin-top:calc(var(--spacing)*-1);border-width:4px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.\[\&\>li\]\:step>li{counter-increment:step}.\[\&\>li\]\:step>li:before{background-color:hsl(var(--muted));border-color:hsl(var(--background));border-style:var(--tw-border-style);font-family:Geist Mono;font-size:var(--text-base);height:calc(var(--spacing)*9);line-height:var(--tw-leading,var(--text-base--line-height));text-align:center;text-indent:-1px;width:calc(var(--spacing)*9);--tw-font-weight:var(--font-weight-medium);content:counter(step);font-weight:var(--font-weight-medium);margin-left:-50px;margin-top:calc(var(--spacing)*-1);border-width:4px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.\[\&\>li\:not\(\:first-child\)\]\:mt-2>li:not(:first-child){margin-top:calc(var(--spacing)*2)}.\[\&\>ol\]\:\!mt-2>ol{margin-top:calc(var(--spacing)*2)!important}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing)*4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing)*4)}.\[\&\>svg\]\:size-4>svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing)*7)}.\[\&\>ul\]\:\!mt-2>ul{margin-top:calc(var(--spacing)*2)!important}.\[\&\[align\=center\]\]\:text-center[align=center]{text-align:center}.\[\&\[align\=right\]\]\:text-right[align=right]{text-align:right}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}
7@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}</style> 8<style>.load-page-enter-active,.load-page-leave-active{transition:all .6s}.load-page-enter-from,.load-page-leave-to{opacity:0}.load-page-enter-from img,.load-page-leave-to img{opacity:0;transform:scale(.6)translate(5px)!important}.con-loading-page{background:rgba(var(--bg),1);z-index:9999999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}.con-loading-page img{transition:all .6s;transform:translate(5px)}.bg-anim{background-position:50%;background-repeat:no-repeat;background-size:contain;width:40px;height:40px;transition:all .3s;animation:2s infinite imageCycle;transform:translate(5px)}@keyframes imageCycle{0%{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABD9JREFUeF7tWlty5CAMhJNtcrLdnGyTk3mDC6ZkRmo9eDi1yXyOAaOmJbWEc/rmv/zN7U8/AOxkwHEcLyml3+CdHznnPzv3tJUBx3EcBuPec86vhnFThmwDoJ7+X+OuX3PO78axQ8OmA3AcRzPyo+ysUToKQOc2011kKgCfDC/+y/n4W0rpV0qpxID2Kydc/i+/Moc+48a3eVPZAQGo6EOKUao6T/nh65U1FAD0zreOVeb9cQNFAMBpcuucm9oBQP58UdlAZH9eACwRm655UtOxsQgDGtCSq4lsaMD1AxADSjCz0rKs6zWop7KWIeh47+E85noAKMZzm6LpqQcIuUKZd2aGCtYlzVXmnM8q8JdgqlAf7amsKQZOLQhyVHssJtAduYJ4Eu1khDUR9TUmwXeqaZCJ0Belhp4L0R2mMUYtIupreyk6BNpoAYBzBRPqQlYQpS53+gr1NTaqjFMBqCmHC4jay12uMEL9usc+MKrGn0oVqgjykKGmRj8tK1xcYZD6T7FKo34zzQPAMle4g/oqANV/zzRHpOd0VyC1ACWjKepr1G82oB6DVQqfdLYEtUBW6L3QE/VF6nf7EAMvAqAPKiio0YAouoqlVpgR9ZFLeZTgE93J5sRnoFCx1Aoe6venj5gzTQqvdAUz9bnUjJiDMkJYCiMZXDfocgUr9YlkbuufjRVQiU6Xwg95aZDJYi1Bip/SKQobQH0aaQlJ76g6QAhcqOq7IK6BpBhg7hB7Ah99pwpAMKiZskJnPKw8kWJFMlpTuiYAhHoASd1eJkfKapOW18TQTABcQa369eOWRxFIveZYTn1VCnPIKQ0QTSazAApS2NT6HqF+CACDK8CT
8NDZM+yBagHvh9LxWoWr0d5XDTP7lihdYMQoA0nVg7KCCRtMhFuNDAAAjmtSNuELbr9YjaO9QgV4KgBB5PTKZywo99a2V3mmrtQHSA2NOg/1ERSCpOR2Vq6PtMevph12AxAOR7lxHuD+lamhhTn9HIPb3InIXARJmQHUDzhfNrhBIteHenwTCEAAVBK3g6a/LxRy/k/phHSCcmqd5gu4FRB0xm/qzAfC6wpPO955+NOpPywJMVgi7QiCjmAslLSMMxwD6AmdHGF6ckA5R6MZHM3yqC4zI5Dq3D5Ric3QW9ZcAYMgKlo8uzJ1h6ykv0wHSws7a/7IMoL65R+ABZmoMGHCFNhWdvqlH4DF+WAqjlwWaJ+ZGq9fI7S4AagVRJltvnWYav5QBoFagJ10E1LR7gQg4S2KAog3KY9afV8nd21yAuILa9Y1ebEROnc5ZzgDNFYB2mCZ3b2dANRI1T5bK3a8CAFsx1q9H2a9CR+ltmb/FBUgssHzkvIX6bU9bAQCucFGClpObNeYOAKSPsMOt7REwtgNwd9TvwboFAMYVllR6FmbcBgBhwtO9gGXjs8bcCsAsI0bW+QFgBL3/Ye4/itVOfb2OZecAAAAASUVORK5CYII=)}20%{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABChJREFUeF7tWlty5CAMhJPt5mTZnGyTkznBBVNYI7UkELhSyXyOsS1a3XrhnH74L//w/adfAHYy4DiOvymlV/DOj5zzv502bWXAcRyHYXPvOecXw7qQJdsAqN7/b7T6Jef8blw7tSwcgOM42iY/imWN0qMAENmESyQUgC+GF/1yGn9LKf1JKZUY0H7Fw+X/8iv39Ne49e2+UHZAACr6kGI9VZ1efmi9sqYHAL3zjbDKbB+3UAQAeJN7zmnUDgDy14uKASP2eQGwROz+mSc1HYaNMKABLUlNZEMDji5ADCjBzErL8lzvhiiVtQzRr/c653GvB4Cyec6oPj1RgJAUyn1nZqhgXdJcZc55rQJ/CaYK9ZFN5Zli4NSCIEe1x8MEuiMpiJ5onhGeiaivMQm+U02DTIS+VGrouhDdYRpjqkVEfc2WUofAPVoA4KRgQl3ICmKpy3lfob7GRpVxKgA15XABUXu5Swoz1K820sCobv6sVGEV0V1kqKnRT8sKFylMUv8pVmnUb1vzALBMCndQXwWg6vdMc13pGS6FrhfoyWiK+hr12x7QjMFaCp90tgS1gaxAVeiJ+iL1iR1i4EUA0KCCglofEEWpWHqFiKiPJOWpBJ/o3hknXgONiqVXiKK+OSMgBnCeXCmFKOq7MsJwKYzK4MoClxRWUb8MXYaCYFebe6RAawOxl+ianzIpKkZKrfRlA6geQbWEVO+odYAQuFDXRw2mAKJSmGrXCyjbQaJiTwVgMKiZskJv2KSkOKaFl8KiJw0d40hbrTHp0emNUF+tBCltVkrB0GeIHvbkfE4KJgkow4qW37Uymc0KQilsapRQB2lt8lwACK1x3/WNBDGxFJbiT5cy4fssIIwA4MrvNA8rZwCWqI+qRfehiRsAbUCijcGUfsBKfdiaWzzvDoJMUGTpZ+wY1bSlzAhgL7ILACQFmPYYFs1S35Tzp7MAwwIx8nNSoGOq6uWyeXpGIHZzMzl/BQBTHSNnkHc8Zp39DfcCmp4GDkfESD07GdZsDWdARMdI+gExr0dTfzoLEMO9UngKWl4mzVI/FICVHWNEuYukMVQISQ90ToThwQkod4dT3rIY0MUCd5ksNENiuRtF/XAJdCCgMZjlowvzZHgk6tN7QiUAsgLqGC82RXZ6FoBWAeCVQrM1tNO7DQBDVuCkYB60WjZmXbOEAZoUuI7Reupk3Zh13WoANCmU665zAevGrOuWAlClAGeFSikcmvOX1wGgQFJnd7PTXavHt6RB+hI0UgcBc7n3y7uXSwAExJCDjVHPL6sEgQzYjrF+Peo+05vd+HYAANXpXrZQ/xYAQFa4VIJR3rU8Z1sM6GKB9BG2+lmrZUPeNdsBuDvq35IGOa9YP2PzetS7/hYGdHIos4OncwHvJmbW3wrAjOFR9/4CEIXkd33OJ1ECaX3nXNVvAAAAAElFTkSuQmCC)}40%{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA+lJREFUeF7tW9GR1TAMtMvg2qCA4/6hDdqAa4M24J+7Aq4NKEM8ZxzGT7akjS07DO+9mfuKncjrXWnl5GK48V+88fWHOwB3Btw4AsslQEQfQghfBNyfY4wvK/fkLAB+Cot8ugPwPzAg0zxR/YXvaL4GM6CQzGuM8au3PKZJgIjSIhMI6Ze0vQWPAMDyRLrH3/mnAUBED62Hxxh/SUEREbFre4LbgeFTn0MIjwVw2/V4QU95xuG4yntBDCCi9yGE9Nf6vcUY31oXjN1GN1PcfSOu3zHG79ZDUAA+hRDeKTf7ITGBScGKp2KEpPvMyI/KDV0BSDTrflhDChAQBvWtTRGZeVgCOXlpMkhDvKXQS301Fo48JIF9EhFZqHtJQVu8xcaUNL9BFEsJFh2YWWA9XNUdKoUV1N/XfQiARVJYQv1uADIIs6SwjPoQABcfs7k3XopGS5AkBW/q75Zcs9Caw0qL39vW5OmfynxhmJCequBKfeY/qvhNBjR2qQrQsSq4Uj8ztzxz6AKgbGY2wDhFHaSQWPbI2cWYZuWbK/8h2G8RYE0CqWHhbWtLCocCPFh2LfNVld2W9dZyi1oGG1RK8VenNkT02ViYaJCkeQC70tSr+wrxqq206QMQRIFgocZkhPq5PPP22zxHQABoSaEnIULNCWi2Krvb2n2N+mYVYLtRlsT90pUUABZUlG3RH7wPT3yt+Mzd3xI7mpQaUujxBqYUgNJaMQkp2dI6jwAwXQqAuXKj/iEJ7IORqgBSuKoK4Dw36ncBkBMUN0guUnCivuj4hiVQsMBdCl7Ub3kUK8fBOYBVhcom84ejlA4hpEMW7cC1aqx6DI8bAwomVGf+HR2jtUHV4gXDo7470B7SxYAchJcUVBD4+Z7n7h/yAYJp8ZKCBMJQp4fQq5sBCgt6OsZWrMOd3nQAMgimTc7jrI6Rxzvc6S0BQPAGrcMTq7cv43W1u1OSICuLXocn222RxId0essYgEoB9Qbl22bvrM9BGUqC/GYOHeMy6u+xewMw5A1WUn8KAINScO/0luYAlhSPdowI9Q93emcCgEohlcYH/ikLcu6ALA4Z45oDGAsgg9RIpN3ne8iCp1aBnqrQmMO7zO5ODwFkGgOUXkF7D7h09zfThaA0Mkb4Sqz1dgnKGyOxtOZOByAzATk8MV/Gei9+CQMQKcy2uxpwSxiQQRB3eOTFxigrVgLQ7Bgvh6mv/B8ovDo9BJxlACg2mccJvdNDFoeMWQqAJIUi0KWLX5YEmUNsSWEbspL6e0zLGaBIYfnun8KAHXn0MzZExyNjTmFAAYL5ldjI4pC5pwKABDh7zB2A2Qj/6/f/AwwP/V+Ep8O6AAAAAElFTkSuQmCC)}60%{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA5NJREFUeF7tW1tSwzAMtE8GnAw4Ge3JTM0kM66jx9qSFaDtJ3USabUrrZ2S04N/8oPnn54APBnw4AicIoFSymtK6b3D/ppz/oiux1kAFCbRt5zzJRKEcAC26n89AaAR+F8MaLR+TSldKr0RBmxrap+on5/rVskClsAW1CEOKbhSSm1qbbPbE9mT6+/3mVJ6uSXdfv8pNceZuNqHQgAQibT3YANUqo0WVbp/D3B7z8qcN+0hKAC1aXFVq89gtVtK0a6VYrSA6wpATZ7r3LtOWbTLjUJaJajv84373HUAsKJ09vtCDKiLFRnUJZZqUXnOUl+MpX8QDMAGgkZnLymYwJSYYwUgRAoR1B+WwH5BgBRCqD8NwGIphFEfAmCrduqNCDDfxRHETQVv6u+OUjJS0phpTcYhoQVScKV+NybZgkgA9LP7ECAwi9Gp4Ep9yoJzrnDIaPQUdZBCZdmLZFkBkO/AY2JiAZYAoEYeJQXNG0COjHJCgMygeKTeIh
8ohJoADrQGrO7zPB9h12IMw8YoFUJ0gRUFvKTDVH2YWUQiVfQgAlBRmGqIazIDZqqP5Lnaq+oglVgEQNkJ3tJ6hLFN5zW4fNjsz1IeMUBsgIYUZb6Du0Ue7/lYgdWRz22qIAdtDlksB6Ppu1B9mwGopgBLqZz51JAb3mpoTzICmQfXd2UUKTtRXJWY6D1glBS/qS2eT5h6gNETKlEDdnDgGV4/HLF3fzIBGCn3nnZECV5j275TnOByyIjOfethwD2gA8JoKIgiI4ZEOZDWEpwEQToZmDBIXp2mnpyU/NQW6XuC1Y6RiNe/0lgOAegPGrWnx9Uwyz3zXHqBNBVC7EPUZAIcMj+sY7G/GuDiIwmRVnHZ6GsXMPaBjAUXRmYbobnclIExTgGCC1SYjM9+F+nvs3gCYvAHSN2YNz9Ie4CSFUOovYUDjEkelgFB/eKcX2gQBg0QlSb4XQE+jkQS1Na49YFQKVHCeOz0tedcxyCSjSoGYJG47vd8AADQVmt6xxO6G+QCQBXUZ9XZpCCykusiaZT2g6wfI4cnhTZD3zCdtN4KSdY32xja68bX5hDCgPlB6xzjzTs9alKVGiOkF5OHJrR/UH1Lf/fNEBPXDAdhYIP22d4/JdbOjMSVMAoJNbmMMTX65ERqQws/SSOqfIoEzDQ8nhXAJMFJYstPT9H+KBDqDpP5KDEnCsuY0BliC9rz2CYAnmn/xXt+lIPVfVy0S8QAAAABJRU5ErkJggg==)}80%{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABI5JREFUeF7tW9tx1TAQlcqANigA8g9t0AakDdoI/yQFpA1Shsh6pDtreZ/WSp4h8Ux+rmV7dfacfdnJ6Y0f+Y3vP70DsJIBpZQvKaUfwjOfcs4/V9q0lAGllGLY3GPO+c6wLmTJMgCq9/8Yrb7LOT8a1w4tCweglNI2+QSWNUqfBaCTTbhEQgF4ZTjol9L4fUrpc0oJYkA7wMPwOxxwDT5HrW/XhbJDBKCU8lHjV875b1vj9PJN65U1GADpsfeIVS77qJuyAJRSPqWU4M9yPOecn1cAkF93Dwadsc8LwHfLztGa38AGQQb97c4wYPO+c/Pbc3POv7wAfEspfXCA8JJzfqjegUCoURpTGdZqGQKv9zpnY6gXANDXV+KiF/RbD5AkBQh6W2Z4BQe8v0tzlTnbuQreLpgq1Jdsgntu7HQBIOjsdjOGipIUbl7kmMVISKL+zbs1aPdOY72/SUOjeCmll8KN6hUk9jwT3cU0RlSLEvU1W1jtt31bAKCkYEKdyQpsqUt5X6G+xkbR+yYGMF7e6SpCCiPUrzb2gVHdvBkA5gEa/bSssJPCIPUPNQuX9nrJqxJoF2gBRjqvSeEK6qsxoBq95XJUelK1gaZDMStUQ/r+wRT1Neq3PUgzBqkUxo3NFrgYL49KoWelJ+qz1O8yEBt4JQD64cWmWSngVY+wWcPSK0REfUlS5hhA5XBk3EEKOOicyArNrijq985jCzCJAVR9PlMKUdQ/zCSa486UwtSAY4oUZlEfhi6ngiBKf4fOTpBCHxCpmQLOCvAYmBSBkVx82RU0pZS+4MH1hpn6ahpEAFBSaFoVy2StV+gpKW1Oa848gQ8/11QIMWXqsBSwIYPZhZKq2nl6S+FeCniio3WMrBQEz/bUZzOPVEZr3a6JAdXIaVI4Sf02fHFFfXMdQCGnSEErk8l4UZ/TD193ExwCIHbzWtQfAqAyQZICG6EFqvc29dSXyt0+6rtfq5klMDErYAAsaVTyvvuliRsAhgXwc8sKZ6TQQLBSn41HWtAblgBiAkk/Y8dIZQUP9dnibCUAUlYQ0x5RII1S35Tz3b2AhqY09SWmyYcJbS1+YPO7mT0X9Stw7nJX2sepGKAERHPHyKRaKeoP5fxwBlSPnO4Ye4OYcjgs508BgMsK1o4RGxXd6WkShvNDEhiQwmFm750iSUMOy8bbmhAARqWgjNRPd3oWIMIAMJTJ0jvEKZ3eFQC4O8ZqZN8MhXR6ywEwSMHy0cXUqB9WCkvoEgUSHp6IX3e08Tox5HB3epcwoLLAK4Vma2indxkAJ6UgfV5zutbXQAjNAkRlRw5PqLSHqB/W6WmbDyuEuAcx7wLxSB0+soJRGXif+8RumvenA8CVyW14QjAmtNO7nAGoVFZnd2dfbFg2Ka2ZGgOUXgG/DJ1a7l4OACcF1DEup354M6RRkftOqH49Sn4Vqt0z4vwSCSApcP9PgPcyNeovKYWdZfJlm1+SBolUx34ZHjXk8EhjqQQUKSyl/vIgqJTJUzo9CxMuYUDHhMP/DlgMj1pzKQBRmxi5zzsAI+j9D9f+A2cIaX1G+xAzAAAAAElFTkSuQmCC)}to{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABD9JREFUeF7tWlty5CAMhJNtcrLdnGyTk3mDC6ZkRmo9eDi1yXyOAaOmJbWEc/rmv/zN7U8/AOxkwHEcLyml3+CdHznnPzv3tJUBx3EcBuPec86vhnFThmwDoJ7+X+OuX3PO78axQ8OmA3AcRzPyo+ysUToKQOc2011kKgCfDC/+y/n4W0rpV0qpxID2Kydc/i+/Moc+48a3eVPZAQGo6EOKUao6T/nh65U1FAD0zreOVeb9cQNFAMBpcuucm9oBQP58UdlAZH9eACwRm655UtOxsQgDGtCSq4lsaMD1AxADSjCz0rKs6zWop7KWIeh47+E85noAKMZzm6LpqQcIuUKZd2aGCtYlzVXmnM8q8JdgqlAf7amsKQZOLQhyVHssJtAduYJ4Eu1khDUR9TUmwXeqaZCJ0Belhp4L0R2mMUYtIupreyk6BNpoAYBzBRPqQlYQpS53+gr1NTaqjFMBqCmHC4jay12uMEL9usc+MKrGn0oVqgjykKGmRj8tK1xcYZD6T7FKo34zzQPAMle4g/oqANV/zzRHpOd0VyC1ACWjKepr1G82oB6DVQqfdLYEtUBW6L3QE/VF6nf7EAMvAqAPKiio0YAouoqlVpgR9ZFLeZTgE93J5sRnoFCx1Aoe6venj5gzTQqvdAUz9bnUjJiDMkJYCiMZXDfocgUr9YlkbuufjRVQiU6Xwg95aZDJYi1Bip/SKQobQH0aaQlJ76g6QAhcqOq7IK6BpBhg7hB7Ah99pwpAMKiZskJnPKw8kWJFMlpTuiYAhHoASd1eJkfKapOW18TQTABcQa369eOWRxFIveZYTn1VCnPIKQ0QTSazAApS2NT6HqF+CACDK8CTNDZM+yBagHvh9LxWoWr0d5XDTP7lihdYMQoA0nVg7KCCRtMhFuNDAAAjmtSNuELbr9YjaO9QgV4KgBB5PTKZywo99a2V3mmrtQHSA2NOg/1ERSCpOR2Vq6PtMevph12AxAOR7lxHuD+lamhhTn9HIPb3InIXARJmQHUDzhfNrhBIteHenwTCEAAVBK3g6a/LxRy/k/phHSCcmqd5gu4FRB0xm/qzAfC6wpPO955+NOpPywJMVgi7QiCjmAslLSMMxwD6AmdHGF6ckA5R6MZHM3yqC4zI5Dq3D5Ric3QW9ZcAYMgKlo8uzJ1h6ykv0wHSws7a/7IMoL65R+ABZmoMGHCFNhWdvqlH4DF+WAqjlwWaJ+ZGq9fI7S4AagVRJltvnWYav5QBoFagJ10E1LR7gQg4S2KAog3KY9afV8nd21yAuILa9Y1ebEROnc5ZzgDNFYB2mCZ3b2dANRI1T5bK3a8CAFsx1q9H2a9CR+ltmb/FBUgssHzkvIX6bU9bAQCucFGClpObNeYOAKSPsMOt7REwtgNwd9TvwboFAMYVllR6FmbcBgBhwtO9gGXjs8bcCsAsI0bW+QFgBL3/Ye4/itVOfb2OZecAAAAASUVORK5CYII=)}}</style> 9<style>.v-enter-active[data-v-960fbd4d],.v-leave-active[data-v-960fbd4d]{transition:opacity .3s}.v-enter-from[data-v-960fbd4d],.v-leave-to[data-v-960fbd4d]{opacity:0}
9</style> 10<style>.a[data-v-a4582d69]{cursor:pointer;justify-content:center;align-items:center;display:flex}.a span[data-v-a4582d69]{font-weight:500}</style> 11<style>.thumb-x{max-height:100px}</style> 12<style>.contentx{padding-bottom:60px;position:relative;margin-top:0!important}.carbon-responsive-wrap{border-radius:var(--radius);flex-direction:column;align-items:center;display:flex;background-color:hsl(var(--background))!important;border-color:hsl(var(--border))!important;padding:1.5rem 1rem!important}.carbon-responsive-wrap .carbon-img{overflow:hidden;border-radius:.25rem!important;flex:none!important}.carbon-responsive-wrap .carbon-text{color:hsl(var(--muted-foreground))!important;font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important;text-align:center!important;flex:none!important}#carbonads .carbon-poweredby{background-color:hsl(var(--background));color:hsl(var(--muted-foreground));text-align:right;text-transform:uppercase;text-decoration-line:none;display:block;font-size:10px!important}</style> 13<style>.app{filter:blur();transition:all .6s}.app.blur{filter:blur(25px)}body h2{justify-content:flex-start!important;align-items:center!important;display:flex!important}body h2 img{width:24px}body .box .content img,body h2 img{margin:0!important;display:inline-block!important}body .box .content img{width:24px!important}body h3{font-size:17px!important}body h4{font-size:13px!important}body h5{font-size:12px!important}body h6{font-size:11px!important}</style> 14<style>.inline-code[data-v-2442abb9]:not(:-webkit-any(h1>code,h1>a>code,h2>a>code,h3>a>code,h4>a>code,h5>a>code,strong>a>code)){font-size:.875rem;line-height:1.25rem}.inline-code[data-v-2442abb9]:not(:-moz-any(h1>code,h1>a>code,h2>a>code,h3>a>code,h4>a>code,h5>a>code,strong>a>code)){font-size:.875rem;line-height:1.25rem}.inline-code[data-v-2442abb9]:not(:is(h1>code,h1>a>code,h2>a>code,h3>a>code,h4>a>code,h5>a>code,strong>a>code)){font-size:.875rem;line-height:1.25rem}</style> 15<style>pre code .line{min-height:1rem;display:block}</style> 16<style>.con-gif{border-top:1px solid #252525;border-bottom:1px solid #252525;flex-direction:row;justify-content:center;align-items:stretch;margin-top:30px;display:flex;position:relative}.con-gif.reverse{flex-direction:row-reverse}.con-gif.reverse .text{border-left:1px solid #252525;border-right:0}.con-gif .text{text-align:left;border-right:1px solid #252525;flex-direction:column;flex:1;align-items:flex-start;position:relative}.con-gif .gif,.con-gif .text{justify-content:center;padding:10px;display:flex}.con-gif .gif{flex:1;align-items:center;width:100%;min-width:300px;max-width:300px}.con-gif .gif p{width:100%}.con-gif .gif img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.con-gif .dot{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute}.con-gif .dot.dot1{top:-2px;left:-2px}.con-gif .dot.dot2{top:-2px;right:-2px}.con-gif .dot.dot3{bottom:-2px;right:-2px}.con-gif .dot.dot4{bottom:-2px;left:-2px}</style> 17<link rel="stylesheet" href="/_nuxt/entry.DAuKMlSF.css" crossorigin> 18<link rel="stylesheet" href="/_nuxt/ProseCode.DiopDnEa.css" crossorigin> 19<style>:where(.i-lucide\:arrow-left){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='m12 19l-7-7l7-7m7 7H5'/%3E%3C/svg%3E")}:where(.i-lucide\:arrow-right){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='M5 12h14m-7-7l7 7l-7 7'/%3E%3C/svg%3E")}:where(.i-lucide\:arrow-up){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='m5 12l7-7l7 7m-7 7V5'/%3E%3C/svg%3E")}:where(.i-lucide\:arrow-up-right){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='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E")}
19: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\:chevron-right){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='m9 18l6-6l-6-6'/%3E%3C/svg%3E")}:where(.i-lucide\:circle-dot){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='10'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:clipboard){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%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/g%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\:menu){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='M4 12h16M4 6h16M4 18h16'/%3E%3C/svg%3E")}:where(.i-lucide\:star){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='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E")}:where(.i-simple-icons\:discord){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='black' d='M20.317 4.37a19.8 19.8 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.3 18.3 0 0 0-5.487 0a13 13 0 0 0-.617-1.25a.08.08 0 0 0-.079-.037A19.7 19.7 0 0 0 3.677 4.37a.1.1 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.08.08 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.08.08 0 0 0 .084-.028a14 14 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13 13 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10 10 0 0 0 .372-.292a.07.07 0 0 1 .077-.01c3.928 1.793 8.18
191.793 12.062 0a.07.07 0 0 1 .078.01q.181.149.373.292a.077.077 0 0 1-.006.127a12.3 12.3 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.08.08 0 0 0 .084.028a19.8 19.8 0 0 0 6.002-3.03a.08.08 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.06.06 0 0 0-.031-.03M8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418m7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418'/%3E%3C/svg%3E")}</style> 20<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DZduPnqv.js"> 21<link rel="modulepreload" as="script" crossorigin href="/_nuxt/AMK_3_6c.js"> 22<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CXFvvV3D.js"> 23<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BuLVKUH4.js"> 24<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DFqHURcN.js"> 25<link rel="modulepreload" as="script" crossorigin href="/_nuxt/XAind41z.js"> 26<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BTghrYwe.js"> 27<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BvYKWV7l.js"> 28<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DCGr8OVU.js"> 29<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CQzKOxTG.js"> 30<link rel="modulepreload" as="script" crossorigin href="/_nuxt/ClVQxGkm.js"> 31<link rel="modulepreload" as="script" crossorigin href="/_nuxt/odZw_xVe.js"> 32<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DXwWfFVG.js"> 33<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DicrUihs.js"> 34<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BxqznM2D.js"> 35<link rel="modulepreload" as="script" crossorigin href="/_nuxt/xvE_2Bxs.js"> 36<link rel="modulepreload" as="script" crossorigin href="/_nuxt/0I3HBO0a.js"> 37<link rel="modulepreload" as="script" crossorigin href="/_nuxt/B5eNqUwN.js"> 38<link rel="modulepreload" as="script" crossorigin href="/_nuxt/tIOOPvTK.js"> 39<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DCLIs1VT.js"> 40<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CAQVMiwm.js"> 41<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DJanlQ3D.js"> 42<link rel="modulepreload" as="script" crossorigin href="/_nuxt/wwkiOVqN.js"> 43<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DJghhKgx.js"> 44<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BafxVFG4.js"> 45<link rel="modulepreload" as="script" crossorigin href="/_nuxt/6SIkP0ve.js"> 46<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CgmcSwAR.js"> 47<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C9diUffM.js"> 48<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Btn8Iq7T.js"> 49<link rel="modulepreload" as="script" crossorigin href="/_nuxt/CWXyYUYX.js"> 50<link rel="modulepreload" as="script" crossorigin href="/_nuxt/QuUyp2Lt.js"> 51<link rel="modulepreload" as="script" crossorigin href="/_nuxt/DEUjhZ8o.js"> 52<link rel="modulepreload" as="script" crossorigin href="/_nuxt/8c-LJbbO.js"> 53<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BvXzHSaZ.js"> 54<link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/4ec487a3-245c-44d3-9763-3a2fdb3e0a78.json"> 55<link rel="prefetch" as="script" crossorigin href="/_nuxt/bXYcCL_Y.js"> 56<link rel="prefetch" as="script" crossorigin href="/_nuxt/BWVqfmF8.js"> 57<link rel="prefetch" as="script" crossorigin href="/_nuxt/C-bLgkd5.js"> 58<link rel="prefetch" as="script" crossorigin href="/_nuxt/BB5Oj-yb.js"> 59<link rel="prefetch" as="script" crossorigin href="/_nuxt/bNaE6FFb.js"> 60<link rel="prefetch" as="script" crossorigin href="/_nuxt/Bsfa0CJc.js"> 61<link rel="prefetch" as="script" crossorigin href="/_nuxt/D83T-CgR.js"> 62<meta property="og:image" content="https://docs.iconsax.io/__og-image__/image/mcp/ai-integration/og.png"> 63<meta property="og:image:type" content="image/png"> 64<meta name="twitter:card" content="summary_large_image"> 65<meta name="twitter:image" content="https://docs.iconsax.io/__og-image__/image/mcp/ai-integration/og.png">
66<meta name="twitter:image:src" content="https://docs.iconsax.io/__og-image__/image/mcp/ai-integration/og.png"> 67<meta property="og:image:width" content="1200"> 68<meta name="twitter:image:width" content="1200"> 69<meta property="og:image:height" content="600"> 70<meta name="twitter:image:height" content="600"> 71<link rel="icon" type="image/png" href="/favicon-dark.png"> 72<meta name="description" content="Connect Iconsax directly to Claude, Cursor, or any MCP-compatible AI tool â no installation required."> 73<meta property="og:description" content="Connect Iconsax directly to Claude, Cursor, or any MCP-compatible AI tool â no installation required."> 74<meta property="og:title" content="Use with AI (MCP)">
75<script type="module" src="/_nuxt/DZduPnqv.js" crossorigin></script>
75<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>
75</head><body class="theme-zinc" style="--radius:0.5rem"><div id="__nuxt"><!--[--><div class="con-loading-page"><div class="con-loading-page bg-anim"></div></div><div class="nuxt-loading-indicator z-100 bg-primary/80" style="position:fixed;top:0;right:0;left:0;pointer-events:none;width:auto;height:3px;opacity:0;background-size:Infinity% auto;transform:scaleX(0%);transform-origin:left;transition:transform 0.1s, height 0.4s, opacity 0.4s;z-index:999999;"></div><!----><header class="bg-background/80 sticky top-0 z-40 backdrop-blur-lg"><div class="container max-w-screen-2xl flex h-14 items-center justify-between gap-2 px-4 md:px-8"><div class="hidden flex-1 md:flex" data-v-a4582d69><div class="a" data-v-a4582d69><img onerror="this.setAttribute('data-error', 1)" data-nuxt-img srcset="/_vercel/image?url=%2Ffavicon-light.png&w=1536&q=100 1x, /_vercel/image?url=%2Ffavicon-light.png&w=1536&q=100 2x" class="h-7 dark:hidden" src="/_vercel/image?url=%2Ffavicon-light.png&w=1536&q=100" data-v-a4582d69><img onerror="this.setAttribute('data-error', 1)" data-nuxt-img srcset="/_vercel/image?url=%2Ffavicon-dark.png&w=1536&q=100 1x, /_vercel/image?url=%2Ffavicon-dark.png&w=1536&q=100 2x" class="hidden h-7 dark:block" src="/_vercel/image?url=%2Ffavicon-dark.png&w=1536&q=100" data-v-a4582d69><span class="ml-3 self-center font-bold" data-v-a4582d69>Iconsax</span></div></div><!--[--><!--[--><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground size-10 md:hidden" type="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed"><!--[--><span class="iconify i-lucide:menu" aria-hidden="true" style="font-size:18px;"></span><!--]--></button><!----><!--]--><!--]--><!----><nav aria-label="Main" data-orientation="horizontal" dir="ltr" data-reka-navigation-menu class="relative z-10 max-w-max items-center justify-center hidden flex-1 lg:flex"><!--[--><!--[--><div style="position:relative;"><ul class="group flex flex-1 list-none items-center justify-center gap-x-1" data-orientation="horizontal"><!--[--><!--]--></ul></div><!--]--><div class="absolute left-0 top-full flex justify-center"><!----></div><!--]--></nav><div class="flex flex-1 justify-end gap-2"><!--[--><!--[--><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent border px-4 py-2 text-muted-foreground hover:text-accent-foreground h-8 w-full self-center rounded-md pr-1.5 font-normal md:w-40 lg:w-60"><!--[--><span class="mr-auto overflow-hidden">Search...</span><kbd class="border-border bg-muted pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border font-sans font-medium min-h-5 text-[11px] h-5 px-1 ml-auto hidden md:block"><!--[--><span class="text-xs">â</span>K <!--]--></kbd><!--]--></button><!--]--><!--[--><!--[--><!----><!--]--><!--]--><!--]--><div class="flex"><!----><!--[--><!----><!----><!--]--><!----><!----><!--[--><a href="https://github.com/lusaxweb/iconsax" rel="noopener noreferrer" target="_blank"><button class="ring-offset-background focus-visible:ring-ring items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground size-10 flex gap-2"><!--[--><span class="iconify i-lucide:github" aria-hidden="true" style="font-size:18px;"></span><!--]--></button></a>
75<!--]--></div></div></div><div class="lg:hidden"><div data-state="closed" class="block w-full text-sm lg:hidden"><!--[--><!--[--><button type="button" aria-controls aria-expanded="false" data-state="closed" class="flex w-full px-4 py-3 text-left font-medium"><!--[--><!--[-->On this page <span class="iconify i-lucide:chevron-right ml-auto self-center transition-all" aria-hidden="true" style=""></span><!--]--><!--]--></button><div class="data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden transition-all" id="reka-collapsible-content-v-2" hidden data-state="closed" style="--reka-collapsible-content-height:0px;--reka-collapsible-content-width:0px;"><!----></div><!--]--><!--]--></div></div></header><div class="blur min-h-screen border-b app"><div class="container md:grid-cols-[220px_minmax(0,1fr)] lg:grid-cols-[240px_minmax(0,1fr)] flex-1 items-start px-4 md:grid md:gap-6 md:px-8 lg:gap-5"><aside class="fixed top-[102px] z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 overflow-y-auto md:sticky md:top-[60px] md:block"><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative h-full overflow-hidden pt-2 pr-6 text-sm md:pr-4" orientation="vertical"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><!----><!----><!----><ul class="flex flex-col gap-1 py-1 pt-1"><!--[--><li><a href="/" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Introduction</span><!--[--><!--]--><!--]--></a></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">Getting Started</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform -rotate-90" aria-hidden="true" style="font-size:16px;"></span></button><div style="display:none;"><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a href="/getting-started" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Getting Started</span><!--[--><!--]--><!--]--></a></li><!--]--></ul></div><!--]--></div></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">License & Terms</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform -rotate-90" aria-hidden="true" style="font-size:16px;"></span></button><div style="display:none;"><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a href="/license-and-terms/atribution-guide" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Atribution Guide</span><!--[--><!--]--><!--]--></a></li><li><a href="/license-and-terms/license" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">License</span><!--[--><!--]--><!--]--></a></li><li><a href="/license-and-terms/support" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Support</span><!--[--><!--]--><!--]--></a></li><li><a href="/license-and-terms/usage-manifesto" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Usage Manifesto</span><!--[--><!--]--><!--]--></a></li>
75<!--]--></ul></div><!--]--></div></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">Documentation</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform -rotate-90" aria-hidden="true" style="font-size:16px;"></span></button><div style="display:none;"><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a href="/docs/intro" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Introduction</span><!--[--><!--]--><!--]--></a></li><!--]--></ul></div><!--]--></div></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">FAQs</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform -rotate-90" aria-hidden="true" style="font-size:16px;"></span></button><div style="display:none;"><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a href="/faqs/intro" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">FAQs</span><!--[--><!--]--><!--]--></a></li><li><a href="/faqs/pingpong" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Ping-Pong</span><!--[--><!--]--><!--]--></a></li><li><a href="/faqs/key" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Key Answers</span><!--[--><!--]--><!--]--></a></li><li><a href="/faqs/more" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">More Questions</span><!--[--><!--]--><!--]--></a></li><!--]--></ul></div><!--]--></div></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">Integrations</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform -rotate-90" aria-hidden="true" style="font-size:16px;"></span></button><div style="display:none;"><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a href="/integrations/intro" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Intro</span><!--[--><!--]--><!--]--></a></li><!--]--></ul></div><!--]--></div></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">Features</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform -rotate-90" aria-hidden="true" style="font-size:16px;"></span></button><div style="display:none;"><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a href="/features/icon-library" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Icon Library</span><!--[--><!--]--><!--]--></a></li><li><a href="/features/iconsax-platform" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Iconsax Platform</span><!--[--><!--]--><!--]--></a></li>
75<!--]--></ul></div><!--]--></div></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">Troubleshooting</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform -rotate-90" aria-hidden="true" style="font-size:16px;"></span></button><div style="display:none;"><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a href="/troubleshooting/support" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">Support</span><!--[--><!--]--><!--]--></a></li><!--]--></ul></div><!--]--></div></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">MCP Integration</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform" aria-hidden="true" style="font-size:16px;"></span></button><div style=""><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a aria-current="page" href="/mcp/ai-integration" class="router-link-active router-link-exact-active text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside bg-muted !text-primary font-medium h-8"><!--[--><!----><span class="truncate text-nowrap">Use with AI (MCP)</span><!--[--><!--]--><!--]--></a></li><!--]--></ul></div><!--]--></div></li><li><div><!--[--><button class="h-8 text-foreground/80 hover:bg-muted hover:text-primary flex w-full cursor-pointer items-center gap-2 rounded-md p-2 text-left text-sm"><!----><!--[--><!----><span class="truncate text-nowrap">npm Package</span><!--[--><!--]--><!--]--><span class="iconify i-lucide:chevron-down ml-auto transition-transform -rotate-90" aria-hidden="true" style="font-size:16px;"></span></button><div style="display:none;"><ul class="flex flex-col gap-1 py-1 mx-3.5 border-l px-2.5"><!--[--><li><a href="/npm/web-component" class="text-foreground/80 hover:bg-muted hover:text-primary flex items-center gap-2 rounded-md p-2 text-sm pl-4 sub-item-aside h-8"><!--[--><!----><span class="truncate text-nowrap">npm Package (Web Component)</span><!--[--><!--]--><!--]--></a></li><!--]--></ul></div><!--]--></div></li><!--]--></ul><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div></aside><!--[--><main class="lg:grid lg:grid-cols-[1fr_220px] lg:gap-5 relative py-6"><div class="mx-auto w-full min-w-0"><nav aria-label="breadcrumb" class="mb-4"><!--[--><ol class="flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5"><!--[--><!--[--><!--[--><li class="inline-flex items-center gap-1.5"><!--[--><a class="hover:text-foreground transition-colors">MCP Integration</a><!--]--></li><li role="presentation" aria-hidden="true" class="[&>svg]:w-3.5 [&>svg]:h-3.5"><!--[--><span class="iconify i-lucide:chevron-right !block size-3.5" aria-hidden="true" style=""></span><!--]--></li><!--]--><!--[--><li class="inline-flex items-center gap-1.5"><!--[--><a aria-current="page" href="/mcp/ai-integration" class="router-link-active router-link-exact-active hover:text-foreground transition-colors text-foreground">Use with AI (MCP)</a><!--]--></li><!----><!--]--><!--]--><!--]--></ol><!--]--></nav><!----><div class="docs-content"><h1 id="use-iconsax-with-ai-mcp-integration" class="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl"><!--[-->Use Iconsax with AI â MCP Integration<!--]--></h1><h4 id="connect-your-icon-library-directly-to-claude-cursor-or-any-mcp-compatible-ai-tool" class="scroll-m-2
750 text-xl font-semibold tracking-tight [&:not(:first-child)]:mt-6"><a href="#connect-your-icon-library-directly-to-claude-cursor-or-any-mcp-compatible-ai-tool"><!--[--><em><!--[-->"Connect your icon library directly to Claude, Cursor, or any MCP-compatible AI tool."<!--]--></em><!--]--></a></h4><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->No installation required. Add a single URL to your config and start grabbing icons from your AI assistant.<!--]--></p><hr class="[&:not(:first-child)]:mt-6"><h2 id="quick-start-free-no-account-needed" class="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors [&:not(:first-child)]:mt-10"><a href="#quick-start-free-no-account-needed"><!--[-->Quick Start â Free (No account needed)<!--]--></a></h2><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->The free tier gives you instant access to Iconsax free icons with zero setup. Just add one URL to your MCP client config.<!--]--></p><h3 id="claude-desktop" class="scroll-m-20 text-2xl font-semibold tracking-tight [&:not(:first-child)]:mt-8"><a href="#claude-desktop"><!--[-->Claude Desktop<!--]--></a></h3><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->Edit <code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->~/Library/Application Support/Claude/claude_desktop_config.json<!--]--></code>:<!--]--></p><div class="rounded-lg border text-card-foreground shadow-xs bg-muted/30 relative overflow-hidden [&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5"><!--[--><!----><div class="absolute right-2 top-2 z-10"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border size-7 p-1"><!--[--><span class="iconify i-lucide:clipboard text-muted-foreground cursor-pointer" aria-hidden="true" style=""></span><!--]--></button></div><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="overflow-x-auto py-3 text-sm inline-copy"><!--[--><pre class="language-json shiki shiki-themes github-light github-dark" style=""><!--[--><code><span class="line" line="1"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">{ 76</span></span><span class="line" line="2"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "mcpServers"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: { 77</span></span><span class="line" line="3"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "iconsax"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: { 78</span></span><span class="line" line="4"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "url"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: </span><span style="--shiki-default:#032F62;--shiki-dark:#9ECBFF">"https://app.iconsax.io/api/mcp" 79</span></span><span class="line" line="5"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8"> } 80</span></span><span class="line" line="6"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8"> } 81</span></span><span class="line" line="7"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">} 82</span></span></code><!--]--></pre><!--]--></div><!----><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div><!----><!--]--></div>
82<h3 id="cursor" class="scroll-m-20 text-2xl font-semibold tracking-tight [&:not(:first-child)]:mt-8"><a href="#cursor"><!--[-->Cursor<!--]--></a></h3><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->Edit <code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->.cursor/mcp.json<!--]--></code> in your project root:<!--]--></p><div class="rounded-lg border text-card-foreground shadow-xs bg-muted/30 relative overflow-hidden [&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5"><!--[--><!----><div class="absolute right-2 top-2 z-10"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border size-7 p-1"><!--[--><span class="iconify i-lucide:clipboard text-muted-foreground cursor-pointer" aria-hidden="true" style=""></span><!--]--></button></div><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="overflow-x-auto py-3 text-sm inline-copy"><!--[--><pre class="language-json shiki shiki-themes github-light github-dark" style=""><!--[--><code><span class="line" line="1"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">{ 83</span></span><span class="line" line="2"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "mcpServers"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: { 84</span></span><span class="line" line="3"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "iconsax"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: { 85</span></span><span class="line" line="4"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "url"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: </span><span style="--shiki-default:#032F62;--shiki-dark:#9ECBFF">"https://app.iconsax.io/api/mcp" 86</span></span><span class="line" line="5"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8"> } 87</span></span><span class="line" line="6"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8"> } 88</span></span><span class="line" line="7"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">} 89</span></span></code><!--]--></pre><!--]--></div><!----><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div><!----><!--]--></div><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->Restart the client. Iconsax tools will appear automatically â no headers, no account, no friction.<!--]--></p><hr class="[&:not(:first-child)]:mt-6"><h2 id="pro-access-40k-icons" class="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors [&:not(:first-child)]:mt-10"><a href="#pro-access-40k-icons"><!--[-->Pro Access â +40k Icons<!--]--></a></h2><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->Unlock the full Pro icon library (+40k icons) by adding your API key to the config.<!--]--></p><h3 id="step-1-generate-your-api-key" class="scroll-m-20 text-2xl font-semibold tracking-tight [&:not(:first-child)]:mt-8"><a href="#step-1-generate-your-api-key"><!--[-->Step 1 â Generate your API key<!--]--></a></h3><ol class="ml-6 list-decimal [&:not(:first-child)]:mt-6 [&:not(:last-child)]:mb-6 [&>li:not(:first-child)]:mt-2"><!--[--><li class="[&>ol]:!mt-2 [&>ul]:!mt-2"><!--[-->Go to <a href="https://iconsax.io" rel="nofollow" class="font-semibold underline underline-offset-4"><!--[-->iconsax.io<!--]--></a> and log in<!--]--></li><li class="[&>ol]:!mt-2 [&>ul]:!mt-2"><!--[-->Click your avatar â <strong class="font-semibold"><!--[-->Subscription<!--]--></strong><!--]--></li><li class="[&>ol]:!mt-2 [&>ul]:!mt-2"><!--[-->Scroll down to the <strong class="font-semibold"><!--[-->MCP API Key<!--]--></strong> section<!--]--></li><li class="[&>ol]:!mt-2 [&>ul]:!mt-2"><!--[-->Click <strong class="font-semibold"><!--[-->Generate key<!--]--></strong><!--]--></li><li class="[&>ol]:!mt-2 [&>ul]:!mt-2"><!--[-->Copy the key â it starts with <code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->ix_pro_...<!--]--></code><!--]--></li>
89<!--]--></ol><blockquote class="border-l-2 pl-6 italic [&:not(:first-child)]:mt-6"><!--[--><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->â ï¸ <strong class="font-semibold"><!--[-->Keep your key private.<!--]--></strong> You can rotate it from the same panel at any time.<!--]--></p><!--]--></blockquote><h3 id="step-2-add-the-key-to-your-config" class="scroll-m-20 text-2xl font-semibold tracking-tight [&:not(:first-child)]:mt-8"><a href="#step-2-add-the-key-to-your-config"><!--[-->Step 2 â Add the key to your config<!--]--></a></h3><div class="rounded-lg border text-card-foreground shadow-xs bg-muted/30 relative overflow-hidden [&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5"><!--[--><!----><div class="absolute right-2 top-2 z-10"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border size-7 p-1"><!--[--><span class="iconify i-lucide:clipboard text-muted-foreground cursor-pointer" aria-hidden="true" style=""></span><!--]--></button></div><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="overflow-x-auto py-3 text-sm inline-copy"><!--[--><pre class="language-json shiki shiki-themes github-light github-dark" style=""><!--[--><code><span class="line" line="1"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">{ 90</span></span><span class="line" line="2"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "mcpServers"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: { 91</span></span><span class="line" line="3"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "iconsax"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: { 92</span></span><span class="line" line="4"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "url"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: </span><span style="--shiki-default:#032F62;--shiki-dark:#9ECBFF">"https://app.iconsax.io/api/mcp"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">, 93</span></span><span class="line" line="5"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "headers"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: { 94</span></span><span class="line" line="6"><span style="--shiki-default:#005CC5;--shiki-dark:#79B8FF"> "Authorization"</span><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">: </span><span style="--shiki-default:#032F62;--shiki-dark:#9ECBFF">"Bearer ix_pro_XXXXXXXXXXXXXXXX" 95</span></span><span class="line" line="7"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8"> } 96</span></span><span class="line" line="8"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8"> } 97</span></span><span class="line" line="9"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8"> } 98</span></span><span class="line" line="10"><span style="--shiki-default:#24292E;--shiki-dark:#E1E4E8">} 99</span></span></code><!--]--></pre><!--]--></div><!----><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div><!----><!--]--></div><blockquote class="border-l-2 pl-6 italic [&:not(:first-child)]:mt-6"><!--[--><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->ð¡ From the Subscription panel, click <strong class="font-semibold"><!--[-->"Copy config"<!--]--></strong> to get this JSON block pre-filled with your actual key â ready to paste.<!--]--></p><!--]--></blockquote><hr class="[&:not(:first-child)]:mt-6">
99<h2 id="available-tools" class="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors [&:not(:first-child)]:mt-10"><a href="#available-tools"><!--[-->Available Tools<!--]--></a></h2><h3 id="free-tools" class="scroll-m-20 text-2xl font-semibold tracking-tight [&:not(:first-child)]:mt-8"><a href="#free-tools"><!--[-->Free Tools<!--]--></a></h3><div class="w-full overflow-y-auto [&:not(:first-child)]:mt-6 [&:not(:last-child)]:mb-6"><table class="w-full"><!--[--><thead><!--[--><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><th class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Tool<!--]--></th><th class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Description<!--]--></th><!--]--></tr><!--]--></thead><tbody><!--[--><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[--><code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->search_icons<!--]--></code><!--]--></td><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Search icons by keyword. Returns name, category, styles, and SVG<!--]--></td><!--]--></tr><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[--><code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->get_icon<!--]--></code><!--]--></td><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Get the full SVG for an icon by name and style<!--]--></td><!--]--></tr><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[--><code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->get_icon_as_code<!--]--></code><!--]--></td><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Returns the icon ready to paste in React, Vue or HTML<!--]--></td><!--]--></tr><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[--><code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->list_categories<!--]--></code><!--]--></td><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->List all icon categories<!--]--></td><!--]--></tr><!--]--></tbody><!--]--></table></div><h3 id="pro-tools-requires-api-key" class="scroll-m-20 text-2xl font-semibold tracking-tight [&:not(:first-child)]:mt-8"><a href="#pro-tools-requires-api-key"><!--[-->Pro Tools (requires API key)<!--]--></a></h3><div class="w-full overflow-y-auto [&:not(:first-child)]:mt-6 [&:not(:last-child)]:mb-6"><table class="w-full"><!--[--><thead><!--[--><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><th class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Tool<!--]--></th><th class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Description<!--]--></th><!--]--></tr><!--]--></thead><tbody><!--[--><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[--><code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->search_pro_icons<!--]--></code><!--]--></td><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Search the full Pro library (+40k icons)<!--]--></td><!--]--></tr><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[--><code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->get_pro_icon<!--]--></code><!--]--></td><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Get the full SVG for any Pro icon<!--]--></td><!--]--></tr><tr class="even:bg-muted/50 m-0 border-t p-0"><!--[--><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[--><code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->get_pro_icon_as_code<!--]--></code><!--]--></td><td class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"><!--[-->Returns any Pro icon ready for React, Vue or HTML<!--]--></td><!--]--></tr><!--]--></tbody><!--]--></table></div><hr class="[&:not(:first-child)]:mt-6">
99<h2 id="usage-examples" class="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors [&:not(:first-child)]:mt-10"><a href="#usage-examples"><!--[-->Usage Examples<!--]--></a></h2><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->Here are some prompts you can send directly to your AI assistant once the MCP is configured:<!--]--></p><div class="rounded-lg border text-card-foreground shadow-xs bg-muted/30 relative overflow-hidden [&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5"><!--[--><!----><div class="absolute right-2 top-2 z-10"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border size-7 p-1"><!--[--><span class="iconify i-lucide:clipboard text-muted-foreground cursor-pointer" aria-hidden="true" style=""></span><!--]--></button></div><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="overflow-x-auto py-3 text-sm inline-copy pl-3"><!--[--><pre class="" style=""><!--[--><code>Search for a "home" icon in the bold style 100</code><!--]--></pre><!--]--></div><!----><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div><!----><!--]--></div><div class="rounded-lg border text-card-foreground shadow-xs bg-muted/30 relative overflow-hidden [&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5"><!--[--><!----><div class="absolute right-2 top-2 z-10"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border size-7 p-1"><!--[--><span class="iconify i-lucide:clipboard text-muted-foreground cursor-pointer" aria-hidden="true" style=""></span><!--]--></button></div><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="overflow-x-auto py-3 text-sm inline-copy pl-3"><!--[--><pre class="" style=""><!--[--><code>Give me the SVG for the "notification" icon, linear style 101</code><!--]--></pre><!--]--></div><!----><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div><!----><!--]--></div><div class="rounded-lg border text-card-foreground shadow-xs bg-muted/30 relative overflow-hidden [&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5"><!--[--><!----><div class="absolute right-2 top-2 z-10"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border size-7 p-1"><!--[--><span class="iconify i-lucide:clipboard text-muted-foreground cursor-pointer" aria-hidden="true" style=""></span><!--]--></button></div><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="overflow-x-auto py-3 text-sm inline-copy pl-3"><!--[--><pre class="" style=""><!--[--><code>Get the "shopping cart" icon as a React component 102</code><!--]--></pre><!--]--></div><!----><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div><!----><!--]--></div><div class="rounded-lg border text-card-foreground shadow-xs bg-muted/30 relative overflow-hidden [&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5"><!--[--><!----><div class="absolute right-2 top-2 z-10"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border size-7 p-1"><!--[--><span class="iconify i-lucide:clipboard text-muted-foreground cursor-pointer" aria-hidden="true" style=""></span><!--]--></button></div><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="overflow-x-auto py-3 text-sm inline-copy pl-3"><!--[--><pre class="" style=""><!--[--><code>Find all icons in the "arrow" category 103</code><!--]--></pre><!--]--></div><!----><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div><!----><!--]--></div><div class="rounded-lg border text-card-foreground shadow-xs bg-muted/30 relative overflow-hidden [&:not(:first-child)]:mt-5 [&:not(:last-child)]:mb-5"><!--[--><!----><div class="absolute right-2 top-2 z-10"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border-input bg-background hover:bg-accent hover:text-accent-foreground border size-7 p-1"><!--[--><span class="iconify i-lucide:clipboard text-muted-foreground cursor-pointer" aria-hidden="true" style=""></span><!--]--></button></div><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="overflow-x-auto py-3 text-sm inline-copy pl-3"><!--[--><pre class="" style=""><!--[--><code>I need a settings icon, outline version as Vue code 104</code><!--]--></pre><!--]--></div><!----><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div><!----><!--]--></div><hr class="[&:not(:first-child)]:mt-6">
104<h2 id="rotating-revoking-your-key" class="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors [&:not(:first-child)]:mt-10"><a href="#rotating-revoking-your-key"><!--[-->Rotating / Revoking your key<!--]--></a></h2><ol class="ml-6 list-decimal [&:not(:first-child)]:mt-6 [&:not(:last-child)]:mb-6 [&>li:not(:first-child)]:mt-2"><!--[--><li class="[&>ol]:!mt-2 [&>ul]:!mt-2"><!--[-->Go to <strong class="font-semibold"><!--[-->Subscription settings<!--]--></strong> in your Iconsax account<!--]--></li><li class="[&>ol]:!mt-2 [&>ul]:!mt-2"><!--[-->Click <strong class="font-semibold"><!--[-->Rotate key<!--]--></strong> â the previous key is immediately invalidated<!--]--></li><li class="[&>ol]:!mt-2 [&>ul]:!mt-2"><!--[-->Copy the new key and update your config<!--]--></li><!--]--></ol><hr class="[&:not(:first-child)]:mt-6"><h2 id="faq" class="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors [&:not(:first-child)]:mt-10"><a href="#faq"><!--[-->FAQ<!--]--></a></h2><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[--><strong class="font-semibold"><!--[-->Is it free?<!--]--></strong> 105Yes, for free icons. Pro access requires an active Pro subscription.<!--]--></p><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[--><strong class="font-semibold"><!--[-->Does the free tier need an account?<!--]--></strong> 106No. Without any headers or API key, it just works.<!--]--></p><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[--><strong class="font-semibold"><!--[-->Which clients are supported?<!--]--></strong> 107Claude Desktop and Cursor are officially supported. Any HTTP/JSON-RPC MCP-compatible client will work.<!--]--></p><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[--><strong class="font-semibold"><!--[-->Does it work in CI/CD?<!--]--></strong> 108Yes. It's a standard HTTPS endpoint.<!--]--></p><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[--><strong class="font-semibold"><!--[-->What happens if my subscription expires?<!--]--></strong> 109Pro tools will fail; free tools continue working without a key.<!--]--></p><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[--><strong class="font-semibold"><!--[-->Is it the same as my account password?<!--]--></strong> 110No. It's a separate token used only for MCP connections.<!--]--></p><hr class="[&:not(:first-child)]:mt-6"><div class="con-gif reverse"><div class="dot dot1"></div><div class="dot dot2"></div><div class="dot dot3"></div><div class="dot dot4"></div><div class="text"><!--[--><h2 id="ready-to-use-icons-from-your-ai" class="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors [&:not(:first-child)]:mt-10"><a href="#ready-to-use-icons-from-your-ai"><!--[-->Ready to use icons from your AI?<!--]--></a></h2><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->Add the URL to your client config and start asking for icons by name, style, or category â your AI assistant handles the rest.<!--]--></p><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[--><strong class="font-semibold"><!--[-->Endpoint:<!--]--></strong> <code class="inline-code bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono" data-v-2442abb9><!--[-->https://app.iconsax.io/api/mcp<!--]--></code> â JSON-RPC 2.0 over HTTP<!--]--></p><!--]--><div class="dot dot2"></div><div class="dot dot3"></div></div><div class="gif"><!--[--><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[--><img onerror="this.setAttribute('data-error', 1)" alt="neo" data-nuxt-img srcset="/_vercel/image?url=%2Fgifs2%2Fneo.gif&w=1536&q=100 1x, /_vercel/image?url=%2Fgifs2%2Fneo.gif&w=1536&q=100 2x" class="rounded-md [&:not(:first-child)]:mt-8 [&:not(:last-child)]:mb-8" src="/_vercel/image?url=%2Fgifs2%2Fneo.gif&w=1536&q=100"><!--]--></p><!--]--></div></div><style>html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);
110font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}</style></div><div class="mt-16"><div class="mb-6 flex w-full items-center justify-between"><!----><div class="w-fit"><button class="ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 underline-offset-4 hover:underline h-10 px-4 py-2 text-primary text-sm font-semibold"><!--[--><div class="flex items-center gap-2"><span class="iconify i-lucide:arrow-up" aria-hidden="true" style="font-size:16px;"></span><span>Back to Top</span></div><!--]--></button></div></div><div class="border-t pt-6 lg:flex lg:flex-row"><a href="/troubleshooting/support" class="basis-1/3"><div class="hover:bg-muted/50 mb-4 space-y-2 rounded-lg border p-4 transition-all"><div class="flex flex-row gap-3"><div class="flex size-6 min-w-6"><span class="iconify i-lucide:arrow-left mx-auto self-center" aria-hidden="true" style="font-size:20px;"></span></div><span class="w-full space-y-2 self-center text-left"><div class="text-lg font-semibold">Support</div><!----></span><!----></div></div></a><span class="flex-1"></span><a href="/npm/web-component" class="basis-1/3"><div class="hover:bg-muted/50 mb-4 space-y-2 rounded-lg border p-4 transition-all"><div class="flex flex-row gap-3"><!----><span class="w-full space-y-2 self-center text-right"><div class="text-lg font-semibold">npm Package (Web Component)</div><div class="text-muted-foreground text-sm">Drop-in <iconsax-icon> web component â works in React, Vue, Svelte, or plain HTML. Free icons out of the box, Pro icons via the CLI.</div></span><div class="ml-auto flex size-6 min-w-6"><span class="iconify i-lucide:arrow-right mx-auto self-center" aria-hidden="true" style="font-size:20px;"></span></div></div></div></a></div><div class="flex"><span></span></div></div></div><div class="hidden text-sm lg:block toc-parent"><div class="sticky top-[70px] h-[calc(100vh-4.5rem)] overflow-hidden"><div dir="ltr" style="position:relative;--reka-scroll-area-corner-width:0px;--reka-scroll-area-corner-height:0px;" class="relative overflow-hidden" orientation="vertical"><!--[--><!--[--><div data-reka-scroll-area-viewport style="overflow-x:hidden;overflow-y:hidden;" class="size-full rounded-[inherit]" tabindex="0"><div style=""><!--[--><!--[--><div class="flex h-[calc(100vh-2rem)] flex-col gap-5"><div><p class="mb-2 text-base">On this page</p><ul class="border-b pb-5"><!--[--><li class="pt-2"><a href="#quick-start-free-no-account-needed" class="text-muted-foreground hover:text-primary transition-all">Quick Start â Free (No account needed)</a><ul class="pl-4"><!--[--><li class="pt-2"><a href="#claude-desktop" class="text-muted-foreground hover:text-primary transition-all">Claude Desktop</a><!----></li><li class="pt-2"><a href="#cursor" class="text-muted-foreground hover:text-primary transition-all">Cursor</a><!----></li><!--]--></ul></li><li class="pt-2"><a href="#pro-access-40k-icons" class="text-muted-foreground hover:text-primary transition-all">Pro Access â +40k Icons</a><ul class="pl-4"><!--[--><li class="pt-2"><a href="#step-1-generate-your-api-key" class="text-muted-foreground hover:text-primary transition-all">Step 1 â Generate your API key</a><!----></li><li class="pt-2"><a href="#step-2-add-the-key-to-your-config" class="text-muted-foreground hover:text-primary transition-all">Step 2 â Add the key to your config</a><!----></li>
110<!--]--></ul></li><li class="pt-2"><a href="#available-tools" class="text-muted-foreground hover:text-primary transition-all">Available Tools</a><ul class="pl-4"><!--[--><li class="pt-2"><a href="#free-tools" class="text-muted-foreground hover:text-primary transition-all">Free Tools</a><!----></li><li class="pt-2"><a href="#pro-tools-requires-api-key" class="text-muted-foreground hover:text-primary transition-all">Pro Tools (requires API key)</a><!----></li><!--]--></ul></li><li class="pt-2"><a href="#usage-examples" class="text-muted-foreground hover:text-primary transition-all">Usage Examples</a><!----></li><li class="pt-2"><a href="#rotating-revoking-your-key" class="text-muted-foreground hover:text-primary transition-all">Rotating / Revoking your key</a><!----></li><li class="pt-2"><a href="#faq" class="text-muted-foreground hover:text-primary transition-all">FAQ</a><!----></li><!--]--></ul></div><div class="text-muted-foreground"><!--[--><a href="https://github.com/lusaxweb/iconsax" rel="noopener noreferrer" target="_blank" class="flex w-full gap-1 underline-offset-4 hover:underline [&:not(:first-child)]:pt-3"><span class="iconify i-lucide:star mr-1 self-center" aria-hidden="true" style="font-size:16px;"></span> Star on GitHub <span class="iconify i-lucide:arrow-up-right text-muted-foreground ml-auto self-center" aria-hidden="true" style="font-size:13px;"></span></a><a href="https://github.com/lusaxweb/iconsax/issues" rel="noopener noreferrer" target="_blank" class="flex w-full gap-1 underline-offset-4 hover:underline [&:not(:first-child)]:pt-3"><span class="iconify i-lucide:circle-dot mr-1 self-center" aria-hidden="true" style="font-size:16px;"></span> Create Issues <span class="iconify i-lucide:arrow-up-right text-muted-foreground ml-auto self-center" aria-hidden="true" style="font-size:13px;"></span></a><!--]--></div><span></span></div><!--]--><!--]--></div></div><style> /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-scroll-area-viewport] { scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-reka-scroll-area-viewport]::-webkit-scrollbar { display:none; } </style><!--]--><!----><!----><!--]--></div></div></div></main><!--]--></div></div><!--[--><!--[--><!--[--><!--]--><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none;"><!--[--><!----><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"><!--[--><!--]--></ol><!----><!--]--></div><!--]--><!--]--><footer class="text-muted-foreground py-6 md:px-8 md:py-0"><div class="container flex flex-col items-center justify-between gap-2 md:h-24 md:flex-row"><!--[--><div class="text-sm"><p class="leading-7 [&:not(:first-child)]:mt-6"><!--[-->Made with â¤ï¸ by <a href="https://github.com/lusaxweb/iconsax" rel="nofollow" class="font-semibold underline underline-offset-4"><!--[--><strong class="font-semibold"><!--[-->Iconsax<!--]--></strong><!--]--></a><!--]--></p></div><!--]--><span class="flex-1"></span><!--[--><a href="https://discord.gg/6AZNXEa" rel="noopener noreferrer" target="_blank"><button class="ring-offset-background focus-visible:ring-ring items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground size-10 flex gap-2"><!--[--><span class="iconify i-simple-icons:discord" aria-hidden="true" style="font-size:20px;"></span><!----><!--]--></button></a><a href="https://github.com/lusaxweb/iconsax" rel="noopener noreferrer" target="_blank"><button class="ring-offset-background focus-visible:ring-ring items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground size-10 flex gap-2"><!--[--><span class="iconify i-lucide:github" aria-hidden="true" style="font-size:20px;"></span><!----><!--]--></button></a>
110<!--]--></div></footer><!--]--></div><div id="teleports"></div>
110<script id="nuxt-og-image-options" type="application/json">[{"component":1,"props":2},"OgImageShadcnDocs",{"title":3,"description":4},"Use with AI (MCP)","Connect Iconsax directly to Claude, Cursor, or any MCP-compatible AI tool â no installation required."]</script>
vendor: 1 bytes, line 110
110
111<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":30,"once":1081,"_errors":1082,"serverRendered":35,"path":41,"pinia":1085},["ShallowReactive",3],{"mdc--yl0ryq-key":4},{"data":5,"body":6},{},{"type":7,"children":8},"root",[9],{"type":10,"tag":11,"props":12,"children":13},"element","p",{},[14,17],{"type":15,"value":16},"text","Made with â¤ï¸ by ",{"type":10,"tag":18,"props":19,"children":23},"a",{"href":20,"rel":21},"https://github.com/lusaxweb/iconsax",[22],"nofollow",[24],{"type":10,"tag":25,"props":26,"children":27},"strong",{},[28],{"type":15,"value":29},"Iconsax",["Reactive",31],{"$snuxt-i18n-meta":32,"$scolor-mode":33,"$sdd-pages":37,"$sdd-surrounds":969,"$sdd-globals":988,"$sdd-navigation":990,"$sdocs-collapsed-map":1070,"$ssite-config":1071},{},{"preference":34,"value":34,"unknown":35,"forced":36},"system",true,false,["ShallowRef",38],["ShallowReactive",39],{"/mcp/ai-integration":40},{"_path":41,"_dir":42,"_draft":36,"_partial":36,"_locale":43,"title":44,"description":45,"navigation":35,"body":46,"_type":962,"_id":963,"_source":964,"_file":965,"_stem":966,"_extension":967,"layout":968},"/mcp/ai-integration","mcp","","Use with AI (MCP)","Connect Iconsax directly to Claude, Cursor, or any MCP-compatible AI tool â no installation required.",{"type":7,"children":47,"toc":945},[48,55,66,71,75,82,87,94,108,205,211,223,294,299,302,308,313,319,381,397,403,521,536,539,545,551,647,653,724,727,733,738,746,754,762,770,778,781,787,817,820,826,836,846,856,866,876,886,889,939],{"type":10,"tag":49,"props":50,"children":52},"h1",{"id":51},"use-iconsax-with-ai-mcp-integration",[53],{"type":15,"value":54},"Use Iconsax with AI â MCP Integration",{"type":10,"tag":56,"props":57,"children":59},"h4",{"id":58},"connect-your-icon-library-directly-to-claude-cursor-or-any-mcp-compatible-ai-tool",[60],{"type":10,"tag":61,"props":62,"children":63},"em",{},[64],{"type":15,"value":65},"\"Connect your icon library directly to Claude, Cursor, or any MCP-compatible AI tool.\"",{"type":10,"tag":11,"props":67,"children":68},{},[69],{"type":15,"value":70},"No installation required. Add a single URL to your config and start grabbing icons from your AI assistant.",{"type":10,"tag":72,"props":73,"children":74},"hr",{},[],{"type":10,"tag":76,"props":77,"children":79},"h2",{"id":78},"quick-start-free-no-account-needed",[80],{"type":15,"value":81},"Quick Start â Free (No account needed)",{"type":10,"tag":11,"props":83,"children":84},{},[85],{"type":15,"value":86},"The free tier gives you instant access to Iconsax free icons with zero setup. Just add one URL to your MCP client config.",{"type":10,"tag":88,"props":89,"children":91},"h3",{"id":90},"claude-desktop",[92],{"type":15,"value":93},"Claude Desktop",{"type":10,"tag":11,"props":95,"children":96},{},[97,99,106],{"type":15,"value":98},"Edit ",{"type":10,"tag":100,"props":101,"children":103},"code",{"className":102},[],[104],{"type":15,"value":105},"~/Library/Application Support/Claude/claude_desktop_config.json",{"type":15,"value":107},":",{"type":10,"tag":109,"props":110,"children":114},"pre",{"code":111,"language":112,"meta":43,"className":113,"style":43},"{\n \"mcpServers\": {\n \"iconsax\": {\n \"url\": \"https://app.iconsax.io/api/mcp\"\n }\n }\n}\n","json","language-json shiki shiki-themes github-light github-dark",[115],{"type":10,"tag":100,"props":116,"children":117},{"__ignoreMap":43},[118,130,145,158,178,187,196],{"type":10,"tag":119,"props":120,"children":123},"span",{"class":121,"line":122},"line",1,[124],{"type":10,"tag":119,"props":125,"children":127},{"style":126},"--shiki-default:#24292E;--shiki-dark:#E1E4E8",[128],{"type":15,"value":129},"{\n",{"type":10,"tag":119,"props":131,"children":133},{"class":121,"line":132},2,[134,140],{"type":10,"tag":119,"props":135,"children":137},{"style":136},"--shiki-default:#005CC5;--shiki-dark:#79B8FF",[138],{"type":15,"value":139}," \"mcpServers\"",{"type":10,"tag":119,"props":141,"children":142},{"style":126},[143],{"type":15,"value":144},": {\n",{"type":10,"tag":119,"props":146,"children":148},{"class":121,"line":147},3,[149,154],{"type":10,"tag":119,"props":150,"children":151},{"style":136},[152],{"type":15,"value":153}," \"iconsax\"",{"type":10,"tag":119,"props":155,"children":156},{"style":126},[157],{"type":15,"value":144},{"type":10,"tag":119,"props":159,"children":161},{"class":121,"line":160},4,[162,167,172],{"type":10,"tag":119,"props":163,"children":164},{"style":136},[165],{"type":15,"value":166}," \"url\"",{"type":10,"tag":119,"props":168,"children":169},{"style":126},[170],{"type":15,"value":171},": ",{"type":10,"tag":119,"props":173,"children":175}
111,{"style":174},"--shiki-default:#032F62;--shiki-dark:#9ECBFF",[176],{"type":15,"value":177},"\"https://app.iconsax.io/api/mcp\"\n",{"type":10,"tag":119,"props":179,"children":181},{"class":121,"line":180},5,[182],{"type":10,"tag":119,"props":183,"children":184},{"style":126},[185],{"type":15,"value":186}," }\n",{"type":10,"tag":119,"props":188,"children":190},{"class":121,"line":189},6,[191],{"type":10,"tag":119,"props":192,"children":193},{"style":126},[194],{"type":15,"value":195}," }\n",{"type":10,"tag":119,"props":197,"children":199},{"class":121,"line":198},7,[200],{"type":10,"tag":119,"props":201,"children":202},{"style":126},[203],{"type":15,"value":204},"}\n",{"type":10,"tag":88,"props":206,"children":208},{"id":207},"cursor",[209],{"type":15,"value":210},"Cursor",{"type":10,"tag":11,"props":212,"children":213},{},[214,215,221],{"type":15,"value":98},{"type":10,"tag":100,"props":216,"children":218},{"className":217},[],[219],{"type":15,"value":220},".cursor/mcp.json",{"type":15,"value":222}," in your project root:",{"type":10,"tag":109,"props":224,"children":225},{"code":111,"language":112,"meta":43,"className":113,"style":43},[226],{"type":10,"tag":100,"props":227,"children":228},{"__ignoreMap":43},[229,236,247,258,273,280,287],{"type":10,"tag":119,"props":230,"children":231},{"class":121,"line":122},[232],{"type":10,"tag":119,"props":233,"children":234},{"style":126},[235],{"type":15,"value":129},{"type":10,"tag":119,"props":237,"children":238},{"class":121,"line":132},[239,243],{"type":10,"tag":119,"props":240,"children":241},{"style":136},[242],{"type":15,"value":139},{"type":10,"tag":119,"props":244,"children":245},{"style":126},[246],{"type":15,"value":144},{"type":10,"tag":119,"props":248,"children":249},{"class":121,"line":147},[250,254],{"type":10,"tag":119,"props":251,"children":252},{"style":136},[253],{"type":15,"value":153},{"type":10,"tag":119,"props":255,"children":256},{"style":126},[257],{"type":15,"value":144},{"type":10,"tag":119,"props":259,"children":260},{"class":121,"line":160},[261,265,269],{"type":10,"tag":119,"props":262,"children":263},{"style":136},[264],{"type":15,"value":166},{"type":10,"tag":119,"props":266,"children":267},{"style":126},[268],{"type":15,"value":171},{"type":10,"tag":119,"props":270,"children":271},{"style":174},[272],{"type":15,"value":177},{"type":10,"tag":119,"props":274,"children":275},{"class":121,"line":180},[276],{"type":10,"tag":119,"props":277,"children":278},{"style":126},[279],{"type":15,"value":186},{"type":10,"tag":119,"props":281,"children":282},{"class":121,"line":189},[283],{"type":10,"tag":119,"props":284,"children":285},{"style":126},[286],{"type":15,"value":195},{"type":10,"tag":119,"props":288,"children":289},{"class":121,"line":198},[290],{"type":10,"tag":119,"props":291,"children":292},{"style":126},[293],{"type":15,"value":204},{"type":10,"tag":11,"props":295,"children":296},{},[297],{"type":15,"value":298},"Restart the client. Iconsax tools will appear automatically â no headers, no account, no friction.",{"type":10,"tag":72,"props":300,"children":301},{},[],{"type":10,"tag":76,"props":303,"children":305},{"id":304},"pro-access-40k-icons",[306],{"type":15,"value":307},"Pro Access â +40k Icons",{"type":10,"tag":11,"props":309,"children":310},{},[311],{"type":15,"value":312},"Unlock the full Pro icon library (+40k icons) by adding your API key to the config.",{"type":10,"tag":88,"props":314,"children":316},{"id":315},"step-1-generate-your-api-key",[317],{"type":15,"value":318},"Step 1 â Generate your API key",{"type":10,"tag":320,"props":321,"children":322},"ol",{},[323,338,348,360,370],{"type":10,"tag":324,"props":325,"children":326},"li",{},[327,329,336],{"type":15,"value":328},"Go to ",{"type":10,"tag":18,"props":330,"children":333},{"href":331,"rel":332},"https://iconsax.io",[22],[334],{"type":15,"value":335},"iconsax.io",{"type":15,"value":337}," and log in",{"type":10,"tag":324,"props":339,"children":340},{},[341,343],{"type":15,"value":342},"Click your avatar â ",{"type":10,"tag":25,"props":344,"children":345},{},[346],{"type":15,"value":347},"Subscription",{"type":10,"tag":324,"props":349,"children":350},{},[351,353,358],{"type":15,"value":352},"Scroll down to the ",{"type":10,"tag":25,"props":354,"children":355},{},[356],{"type":15,"value":357},"MCP API Key",{"type":15,"value":359}," section",{"type":10,"tag":324,"props":361,"children":362},{},[363,365],{"type":15,"value":364},"Click ",{"type":10,"tag":25,"props":366,"children":367},{},[368],{"type":15,"value":369},"Generate key",{"type":10,"tag":324,"props":371,"children":372},{},[373,375],{"type":15,"value":374},"Copy the key â it starts with ",{"type":10,"tag":100,"props":376,"children":378},{"className":377},[],[379],{"type":15,"value":380},"ix_pro_...",{"type":10,"tag":382,"props":383,"children":384},"blockquote",{},[385],{"type":10,"tag":11,"props":386,"children":387},{},[388,390,395],{"type":15,"value":389},"â ï¸ ",{"type":10,"tag":25,"props":391,"children":392},{},[393],{"type":15,"value":394},"Keep your key private.",{"type":15,"value":396}," You can rotate it from the same panel at any time.",{"type":10,"tag":88,"props":398,"children":400},{"id":399}
111,"step-2-add-the-key-to-your-config",[401],{"type":15,"value":402},"Step 2 â Add the key to your config",{"type":10,"tag":109,"props":404,"children":406},{"code":405,"language":112,"meta":43,"className":113,"style":43},"{\n \"mcpServers\": {\n \"iconsax\": {\n \"url\": \"https://app.iconsax.io/api/mcp\",\n \"headers\": {\n \"Authorization\": \"Bearer ix_pro_XXXXXXXXXXXXXXXX\"\n }\n }\n }\n}\n",[407],{"type":10,"tag":100,"props":408,"children":409},{"__ignoreMap":43},[410,417,428,439,460,472,489,497,505,513],{"type":10,"tag":119,"props":411,"children":412},{"class":121,"line":122},[413],{"type":10,"tag":119,"props":414,"children":415},{"style":126},[416],{"type":15,"value":129},{"type":10,"tag":119,"props":418,"children":419},{"class":121,"line":132},[420,424],{"type":10,"tag":119,"props":421,"children":422},{"style":136},[423],{"type":15,"value":139},{"type":10,"tag":119,"props":425,"children":426},{"style":126},[427],{"type":15,"value":144},{"type":10,"tag":119,"props":429,"children":430},{"class":121,"line":147},[431,435],{"type":10,"tag":119,"props":432,"children":433},{"style":136},[434],{"type":15,"value":153},{"type":10,"tag":119,"props":436,"children":437},{"style":126},[438],{"type":15,"value":144},{"type":10,"tag":119,"props":440,"children":441},{"class":121,"line":160},[442,446,450,455],{"type":10,"tag":119,"props":443,"children":444},{"style":136},[445],{"type":15,"value":166},{"type":10,"tag":119,"props":447,"children":448},{"style":126},[449],{"type":15,"value":171},{"type":10,"tag":119,"props":451,"children":452},{"style":174},[453],{"type":15,"value":454},"\"https://app.iconsax.io/api/mcp\"",{"type":10,"tag":119,"props":456,"children":457},{"style":126},[458],{"type":15,"value":459},",\n",{"type":10,"tag":119,"props":461,"children":462},{"class":121,"line":180},[463,468],{"type":10,"tag":119,"props":464,"children":465},{"style":136},[466],{"type":15,"value":467}," \"headers\"",{"type":10,"tag":119,"props":469,"children":470},{"style":126},[471],{"type":15,"value":144},{"type":10,"tag":119,"props":473,"children":474},{"class":121,"line":189},[475,480,484],{"type":10,"tag":119,"props":476,"children":477},{"style":136},[478],{"type":15,"value":479}," \"Authorization\"",{"type":10,"tag":119,"props":481,"children":482},{"style":126},[483],{"type":15,"value":171},{"type":10,"tag":119,"props":485,"children":486},{"style":174},[487],{"type":15,"value":488},"\"Bearer ix_pro_XXXXXXXXXXXXXXXX\"\n",{"type":10,"tag":119,"props":490,"children":491},{"class":121,"line":198},[492],{"type":10,"tag":119,"props":493,"children":494},{"style":126},[495],{"type":15,"value":496}," }\n",{"type":10,"tag":119,"props":498,"children":500},{"class":121,"line":499},8,[501],{"type":10,"tag":119,"props":502,"children":503},{"style":126},[504],{"type":15,"value":186},{"type":10,"tag":119,"props":506,"children":508},{"class":121,"line":507},9,[509],{"type":10,"tag":119,"props":510,"children":511},{"style":126},[512],{"type":15,"value":195},{"type":10,"tag":119,"props":514,"children":516},{"class":121,"line":515},10,[517],{"type":10,"tag":119,"props":518,"children":519},{"style":126},[520],{"type":15,"value":204},{"type":10,"tag":382,"props":522,"children":523},{},[524],{"type":10,"tag":11,"props":525,"children":526},{},[527,529,534],{"type":15,"value":528},"ð¡ From the Subscription panel, click ",{"type":10,"tag":25,"props":530,"children":531},{},[532],{"type":15,"value":533},"\"Copy config\"",{"type":15,"value":535}," to get this JSON block pre-filled with your actual key â ready to paste.",{"type":10,"tag":72,"props":537,"children":538},{},[],{"type":10,"tag":76,"props":540,"children":542},{"id":541},"available-tools",[543],{"type":15,"value":544},"Available Tools",{"type":10,"tag":88,"props":546,"children":548},{"id":547},"free-tools",[549],{"type":15,"value":550},"Free Tools",{"type":10,"tag":552,"props":553,"children":554},"table",{},[555,574],{"type":10,"tag":556,"props":557,"children":558},"thead",{},[559],{"type":10,"tag":560,"props":561,"children":562},"tr",{},[563,569],{"type":10,"tag":564,"props":565,"children":566},"th",{},[567],{"type":15,"value":568},"Tool",{"type":10,"tag":564,"props":570,"children":571},{},[572],{"type":15,"value":573},"Description",{"type":10,"tag":575,"props":576,"children":577},"tbody",{},[578,596,613,630],{"type":10,"tag":560,"props":579,"children":580},{},[581,591],{"type":10,"tag":582,"props":583,"children":584},"td",{},[585],{"type":10,"tag":100,"props":586,"children":588},{"className":587},[],[589],{"type":15,"value":590},"search_icons",{"type":10,"tag":582,"props":592,"children":593},{},[594],{"type":15,"value":595},"Search icons by keyword. Returns name, category, styles, and SVG",{"type":10,"tag":560,"props":597,"children":598},{},[599,608],{"type":10,"tag":582,"props":600,"children":601}
111,{},[602],{"type":10,"tag":100,"props":603,"children":605},{"className":604},[],[606],{"type":15,"value":607},"get_icon",{"type":10,"tag":582,"props":609,"children":610},{},[611],{"type":15,"value":612},"Get the full SVG for an icon by name and style",{"type":10,"tag":560,"props":614,"children":615},{},[616,625],{"type":10,"tag":582,"props":617,"children":618},{},[619],{"type":10,"tag":100,"props":620,"children":622},{"className":621},[],[623],{"type":15,"value":624},"get_icon_as_code",{"type":10,"tag":582,"props":626,"children":627},{},[628],{"type":15,"value":629},"Returns the icon ready to paste in React, Vue or HTML",{"type":10,"tag":560,"props":631,"children":632},{},[633,642],{"type":10,"tag":582,"props":634,"children":635},{},[636],{"type":10,"tag":100,"props":637,"children":639},{"className":638},[],[640],{"type":15,"value":641},"list_categories",{"type":10,"tag":582,"props":643,"children":644},{},[645],{"type":15,"value":646},"List all icon categories",{"type":10,"tag":88,"props":648,"children":650},{"id":649},"pro-tools-requires-api-key",[651],{"type":15,"value":652},"Pro Tools (requires API key)",{"type":10,"tag":552,"props":654,"children":655},{},[656,670],{"type":10,"tag":556,"props":657,"children":658},{},[659],{"type":10,"tag":560,"props":660,"children":661},{},[662,666],{"type":10,"tag":564,"props":663,"children":664},{},[665],{"type":15,"value":568},{"type":10,"tag":564,"props":667,"children":668},{},[669],{"type":15,"value":573},{"type":10,"tag":575,"props":671,"children":672},{},[673,690,707],{"type":10,"tag":560,"props":674,"children":675},{},[676,685],{"type":10,"tag":582,"props":677,"children":678},{},[679],{"type":10,"tag":100,"props":680,"children":682},{"className":681},[],[683],{"type":15,"value":684},"search_pro_icons",{"type":10,"tag":582,"props":686,"children":687},{},[688],{"type":15,"value":689},"Search the full Pro library (+40k icons)",{"type":10,"tag":560,"props":691,"children":692},{},[693,702],{"type":10,"tag":582,"props":694,"children":695},{},[696],{"type":10,"tag":100,"props":697,"children":699},{"className":698},[],[700],{"type":15,"value":701},"get_pro_icon",{"type":10,"tag":582,"props":703,"children":704},{},[705],{"type":15,"value":706},"Get the full SVG for any Pro icon",{"type":10,"tag":560,"props":708,"children":709},{},[710,719],{"type":10,"tag":582,"props":711,"children":712},{},[713],{"type":10,"tag":100,"props":714,"children":716},{"className":715},[],[717],{"type":15,"value":718},"get_pro_icon_as_code",{"type":10,"tag":582,"props":720,"children":721},{},[722],{"type":15,"value":723},"Returns any Pro icon ready for React, Vue or HTML",{"type":10,"tag":72,"props":725,"children":726},{},[],{"type":10,"tag":76,"props":728,"children":730},{"id":729},"usage-examples",[731],{"type":15,"value":732},"Usage Examples",{"type":10,"tag":11,"props":734,"children":735},{},[736],{"type":15,"value":737},"Here are some prompts you can send directly to your AI assistant once the MCP is configured:",{"type":10,"tag":109,"props":739,"children":741},{"code":740},"Search for a \"home\" icon in the bold style\n",[742],{"type":10,"tag":100,"props":743,"children":744},{"__ignoreMap":43},[745],{"type":15,"value":740},{"type":10,"tag":109,"props":747,"children":749},{"code":748},"Give me the SVG for the \"notification\" icon, linear style\n",[750],{"type":10,"tag":100,"props":751,"children":752},{"__ignoreMap":43},[753],{"type":15,"value":748},{"type":10,"tag":109,"props":755,"children":757},{"code":756},"Get the \"shopping cart\" icon as a React component\n",[758],{"type":10,"tag":100,"props":759,"children":760},{"__ignoreMap":43},[761],{"type":15,"value":756},{"type":10,"tag":109,"props":763,"children":765},{"code":764},"Find all icons in the \"arrow\" category\n",[766],{"type":10,"tag":100,"props":767,"children":768},{"__ignoreMap":43},[769],{"type":15,"value":764},{"type":10,"tag":109,"props":771,"children":773},{"code":772},"I need a settings icon, outline version as Vue code\n",[774],{"type":10,"tag":100,"props":775,"children":776},{"__ignoreMap":43},[777],{"type":15,"value":772},{"type":10,"tag":72,"props":779,"children":780},{},[],{"type":10,"tag":76,"props":782,"children":784},{"id":783},"rotating-revoking-your-key",[785],{"type":15,"value":786},"Rotating / Revoking your key",{"type":10,"tag":320,"props":788,"children":789},{},[790,801,812],{"type":10,"tag":324,"props":791,"children":792},{},[793,794,799],{"type":15,"value":328},{"type":10,"tag":25,"props":795,"children":796},{},[797],{"type":15,"value":798},"Subscription settings",{"type":15,"value":800}," in your Iconsax account",{"type":10,"tag":324,"props":802,"children":803},{},[804,805,810],{"type":15,"value":364},{"type":10,"tag":25,"props":806,"children":807},{},[808],{"type":15,"value":809},"Rotate key",{"type":15,"value":811}," â the previous key is immediately invalidated",{"type":10,"tag":324,"props":813,"children":814},{},[815],{"type":15,"value":816},"Copy the new key and update your config",{"type":10,"tag":72,"props":818,"children":819},{},[],{"type":10,"tag":76,"props":821,"children":823},{"id":822},"faq",[824],{"type":15,"value":825},"FAQ",{"type":10,"tag":11,"props":827,"children":828},{},[829,834],{"type":10,"tag":25,"props":830,"children":831},{},[832],{"type":15,"value":833},"Is it free?",{"type":15,"value":835},"\nYes, for free icons. Pro access requires an active Pro subscription.",{"type":10,"tag":11,"props":837,"children":838},{},[839,844],{"type":10,"tag":25,"props":840,"children":841},{},[842],{"type":15,"value":843},"Does the free tier need an account?",{"type":15,"value":845},"\nNo. Without any headers or API key, it just works.",{"type":10,"tag":11,"props":847,"children":848},{},[849,854],{"type":10,"tag":25,"props":850,"children":851},{},[852],{"type":15,"value":853},"Which clients are supported?",{"type":15,"value":855},"\nClaude Desktop and Cursor are officially supported. Any HTTP/JSON-RPC MCP-compatible client will work.",{"type":10,"tag":11,"props":857,"children":858},{},[859,864],{"type":10,"tag":25,"props":860,"children":861},{},[862],{"type":15,"value":863},"Does it work in CI/CD?",{"type":15,"value":865},"\nYes. It's a standard HTTPS endpoint.",{"type":10,"tag":11,"props":867,"children":868},{},[869,874],{"type":10,"tag":25,"props":870,"children":871},{},[872],{"type":15,"value":873},"What happens if my subscription expires?",{"type":15,"value":875},"\nPro tools will fail; free tools continue working without a key.",{"type":10,"tag":11,"props":877,"children":878},{},[879,884],{"type":10,"tag":25,"props":880,"children":881},{},[882],{"type":15,"value":883},"Is it the same as my account password?",{"type":15,"value":885},"\nNo. It's a separate token used only for MCP connections.",{"type":10,"tag":72,"props":887,"children":888},{},[],{"type":10,"tag":890,"props":891,"children":893},"gif",{"reverse":892},"true",[894,927],{"type":10,"tag":895,"props":896,"children":897},"template",{"v-slot:text":43},[898,904,909],{"type":10,"tag":76,"props":899,"children":901},{"id":900},"ready-to-use-icons-from-your-ai",[902],{"type":15,"value":903},"Ready to use icons from your AI?",{"type":10,"tag":11,"props":905,"children":906},{},[907],{"type":15,"value":908},"Add the URL to your client config and start asking for icons by name, style, or category â your AI assistant handles the rest.",{"type":10,"tag":11,"props":910,"children":911},{},[912,917,919,925],{"type":10,"tag":25,"props":913,"children":914},{},[915],{"type":15,"value":916},"Endpoint:",{"type":15,"value":918}," ",{"type":10,"tag":100,"props":920,"children":922},{"className":921},[],[923],{"type":15,"value":924},"https://app.iconsax.io/api/mcp",{"type":15,"value":926}," â JSON-RPC 2.0 over HTTP",{"type":10,"tag":895,"props":928,"children":929},{"v-slot:gif":43},[930],{"type":10,"tag":11,"props":931,"children":932},{},[933],{"type":10,"tag":934,"props":935,"children":938},"img",{"alt":936,"src":937},"neo","/gifs2/neo.gif",[],{"type":10,"tag":940,"props":941,"children":942},"style",{},[943],{"type":15,"value":944},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);
111font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":43,"searchDepth":132,"depth":132,"links":946},[947,951,955,959,960,961],{"id":78,"depth":132,"text":81,"children":948},[949,950],{"id":90,"depth":147,"text":93},{"id":207,"depth":147,"text":210},{"id":304,"depth":132,"text":307,"children":952},[953,954],{"id":315,"depth":147,"text":318},{"id":399,"depth":147,"text":402},{"id":541,"depth":132,"text":544,"children":956},[957,958],{"id":547,"depth":147,"text":550},{"id":649,"depth":147,"text":652},{"id":729,"depth":132,"text":732},{"id":783,"depth":132,"text":786},{"id":822,"depth":132,"text":825},"markdown","content:8.mcp:1.ai-integration.md","content","8.mcp/1.ai-integration.md","8.mcp/1.ai-integration","md","default",["ShallowRef",970],["ShallowReactive",971],{"/mcp/ai-integration":972},[973,980],{"_path":974,"_dir":975,"_draft":36,"_partial":36,"_locale":43,"title":976,"description":43,"navigation":35,"_type":962,"_id":977,"_source":964,"_file":978,"_stem":979,"_extension":967},"/troubleshooting/support","troubleshooting","Support","content:7.troubleshooting:1.support.md","7.troubleshooting/1.support.md","7.troubleshooting/1.support",{"_path":981,"_dir":982,"_draft":36,"_partial":36,"_locale":43,"title":983,"description":984,"navigation":35,"_type":962,"_id":985,"_source":964,"_file":986,"_stem":987,"_extension":967},"/npm/web-component","npm","npm Package (Web Component)","Drop-in \u003Ciconsax-icon> web component â works in React, Vue, Svelte, or plain HTML. Free icons out of the box, Pro icons via the CLI.","content:9.npm:1.web-component.md","9.npm/1.web-component.md","9.npm/1.web-component",["ShallowRef",989],{},[991,994,999,1015,1021,1036,1043,1054,1060,1065],{"title":992,"_path":993},"Introduction","/",{"title":995,"_path":996,"children":997},"Getting Started","/getting-started",[998],{"title":995,"_path":996},{"title":1000,"_path":1001,"children":1002,"redirect":1014},"License & Terms","/license-and-terms",[1003,1006,1009,1011],{"title":1004,"_path":1005},"Atribution Guide","/license-and-terms/atribution-guide",{"title":1007,"_path":1008},"License","/license-and-terms/license",{"title":976,"_path":1010},"/license-and-terms/support",{"title":1012,"_path":1013},"Usage Manifesto","/license-and-terms/usage-manifesto","/license/license",{"title":1016,"_path":1017,"children":1018,"redirect":1020},"Documentation","/docs",[1019],{"title":992,"_path":1020},"/docs/intro",{"title":1022,"_path":1023,"children":1024,"redirect":1026},"FAQs","/faqs",[1025,1027,1030,1033],{"title":1022,"_path":1026},"/faqs/intro",{"title":1028,"_path":1029},"Ping-Pong","/faqs/pingpong",{"title":1031,"_path":1032},"Key Answers","/faqs/key",{"title":1034,"_path":1035},"More Questions","/faqs/more",{"title":1037,"_path":1038,"children":1039,"redirect":1042},"Integrations","/integrations",[1040],{"title":1041,"_path":1042},"Intro","/integrations/intro",{"title":1044,"_path":1045,"children":1046,"redirect":1053},"Features","/features",[1047,1050],{"title":1048,"_path":1049},"Icon Library","/features/icon-library",{"title":1051,"_path":1052},"Iconsax Platform","/features/iconsax-platform","/Features/incon-library",{"title":1055,"_path":1056,"children":1057,"redirect":1059},"Troubleshooting","/troubleshooting",[1058],{"title":976,"_path":974},"/Troubleshooting/Support",{"title":1061,"_path":1062,"children":1063,"redirect":41},"MCP Integration","/mcp",[1064],{"title":44,"_path":41},{"title":1066,"_path":1067,"children":1068,"redirect":981},"npm Package","/npm",[1069],{"title":983,"_path":981},["Map"],{"_priority":1072,"currentLocale":1077,"defaultLocale":1077,"env":1078,"name":1079,"url":1080},{"name":1073,"env":1074,"url":1075,"defaultLocale":1076,"currentLocale":1076},-5,-15,-4,-2,"en-US","production","iconsax-docs","https://docs.iconsax.io/",["Set"],["ShallowReactive",1083],{"mdc--yl0ryq-key":1084},null,{"store":1086},{"loading":35}]</script>
vendor: 1 bytes, line 111
111
112<script>window.__NUXT__={};window.__NUXT__.config={public:{mdc:{components:{prose:true,map:{p:"prose-p",a:"prose-a",blockquote:"prose-blockquote","code-inline":"prose-code-inline",code:"ProseCodeInline",em:"prose-em",h1:"prose-h1",h2:"prose-h2",h3:"prose-h3",h4:"prose-h4",h5:"prose-h5",h6:"prose-h6",hr:"prose-hr",img:"prose-img",ul:"prose-ul",ol:"prose-ol",li:"prose-li",strong:"prose-strong",table:"prose-table",thead:"prose-thead",tbody:"prose-tbody",td:"prose-td",th:"prose-th",tr:"prose-tr"}},headings:{anchorLinks:{h1:false,h2:true,h3:true,h4:true,h5:false,h6:false}}},content:{locales:[],defaultLocale:"",integrity:1783991395686,experimental:{stripQueryParameters:false,advanceQuery:false,clientDB:false},respectPathCase:false,api:{baseURL:"/api/_content"},navigation:{fields:["icon","navBadges","navTruncate","badges","toc","sidebar","collapse","editLink","prevNext","breadcrumb","fullpage","layout"]},tags:{p:"prose-p",a:"prose-a",blockquote:"prose-blockquote","code-inline":"prose-code-inline",code:"ProseCodeInline",em:"prose-em",h1:"prose-h1",h2:"prose-h2",h3:"prose-h3",h4:"prose-h4",h5:"prose-h5",h6:"prose-h6",hr:"prose-hr",img:"prose-img",ul:"prose-ul",ol:"prose-ol",li:"prose-li",strong:"prose-strong",table:"prose-table",thead:"prose-thead",tbody:"prose-tbody",td:"prose-td",th:"prose-th",tr:"prose-tr"},highlight:{theme:{default:"github-light",dark:"github-dark"},preload:["json","js","ts","html","css","vue","diff","shell","markdown","mdc","yaml","bash","ini","dotenv"],highlighter:"shiki",shikiEngine:"oniguruma",langs:["js","jsx","json","ts","tsx","vue","css","html","bash","md","mdc","yaml","json","js","ts","html","css","vue","diff","shell","markdown","mdc","yaml","bash","ini","dotenv"]},wsUrl:"",documentDriven:{page:true,navigation:true,surround:true,globals:{},layoutFallbacks:["theme"],injectPage:true},host:"",trailingSlash:false,search:{indexed:true,ignoredTags:["script","style","pre"],filterQuery:{_draft:false,_partial:false},options:{fields:["title","content","titles"],storeFields:["title","content","titles"],searchOptions:{prefix:true,fuzzy:.2,boost:{title:4,content:2,titles:1}}}},contentHead:true,anchorLinks:{depth:4,exclude:[1]}},"nuxt-scripts":{version:"",defaultScriptOptions:{trigger:"onNuxtReady"}},i18n:{baseUrl:"",defaultLocale:"en",defaultDirection:"ltr",strategy:"prefix_except_default",lazy:false,rootRedirect:"",routesNameSeparator:"___",defaultLocaleRouteNameSuffix:"default",skipSettingLocaleOnNavigate:false,differentDomains:false,trailingSlash:false,locales:[{code:"en",name:"English",language:"en-US",files:[]}],detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_redirected",cookieSecure:false,fallbackLocale:"",redirectOn:"root",useCookie:true},experimental:{localeDetector:"",switchLocalePathLinkSSR:false,autoImportTranslationFunctions:false,typedPages:true,typedOptionsAndMessages:false,generatedLocaleFilePathFormat:"absolute",alternateLinkCanonicalQueries:false,hmr:true},multiDomainLocales:false}},app:{baseURL:"/",buildId:"4ec487a3-245c-44d3-9763-3a2fdb3e0a78",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
112</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.