연습장:Sakura 문서 원본 보기

문서 편집 권한이 없습니다. 다음 이유를 확인해주세요:

---

문서의 원본을 보거나 복사할 수 있습니다.

== Tailwind CSS 설명 == === 무엇인가? === <div class="max-w-[500px] w-full mx-auto mb-[6px] pb-[6px] bg-sky-500 border-sky-500 border-solid border-2 text-center text-white">{{youtube|--D4WMPEIZI|496px}}'''Tailwind CSS를 설명하는 영상'''</div> css 파일 대신 html에 코드를 쓰는 걸로 대신할 수 있는 CSS 프레임워크 라고는 하지만 이해 못하시죠? 간단히 말하자면 <code>style=""</code> 사이에 무언가를 쓰는것 대신에 <code>class=""</code>에 적어서 적용할 수 있게 만드는 기능입니다. === 왜 쓰는가? === 코드를 짜는 시간이 짧아집니다. 대표적으로 틀을 가운데 두기 위해 많이 쓰는 <code>style="margin-right: auto; margin-left: auto;"</code>는 <code>class="mx-0"</code>로 짧게 작성할 수 있습니다. 또, 문서의 다크모드 대응도 가능하게 됩니다. 기존 방식에서는 다크모드에 대응할 수 없고, 대응하고자 하면 관리자가 미리 작성해놓은 <code>class="evewiki-dark-txt"</code> 같은걸 써야했지만, 이제는 관리자가 미리 작성했느냐와는 관계 없이 <code>class="dark:text-white"</code>라고 작성하여 다크모드에서 글자를 흰색으로 보이게 할 수 있습니다. == Tailwind CSS 색상표 == 배경색(background), 테두리 색(border), 글자 색(color) 등 색상을 정할 때 Tailwind CSS에서는 이 색상표의 색을 기본으로 제공합니다. 물론, 검은색(black)과 흰색(white)는 당연히 포함이죠! 또, 필요하다면 대괄호([,])를 이용해 별도의 색을 지정할 수도 있습니다. <span class="text-[#00FF00]">예를 들어, <code>text-[#00FF00]</code>처럼 말이죠!</span> {| class="wikitable !w-full !border-sky-500 !border-2 !border-solid" style="font-size: 10pt" ! class="!bg-sky-500 text-center text-white" | 색상표 |- | | <div class="mw-customtoggle-Tailwind !bg-transparent text-center"><div style="margin: 1px 0px 1.5px">'''[ 펼치기 · 접기 ]'''</div></div> <div class="mw-collapsible mw-collapsed !border-transparent" id="mw-customcollapsible-Tailwind"> <div class="toccolours mw-collapsible-content !bg-transparent !border-transparent"> <!----> <div class="grid grid-cols-[repeat(auto-fit,minmax(8rem,1fr))] gap-x-2 gap-y-4 sm:grid-cols-1"> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Slate </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(248, 250, 252);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f8fafc </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(241, 245, 249);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f1f5f9 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(226, 232, 240);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e2e8f0 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(203, 213, 225);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>cbd5e1 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(148, 163, 184);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>94a3b8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(100, 116, 139);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>64748b </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(71, 85, 105);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>475569 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(51, 65, 85);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>334155 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(30, 41, 59);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>1e293b </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(15, 23, 42);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0f172a </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(2, 6, 23);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>020617 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Gray </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(249, 250, 251);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f9fafb </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(243, 244, 246);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f3f4f6 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(229, 231, 235);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e5e7eb </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(209, 213, 219);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d1d5db </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(156, 163, 175);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>9ca3af </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(107, 114, 128);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>6b7280 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(75, 85, 99);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>4b5563 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(55, 65, 81);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>374151 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(31, 41, 55);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>1f2937 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(17, 24, 39);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>111827 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(3, 7, 18);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>030712 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Zinc </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 250, 250);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fafafa </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(244, 244, 245);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f4f4f5 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(228, 228, 231);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e4e4e7 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(212, 212, 216);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d4d4d8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(161, 161, 170);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a1a1aa </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(113, 113, 122);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>71717a </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(82, 82, 91);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>52525b </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(63, 63, 70);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>3f3f46 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(39, 39, 42);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>27272a </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(24, 24, 27);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>18181b </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(9, 9, 11);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>09090b </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Neutral </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 250, 250);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fafafa </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 245, 245);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f5f5f5 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(229, 229, 229);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e5e5e5 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(212, 212, 212);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d4d4d4 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(163, 163, 163);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a3a3a3 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(115, 115, 115);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>737373 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(82, 82, 82);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>525252 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(64, 64, 64);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>404040 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(38, 38, 38);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>262626 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(23, 23, 23);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>171717 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(10, 10, 10);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0a0a0a </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Stone </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 250, 249);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fafaf9 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 245, 244);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f5f5f4 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(231, 229, 228);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e7e5e4 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(214, 211, 209);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d6d3d1 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(168, 162, 158);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a8a29e </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(120, 113, 108);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>78716c </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(87, 83, 78);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>57534e </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(68, 64, 60);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>44403c </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(41, 37, 36);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>292524 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(28, 25, 23);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>1c1917 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(12, 10, 9);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0c0a09 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Red </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 242, 242);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fef2f2 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 226, 226);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fee2e2 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 202, 202);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fecaca </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(252, 165, 165);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fca5a5 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(248, 113, 113);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f87171 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(239, 68, 68);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ef4444 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(220, 38, 38);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>dc2626 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(185, 28, 28);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>b91c1c </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(153, 27, 27);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>991b1b </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(127, 29, 29);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>7f1d1d </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(69, 10, 10);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>450a0a </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Orange </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 247, 237);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fff7ed </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 237, 213);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ffedd5 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 215, 170);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fed7aa </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 186, 116);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fdba74 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(251, 146, 60);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fb923c </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(249, 115, 22);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f97316 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(234, 88, 12);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ea580c </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(194, 65, 12);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>c2410c </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(154, 52, 18);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>9a3412 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(124, 45, 18);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>7c2d12 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(67, 20, 7);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>431407 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Amber </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 251, 235);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fffbeb </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 243, 199);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fef3c7 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 230, 138);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fde68a </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(252, 211, 77);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fcd34d </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(251, 191, 36);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fbbf24 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 158, 11);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f59e0b </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(217, 119, 6);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d97706 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(180, 83, 9);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>b45309 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(146, 64, 14);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>92400e </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(120, 53, 15);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>78350f </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(69, 26, 3);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>451a03 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Yellow </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 252, 232);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fefce8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 249, 195);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fef9c3 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 240, 138);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fef08a </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 224, 71);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fde047 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 204, 21);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>facc15 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(234, 179, 8);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>eab308 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(202, 138, 4);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ca8a04 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(161, 98, 7);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a16207 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(133, 77, 14);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>854d0e </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(113, 63, 18);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>713f12 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(66, 32, 6);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>422006 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Lime </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(247, 254, 231);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f7fee7 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(236, 252, 203);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ecfccb </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(217, 249, 157);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d9f99d </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(190, 242, 100);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>bef264 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(163, 230, 53);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a3e635 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(132, 204, 22);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>84cc16 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(101, 163, 13);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>65a30d </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(77, 124, 15);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>4d7c0f </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(63, 98, 18);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>3f6212 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(54, 83, 20);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>365314 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(26, 46, 5);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>1a2e05 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Green </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(240, 253, 244);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f0fdf4 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(220, 252, 231);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>dcfce7 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(187, 247, 208);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>bbf7d0 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(134, 239, 172);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>86efac </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(74, 222, 128);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>4ade80 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(34, 197, 94);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>22c55e </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(22, 163, 74);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>16a34a </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(21, 128, 61);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>15803d </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(22, 101, 52);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>166534 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(20, 83, 45);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>14532d </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(5, 46, 22);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>052e16 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Emerald </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(236, 253, 245);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ecfdf5 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(209, 250, 229);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d1fae5 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(167, 243, 208);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a7f3d0 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(110, 231, 183);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>6ee7b7 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(52, 211, 153);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>34d399 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(16, 185, 129);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>10b981 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(5, 150, 105);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>059669 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(4, 120, 87);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>047857 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(6, 95, 70);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>065f46 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(6, 78, 59);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>064e3b </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(2, 44, 34);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>022c22 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Teal </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(240, 253, 250);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f0fdfa </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(204, 251, 241);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ccfbf1 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(153, 246, 228);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>99f6e4 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(94, 234, 212);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>5eead4 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(45, 212, 191);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>2dd4bf </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(20, 184, 166);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>14b8a6 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(13, 148, 136);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0d9488 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(15, 118, 110);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0f766e </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(17, 94, 89);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>115e59 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(19, 78, 74);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>134e4a </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(4, 47, 46);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>042f2e </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Cyan </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(236, 254, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ecfeff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(207, 250, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>cffafe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(165, 243, 252);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a5f3fc </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(103, 232, 249);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>67e8f9 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(34, 211, 238);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>22d3ee </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(6, 182, 212);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>06b6d4 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(8, 145, 178);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0891b2 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(14, 116, 144);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0e7490 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(21, 94, 117);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>155e75 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(22, 78, 99);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>164e63 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(8, 51, 68);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>083344 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Sky </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(240, 249, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f0f9ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(224, 242, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e0f2fe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(186, 230, 253);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>bae6fd </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(125, 211, 252);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>7dd3fc </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(56, 189, 248);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>38bdf8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(14, 165, 233);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0ea5e9 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(2, 132, 199);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0284c7 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(3, 105, 161);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0369a1 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(7, 89, 133);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>075985 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(12, 74, 110);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>0c4a6e </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(8, 47, 73);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>082f49 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Blue </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(239, 246, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>eff6ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(219, 234, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>dbeafe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(191, 219, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>bfdbfe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(147, 197, 253);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>93c5fd </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(96, 165, 250);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>60a5fa </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(59, 130, 246);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>3b82f6 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(37, 99, 235);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>2563eb </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(29, 78, 216);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>1d4ed8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(30, 64, 175);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>1e40af </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(30, 58, 138);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>1e3a8a </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(23, 37, 84);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>172554 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Indigo </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(238, 242, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>eef2ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(224, 231, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e0e7ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(199, 210, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>c7d2fe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(165, 180, 252);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a5b4fc </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(129, 140, 248);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>818cf8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(99, 102, 241);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>6366f1 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(79, 70, 229);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>4f46e5 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(67, 56, 202);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>4338ca </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(55, 48, 163);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>3730a3 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(49, 46, 129);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>312e81 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(30, 27, 75);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>1e1b4b </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Violet </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 243, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f5f3ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(237, 233, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ede9fe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(221, 214, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ddd6fe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(196, 181, 253);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>c4b5fd </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(167, 139, 250);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a78bfa </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(139, 92, 246);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>8b5cf6 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(124, 58, 237);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>7c3aed </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(109, 40, 217);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>6d28d9 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(91, 33, 182);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>5b21b6 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(76, 29, 149);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>4c1d95 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(46, 16, 101);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>2e1065 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Purple </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 245, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>faf5ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(243, 232, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f3e8ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(233, 213, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e9d5ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(216, 180, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d8b4fe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(192, 132, 252);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>c084fc </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(168, 85, 247);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a855f7 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(147, 51, 234);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>9333ea </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(126, 34, 206);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>7e22ce </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(107, 33, 168);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>6b21a8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(88, 28, 135);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>581c87 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(59, 7, 100);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>3b0764 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Fuchsia </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 244, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fdf4ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 232, 255);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fae8ff </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 208, 254);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f5d0fe </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(240, 171, 252);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f0abfc </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(232, 121, 249);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e879f9 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(217, 70, 239);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>d946ef </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(192, 38, 211);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>c026d3 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(162, 28, 175);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>a21caf </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(134, 25, 143);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>86198f </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(112, 26, 117);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>701a75 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(74, 4, 78);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>4a044e </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Pink </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 242, 248);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fdf2f8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(252, 231, 243);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fce7f3 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(251, 207, 232);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fbcfe8 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(249, 168, 212);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f9a8d4 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(244, 114, 182);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f472b6 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(236, 72, 153);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ec4899 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(219, 39, 119);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>db2777 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(190, 24, 93);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>be185d </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(157, 23, 77);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>9d174d </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(131, 24, 67);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>831843 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(80, 7, 36);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>500724 </div> </div> </div> </div> </div> </div> <div class="2xl:contents"> <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5"> Rose </div> <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0"> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 241, 242);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 50 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fff1f2 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 228, 230);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 100 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>ffe4e6 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 205, 211);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 200 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fecdd3 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 164, 175);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 300 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fda4af </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(251, 113, 133);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 400 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>fb7185 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(244, 63, 94);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 500 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>f43f5e </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(225, 29, 72);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 600 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>e11d48 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(190, 18, 60);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 700 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>be123c </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(159, 18, 57);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 800 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>9f1239 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(136, 19, 55);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 900 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>881337 </div> </div> </div> </div> <div class="relative flex"> <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5"> <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(76, 5, 25);"> </div> <div class="px-0.5"> <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white"> 950 </div> <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs"> <nowiki>#</nowiki>4c0519 </div> </div> </div> </div> </div> </div> </div> |}</div></div> == Tailwind CSS 코드 == === Padding === <div class="scrollbar flex-none min-w-full overflow-auto max-h-[500px]"> {| class="w-full text-left border-collapse" | class="sticky z-10 top-0 text-sm leading-6 font-semibold text-slate-700 bg-white p-0 dark:bg-slate-900 dark:text-slate-300" |<div class="p-4 border-b border-slate-200 dark:border-slate-400/20">Class 이름</div> | class="sticky z-10 top-0 text-sm leading-6 font-semibold text-slate-700 bg-white p-0 dark:bg-slate-900 dark:text-slate-300" |<div class="p-4 border-b border-slate-200 dark:border-slate-400/20">적용되는 Style</div> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400" | p-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300" | padding: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0px;<br>padding-right: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0px;<br>padding-bottom: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-0 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1px;<br>padding-right: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1px;<br>padding-bottom: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-px | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1px; |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span><br>padding-right: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span><br>padding-bottom: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-0.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span><br>padding-right: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span><br>padding-bottom: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-1 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span><br>padding-right: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span><br>padding-bottom: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-1.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-2 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span><br>padding-right: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-2 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span><br>padding-bottom: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-2 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-2 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-2 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-2 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-4.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-2.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span><br>padding-right: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-2.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span><br>padding-bottom: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-2.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-2.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-2.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-4.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-2.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-4.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span><br>padding-right: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span><br>padding-bottom: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-3 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span><br>padding-right: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span><br>padding-bottom: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-3.5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1rem;<span class="text-indigo-400"> /* 15px */</span><br>padding-right: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1rem;<span class="text-indigo-400"> /* 15px */</span><br>padding-bottom: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-4 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1rem;<span class="text-indigo-400"> /* 15px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span><br>padding-right: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span><br>padding-bottom: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-5 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span><br>padding-right: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span><br>padding-bottom: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-6 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span><br>padding-right: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span><br>padding-bottom: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-7 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 2rem;<span class="text-indigo-400"> /* 30px */</span><br>padding-right: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 2rem;<span class="text-indigo-400"> /* 30px */</span><br>padding-bottom: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-8 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 2rem;<span class="text-indigo-400"> /* 30px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span><br>padding-right: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span><br>padding-bottom: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-9 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span><br>padding-right: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span><br>padding-bottom: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-10 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span><br>padding-right: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span><br>padding-bottom: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-11 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 3rem;<span class="text-indigo-400"> /* 45px */</span><br>padding-right: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 3rem;<span class="text-indigo-400"> /* 45px */</span><br>padding-bottom: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-12 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 3rem;<span class="text-indigo-400"> /* 45px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span><br>padding-right: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span><br>padding-bottom: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-14 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 4rem;<span class="text-indigo-400"> /* 60px */</span><br>padding-right: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 4rem;<span class="text-indigo-400"> /* 60px */</span><br>padding-bottom: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-16 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 4rem;<span class="text-indigo-400"> /* 60px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-20 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 5rem;<span class="text-indigo-400"> /* 75px */</span><br>padding-right: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-20 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 5rem;<span class="text-indigo-400"> /* 75px */</span><br>padding-bottom: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-20 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-20 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-20 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-20 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 5rem;<span class="text-indigo-400"> /* 75px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-24 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 6rem;<span class="text-indigo-400"> /* 90px */</span><br>padding-right: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-24 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 6rem;<span class="text-indigo-400"> /* 90px */</span><br>padding-bottom: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-24 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-24 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-24 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-24 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 6rem;<span class="text-indigo-400"> /* 90px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-28 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 7rem;<span class="text-indigo-400"> /* 105px */</span><br>padding-right: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-28 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 7rem;<span class="text-indigo-400"> /* 105px */</span><br>padding-bottom: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-28 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-28 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-28 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-28 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 7rem;<span class="text-indigo-400"> /* 105px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 8rem;<span class="text-indigo-400"> /* 120px */</span><br>padding-right: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 8rem;<span class="text-indigo-400"> /* 120px */</span><br>padding-bottom: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-32 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 8rem;<span class="text-indigo-400"> /* 120px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 9rem;<span class="text-indigo-400"> /* 135px */</span><br>padding-right: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 9rem;<span class="text-indigo-400"> /* 135px */</span><br>padding-bottom: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-36 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 9rem;<span class="text-indigo-400"> /* 135px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 10rem;<span class="text-indigo-400"> /* 150px */</span><br>padding-right: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 10rem;<span class="text-indigo-400"> /* 150px */</span><br>padding-bottom: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-40 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 10rem;<span class="text-indigo-400"> /* 150px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 11rem;<span class="text-indigo-400"> /* 165px */</span><br>padding-right: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 11rem;<span class="text-indigo-400"> /* 165px */</span><br>padding-bottom: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-44 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 11rem;<span class="text-indigo-400"> /* 165px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 12rem;<span class="text-indigo-400"> /* 180px */</span><br>padding-right: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 12rem;<span class="text-indigo-400"> /* 180px */</span><br>padding-bottom: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-48 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 12rem;<span class="text-indigo-400"> /* 180px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 13rem;<span class="text-indigo-400"> /* 195px */</span><br>padding-right: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 13rem;<span class="text-indigo-400"> /* 195px */</span><br>padding-bottom: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-52 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 13rem;<span class="text-indigo-400"> /* 195px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 14rem;<span class="text-indigo-400"> /* 210px */</span><br>padding-right: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 14rem;<span class="text-indigo-400"> /* 210px */</span><br>padding-bottom: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-56 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 14rem;<span class="text-indigo-400"> /* 210px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 15rem;<span class="text-indigo-400"> /* 225px */</span><br>padding-right: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 15rem;<span class="text-indigo-400"> /* 225px */</span><br>padding-bottom: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-60 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 15rem;<span class="text-indigo-400"> /* 225px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 16rem;<span class="text-indigo-400"> /* 240px */</span><br>padding-right: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 16rem;<span class="text-indigo-400"> /* 240px */</span><br>padding-bottom: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-64 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 16rem;<span class="text-indigo-400"> /* 240px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 18rem;<span class="text-indigo-400"> /* 270px */</span><br>padding-right: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 18rem;<span class="text-indigo-400"> /* 270px */</span><br>padding-bottom: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-72 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 18rem;<span class="text-indigo-400"> /* 270px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 20rem;<span class="text-indigo-400"> /* 300px */</span><br>padding-right: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 20rem;<span class="text-indigo-400"> /* 300px */</span><br>padding-bottom: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-80 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 20rem;<span class="text-indigo-400"> /* 300px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | p-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | px-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 24rem;<span class="text-indigo-400"> /* 360px */</span><br>padding-right: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | py-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 24rem;<span class="text-indigo-400"> /* 360px */</span><br>padding-bottom: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | ps-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-start: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pe-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-inline-end: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pt-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-top: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pr-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-right: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pb-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-bottom: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- | class="p-4 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | pl-96 | class="p-4 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-0 border-t border-solid border-slate-100 dark:border-slate-400/10" | padding-left: 24rem;<span class="text-indigo-400"> /* 360px */</span> |- |} </div> {{#CSS: p { margin:0 } }} === Margin ===

연습장:Sakura 문서로 돌아갑니다.