연습장:Sakura: 두 판 사이의 차이

편집 요약 없음
 
(사용자 2명의 중간 판 84개는 보이지 않습니다)
1번째 줄: 1번째 줄:
== 기능 틀 ==
== 제1편 총칙 ==
=== 테마(라이트모드/다크모드) 별 이미지 ===
=== 제1장 통칙 ===
<div class="inline-block dark:hidden">{{{1|라이트모드에서 보입니다!}}}</div><div class="hidden dark:inline-block">{{{2|다크모드에서 보입니다!}}}</div>
제1조(기본원칙)
사권은 공공복지에 적합하여야 한다.
권리의 행사 및 의무의 이행은 신의를 좇아 성실히 하여야 한다.
권리의 남용은 이를 허용하지 않는다.


=== 다크모드 전환 토글 ===
제2조(해석의 기준)
{{test}}
본 법률은 개인의 존엄과 양성의 본질적 평등을 취지로 해석해야 한다.
=== 제2장 인 ===
==== 제1절 권리능력 ====
제3조(권리능력)
사권의 향유는 출생으로부터 시작한다.
외국인은 법령 또는 조약의 규정에 따라 금지되는 경우를 제외하고는 사권을 향유한다.


== Tailwind CSS 설명 ==
==== 제2절 의사능력 ====
=== 무엇인가? ===
제3조의2(의사능력)
<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>에 적어서 적용할 수 있게 만드는 기능입니다.


=== 왜 쓰는가? ===
==== 제3절 행위능력 ====
코드를 짜는 시간이 짧아집니다. 대표적으로 틀을 가운데 두기 위해 많이 쓰는 <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>라고 작성하여 다크모드에서 글자를 흰색으로 보이게 할 수 있습니다.
제4조(성년)
연령 18세로 성년이 된다.


== Tailwind CSS 색상표 ==
제5조(미성년자의 법률행위)
배경색(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" | 색상표
제1항의 규정에 관계없이, 법정대리인이 목적을 정하여 처분을 허락한 재산은 그 목적의 범위 내에서 미성년자가 자유롭게 처분할 수 있다. 목적을 정하지 않고 처분을 허락한 재산을 처분하는 경우에도 같다.
|-
|  |
<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 코드 ==
제6조(미성년자의 영업허가)
=== Padding ===
하나의 업종 또는 여러 업종의 영업을 허가받은 미성년자는 해당 영업에 관해서는 성년자와 동일한 행위능력을 가진다.
<div class="scrollbar flex-none min-w-full overflow-auto max-h-[500px]">
전항의 경우에 미성년자가 그 영업을 감당하지 못할 사유가 있는 때에는 법정대리인은 제4편(친족)의 규정에 따라 그 허가를 취소하거나 또는 이를 제한할 수 있다.
{| 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 ===
제7조(후견개시심판)
정신상 장애로 사리를 변별할 능력이 없는 상황에 있는 자에 대해서는 가정법원은 본인, 배우자, 4촌 이내의 친족, 미성년후견인, 미성년후견감독인, 보좌인, 보좌감독인, 보조인, 보조감독인 또는 검찰관의 청구에 의해 후견개시의 심판을 할 수 있다.
 
제8조(성년피후견인 및 성년후견인)
후견개시의 심판을 받은 자는 성년피후견인으로 하고, 성년피후견인에게 성년후견인을 붙인다.
 
제9조(성년피후견인의 법률행위)
성년피후견인의 법률행위는 취소할 수 있다. 단, 일용품 구입 및 그 밖에 일상생활에 관한 행위에 대해서는 예외로 한다.
 
제10조(후견개시심판의 취소)
제7조에 규정된 원인이 소멸된 경우 가정법원은 본인, 배우자, 4촌 이내의 친족, 후견인(미성년후견인 및 성년후견인을 말한다. 이하 같다), 후견감독인(미성년후견감독인 및 성년후견감독인을 말한다. 이하 같다) 또는 검찰관의 청구에 의해 후견개시의 심판을 취소하여야 한다.
 
제11조(보좌개시의 심판)
정신상의 장애로 인해 사리를 변별하는 능력이 현저히 불충분한 자에 대해서는 가정법원은 본인, 배우자, 4촌 이내의 친족, 후견인, 후견감독인, 보조인, 보조감독인 또는 검안관의 청구에 의해 보좌 개시의 심판을 할 수 있다. 단, 제7조에서 규정하는 원인이 있는 자에 대해서는 그러하지 아니하다.
 
제12조(피보좌인 및 보좌인)
보좌 개시의 심판을 받은 자는 피보좌인으로 하고, 피보좌인에게 보좌인을 붙인다.
 
제13조(보좌인의 동의를 요하는 행위 등)
피보좌인이 다음에 열거된 행위를 하기 위해서는 보좌인의 동의를 얻어야 한다. 단, 제9조 단서에서 규정하는 행위에 대하여는 그러하지 아니하다.
1. 원본을 영수하거나 이용하는 것.
2. 재물을 빌리거나 또는 보증하는 것.
3. 부동산, 그 밖에 중요한 재산에 관한 권리의 취득상실을 목적으로 하는 것.를 하는 것.
4. 소송행위를 하는 것.
5. 증여, 화해 또는 중재 합의(「중재법」(2003년 법률 제138호) 제2조제1항에 규정된 중재 합의)를 하는 것.
6. 상속의 승인이나 포기 또는 유산의 분할을 하는 것.
7. 증여 신청의 거절, 유증의 포기, 부담부증여 신청의 승인 또는 부담부유증을 승인하는 것.
8. 신축, 개축, 증축 또는 대수리를 하는 것.
9. 제602조에서 정하는 기간을 초과하는 임대차를 하는 것.
10. 전 각호에 내거는 행위를 제한행위능력자(미성년자, 성년피후견인, 피보좌인 및 제17조 제1항의 심판을 받은 피보조인을 말한다. 이하 같다)의 법정대리인으로서 하는 것.
가정법원은 제11조 본문이 규정하는 자 또는 보좌인이나 보좌감독인의 청구에 따라 피보좌인이 전항 각 호에 열거하는 행위 이외의 행위를 하는 경우에도 그 보좌인의 동의를 얻어야 한다는 취지의 심판을 할 수 있다. 단, 제9조 단서에서 규정하는 행위에 대하여는 그러하지 아니하다.
보좌인의 동의를 얻어야 하는 행위에 있어 보좌인이 피보좌인의 이익을 해칠 우려가 없음에도 불구하고 동의를 하지 아니하는 때에는 가정법원은 피보좌인의 청구에 따라 보좌인의 동의를 대신하는 허가를 할 수 있다.
보좌인의 동의를 얻어야 하는 행위로, 그 동의 또는 이를 대신하는 허가를 받지 아니하고 한 것은 취소할 수 있다.
 
제14조(보좌 개시 심판 등의 취소)
제11조 본문에 규정된 원인이 소멸된 경우 가정법원은 본인, 배우자, 4촌 이내의 친족, 미성년후견인, 미성년후견감독인, 보좌인, 보좌감독인 또는 검찰관의 청구에 의해 보좌 개시 심판을 취소해야 한다.
가정법원은 전항에서 규정하는 자의 청구에 의해 전조 제2항의 심판의 전부 또는 일부를 취소할 수 있다.
 
제15조(보조개시의 심판)
정신상 장애로 인해 사리를 변별하는 능력이 불충분한 자에 대해서는 가정법원은 본인, 배우자, 4촌 이내의 친족, 후견인, 후견감독인, 보좌인, 보좌감독인 또는 검찰관의 청구에 의해 보조개시의 심판을 할 수 있다. 단, 제7조 또는 제11조 본문에서 규정하는 원인이 있는 자에 대해서는 예외로 한다.
본인 이외의 자의 청구에 따라 보조개시의 심판을 하기 위해서는 본인의 동의가 있어야 한다.
보조개시의 심판은 제17조제1항의 심판 또는 제876조의9제1항의 심판과 함께 하여야 한다.
 
제16조(피보조인 및 보조인)
보조개시의 심판을 받은 자는 피보조인으로 하고, 피보조인에게 보조인을 붙인다.
 
제17조(보조인의 동의를 요하는 취지의 심판 등)
가정법원은 제15조제1항 본문에 규정된 자 또는 보조인이나 보조감독인의 청구에 의해 피보조인이 특정한 법률행위를 하기 위해서는 그 보조인의 동의를 얻어야 하는 취지의 심판을 할 수 있다. 단, 심판에 의해 그 동의를 얻어야 하는 행위는 제13조제1항에서 규정하는 행위의 일부에 한한다.
본인 이외의 자의 청구에 따라 전항의 심판을 하기 위해서는 본인의 동의가 있어야 한다.
보조인의 동의를 얻어야 하는 행위에 있어 보조인이 피보조인의 이익을 해칠 우려가 없는데도 불구하고 동의를 하지 아니하는 때에는 가정법원은 피보조인의 청구에 따라 보조인의 동의를 대신하는 허가를 할 수 있다.
보조인의 동의를 얻어야 하는 행위로, 그 동의 또는 이를 대신하는 허가를 받지 아니하고 한 것은 취소할 수 있다.
 
제18조(보조개시의 심판 등의 취소)
제15조제1항 본문에서 규정하는 원인이 소멸된 경우 가정법원은 본인, 배우자, 4촌 이내의 친족, 미성년후견인, 미성년후견감독인, 보조인, 보조감독인 또는 검찰관의 청구에 의해 보조 개시 심판을 취소해야 한다.
가정법원은 전항에서 규정하는 자의 청구에 의해 전조 제1항의 심판의 전부 또는 일부를 취소할 수 있다.
전조 제1항의 심판 및 제876조의9제1항의 심판을 전부 취소하는 경우에는 가정법원은 보조개시의 심판을 취소하여야 한다.
 
제19조(심판 상호 간의 관계)
후견개시의 심판을 하는 경우에 본인이 피보좌인 또는 피보조인인 때에는 가정법원은 그 본인과 관련된 보좌개시 또는 보조개시의 심판을 취소해야 한다.
전항의 규정은 보좌 개시의 심판을 하는 경우에 본인이 성년피후견인이나 피보조인인 경우, 또는 보조개시의 심판을 하는 경우에 본인이 성년피후견인이나 피보좌인인 때에 대하여 준용한다.
 
제20조(제한행위능력자 상대방의 최고권)
제한행위능력자의 상대방은 그 제한행위능력자가 행위능력자(행위능력의 제한을 받지 아니하는 자를 말한다. 이하 같다)가 된 후 그 자에게 1개월 이상의 기간을 정하여 그 기간 내에 그 취소할 수 있는 행위의 추인 여부에 대한 확답을 최고할 수 있다. 이 경우, 그 자가 그 기간 내에 확답을 하지 아니할 때에는 그 행위를 추인한 것으로 본다.
제한행위능력자의 상대방이 제한행위능력자가 행위능력자가 아닌 동안에 법정대리인, 보좌인 또는 보조인에 대하여 그 권한 내의 행위에 대해 전항에서 규정하는 최고를 한 경우, 이 자가 동항의 기간 내에 확답을 하지 아니하는 때에도 동항 후단과 같다.
특별한 방식을 요하는 행위에 대해서는 전2항의 기간 내에 그 방식을 구비했다는 내용의 통지를 하지 않을 경우 그 행위를 취소한 것으로 본다.
제한행위능력자의 상대방은 피보좌인 또는 제17조제1항의 심판을 받은 피보조인에 대해서는 제1항의 기간 내에 그 보좌인 또는 보조인의 추인을 얻어야 하는 취지의 최고를 할 수 있다. 이 경우, 그 피보좌인 또는 피보조인이 그 기간 내에 그 추인을 얻었다는 취지의 통지를 하지 않은 경우에는, 그 행위를 취소한 것으로 본다.
 
제21조(제한행위능력자의 사술)
제한행위능력자가 자신이 행위능력자임을 믿게 하기 위해 사술을 이용한 때에는 그 행위를 취소할 수 없다.
 
==== 제4절 주소 ====
제22조(주소)
생활 근거지를 그 자의 주소로 한다.
 
제23조(거소)
주소를 알 수 없는 경우에는 거소를 주소로 본다.
일본에 주소가 없는 자는 그 자가 일본인이거나 외국인임에 관계 없이 일본의 거소를 그 자의 주소로 본다. 다만, 준거법을 정하는 법률에 따라 그 자의 주소지법에 따라야 하는 경우에는 그러하지 아니하다.
 
제24조(가주소)
어떤 행위에 대해 가주소를 선정한 때에는 그 행위에 관하여는 이를 주소로 본다.
 
==== 제5절 부재자의 재산관리 및 실종선고 ====
제25조(부재자의 재산관리)
종전의 주소 또는 거소를 떠난 자(이하 '부재자'라 한다)가 그 재산의 관리인(이하 본 절에서 '관리인'이라 한다)을 두지 않은 경우 가정법원은 이해관계인 또는 검찰관의 청구에 의해 그 재산의 관리에 관하여 필요한 처분을 명할 수 있다. 본인의 부재 중에 관리인의 권한이 소멸된 경우에도 같다.
전항의 규정에 따른 명령 후 본인이 관리인을 둔 때에는 가정법원은 해당 관리인, 이해관계인 또는 검찰관의 청구에 의해 그 명령을 취소해야 한다.
 
제26조(관리인의 개임)
부재자가 관리인을 둔 경우에 그 부재자의 생사가 분명하지 아니할 때에는 가정법원은 이해관계인 또는 검찰관의 청구에 따라 관리인을 개임(改任)할 수 있다.
 
제27조(관리인의 직무)
전2조의 규정에 따라 가정법원이 선임한 관리인은 그 관리하여야 하는 재산의 목록을 작성하여야 한다. 이 경우, 그 비용은 부재자의 재산으로 지급한다.

2025년 9월 4일 (목) 20:35 기준 최신판

제1편 총칙

제1장 통칙

제1조(기본원칙) 사권은 공공복지에 적합하여야 한다. 권리의 행사 및 의무의 이행은 신의를 좇아 성실히 하여야 한다. 권리의 남용은 이를 허용하지 않는다.

제2조(해석의 기준) 본 법률은 개인의 존엄과 양성의 본질적 평등을 취지로 해석해야 한다.

제2장 인

제1절 권리능력

제3조(권리능력) 사권의 향유는 출생으로부터 시작한다. 외국인은 법령 또는 조약의 규정에 따라 금지되는 경우를 제외하고는 사권을 향유한다.

제2절 의사능력

제3조의2(의사능력) 법률행위의 당사자가 의사표시를 한 때에 의사능력이 없는 때에는 그 법률행위를 무효로 한다.

제3절 행위능력

제4조(성년) 연령 18세로 성년이 된다.

제5조(미성년자의 법률행위) 미성년자가 법률행위를 하기 위해서는 법정대리인의 동의를 얻어야 한다. 단, 단순히 권리만을 얻거나 의무만을 면하는 법률행위에 대하여는 예외로 한다. 전항의 규정에 반하는 법률행위는 취소할 수 있다. 제1항의 규정에 관계없이, 법정대리인이 목적을 정하여 처분을 허락한 재산은 그 목적의 범위 내에서 미성년자가 자유롭게 처분할 수 있다. 목적을 정하지 않고 처분을 허락한 재산을 처분하는 경우에도 같다.

제6조(미성년자의 영업허가) 하나의 업종 또는 여러 업종의 영업을 허가받은 미성년자는 해당 영업에 관해서는 성년자와 동일한 행위능력을 가진다. 전항의 경우에 미성년자가 그 영업을 감당하지 못할 사유가 있는 때에는 법정대리인은 제4편(친족)의 규정에 따라 그 허가를 취소하거나 또는 이를 제한할 수 있다.

제7조(후견개시심판) 정신상 장애로 사리를 변별할 능력이 없는 상황에 있는 자에 대해서는 가정법원은 본인, 배우자, 4촌 이내의 친족, 미성년후견인, 미성년후견감독인, 보좌인, 보좌감독인, 보조인, 보조감독인 또는 검찰관의 청구에 의해 후견개시의 심판을 할 수 있다.

제8조(성년피후견인 및 성년후견인) 후견개시의 심판을 받은 자는 성년피후견인으로 하고, 성년피후견인에게 성년후견인을 붙인다.

제9조(성년피후견인의 법률행위) 성년피후견인의 법률행위는 취소할 수 있다. 단, 일용품 구입 및 그 밖에 일상생활에 관한 행위에 대해서는 예외로 한다.

제10조(후견개시심판의 취소) 제7조에 규정된 원인이 소멸된 경우 가정법원은 본인, 배우자, 4촌 이내의 친족, 후견인(미성년후견인 및 성년후견인을 말한다. 이하 같다), 후견감독인(미성년후견감독인 및 성년후견감독인을 말한다. 이하 같다) 또는 검찰관의 청구에 의해 후견개시의 심판을 취소하여야 한다.

제11조(보좌개시의 심판) 정신상의 장애로 인해 사리를 변별하는 능력이 현저히 불충분한 자에 대해서는 가정법원은 본인, 배우자, 4촌 이내의 친족, 후견인, 후견감독인, 보조인, 보조감독인 또는 검안관의 청구에 의해 보좌 개시의 심판을 할 수 있다. 단, 제7조에서 규정하는 원인이 있는 자에 대해서는 그러하지 아니하다.

제12조(피보좌인 및 보좌인) 보좌 개시의 심판을 받은 자는 피보좌인으로 하고, 피보좌인에게 보좌인을 붙인다.

제13조(보좌인의 동의를 요하는 행위 등) 피보좌인이 다음에 열거된 행위를 하기 위해서는 보좌인의 동의를 얻어야 한다. 단, 제9조 단서에서 규정하는 행위에 대하여는 그러하지 아니하다. 1. 원본을 영수하거나 이용하는 것. 2. 재물을 빌리거나 또는 보증하는 것. 3. 부동산, 그 밖에 중요한 재산에 관한 권리의 취득상실을 목적으로 하는 것.를 하는 것. 4. 소송행위를 하는 것. 5. 증여, 화해 또는 중재 합의(「중재법」(2003년 법률 제138호) 제2조제1항에 규정된 중재 합의)를 하는 것. 6. 상속의 승인이나 포기 또는 유산의 분할을 하는 것. 7. 증여 신청의 거절, 유증의 포기, 부담부증여 신청의 승인 또는 부담부유증을 승인하는 것. 8. 신축, 개축, 증축 또는 대수리를 하는 것. 9. 제602조에서 정하는 기간을 초과하는 임대차를 하는 것. 10. 전 각호에 내거는 행위를 제한행위능력자(미성년자, 성년피후견인, 피보좌인 및 제17조 제1항의 심판을 받은 피보조인을 말한다. 이하 같다)의 법정대리인으로서 하는 것. 가정법원은 제11조 본문이 규정하는 자 또는 보좌인이나 보좌감독인의 청구에 따라 피보좌인이 전항 각 호에 열거하는 행위 이외의 행위를 하는 경우에도 그 보좌인의 동의를 얻어야 한다는 취지의 심판을 할 수 있다. 단, 제9조 단서에서 규정하는 행위에 대하여는 그러하지 아니하다. 보좌인의 동의를 얻어야 하는 행위에 있어 보좌인이 피보좌인의 이익을 해칠 우려가 없음에도 불구하고 동의를 하지 아니하는 때에는 가정법원은 피보좌인의 청구에 따라 보좌인의 동의를 대신하는 허가를 할 수 있다. 보좌인의 동의를 얻어야 하는 행위로, 그 동의 또는 이를 대신하는 허가를 받지 아니하고 한 것은 취소할 수 있다.

제14조(보좌 개시 심판 등의 취소) 제11조 본문에 규정된 원인이 소멸된 경우 가정법원은 본인, 배우자, 4촌 이내의 친족, 미성년후견인, 미성년후견감독인, 보좌인, 보좌감독인 또는 검찰관의 청구에 의해 보좌 개시 심판을 취소해야 한다. 가정법원은 전항에서 규정하는 자의 청구에 의해 전조 제2항의 심판의 전부 또는 일부를 취소할 수 있다.

제15조(보조개시의 심판) 정신상 장애로 인해 사리를 변별하는 능력이 불충분한 자에 대해서는 가정법원은 본인, 배우자, 4촌 이내의 친족, 후견인, 후견감독인, 보좌인, 보좌감독인 또는 검찰관의 청구에 의해 보조개시의 심판을 할 수 있다. 단, 제7조 또는 제11조 본문에서 규정하는 원인이 있는 자에 대해서는 예외로 한다. 본인 이외의 자의 청구에 따라 보조개시의 심판을 하기 위해서는 본인의 동의가 있어야 한다. 보조개시의 심판은 제17조제1항의 심판 또는 제876조의9제1항의 심판과 함께 하여야 한다.

제16조(피보조인 및 보조인) 보조개시의 심판을 받은 자는 피보조인으로 하고, 피보조인에게 보조인을 붙인다.

제17조(보조인의 동의를 요하는 취지의 심판 등) 가정법원은 제15조제1항 본문에 규정된 자 또는 보조인이나 보조감독인의 청구에 의해 피보조인이 특정한 법률행위를 하기 위해서는 그 보조인의 동의를 얻어야 하는 취지의 심판을 할 수 있다. 단, 심판에 의해 그 동의를 얻어야 하는 행위는 제13조제1항에서 규정하는 행위의 일부에 한한다. 본인 이외의 자의 청구에 따라 전항의 심판을 하기 위해서는 본인의 동의가 있어야 한다. 보조인의 동의를 얻어야 하는 행위에 있어 보조인이 피보조인의 이익을 해칠 우려가 없는데도 불구하고 동의를 하지 아니하는 때에는 가정법원은 피보조인의 청구에 따라 보조인의 동의를 대신하는 허가를 할 수 있다. 보조인의 동의를 얻어야 하는 행위로, 그 동의 또는 이를 대신하는 허가를 받지 아니하고 한 것은 취소할 수 있다.

제18조(보조개시의 심판 등의 취소) 제15조제1항 본문에서 규정하는 원인이 소멸된 경우 가정법원은 본인, 배우자, 4촌 이내의 친족, 미성년후견인, 미성년후견감독인, 보조인, 보조감독인 또는 검찰관의 청구에 의해 보조 개시 심판을 취소해야 한다. 가정법원은 전항에서 규정하는 자의 청구에 의해 전조 제1항의 심판의 전부 또는 일부를 취소할 수 있다. 전조 제1항의 심판 및 제876조의9제1항의 심판을 전부 취소하는 경우에는 가정법원은 보조개시의 심판을 취소하여야 한다.

제19조(심판 상호 간의 관계) 후견개시의 심판을 하는 경우에 본인이 피보좌인 또는 피보조인인 때에는 가정법원은 그 본인과 관련된 보좌개시 또는 보조개시의 심판을 취소해야 한다. 전항의 규정은 보좌 개시의 심판을 하는 경우에 본인이 성년피후견인이나 피보조인인 경우, 또는 보조개시의 심판을 하는 경우에 본인이 성년피후견인이나 피보좌인인 때에 대하여 준용한다.

제20조(제한행위능력자 상대방의 최고권) 제한행위능력자의 상대방은 그 제한행위능력자가 행위능력자(행위능력의 제한을 받지 아니하는 자를 말한다. 이하 같다)가 된 후 그 자에게 1개월 이상의 기간을 정하여 그 기간 내에 그 취소할 수 있는 행위의 추인 여부에 대한 확답을 최고할 수 있다. 이 경우, 그 자가 그 기간 내에 확답을 하지 아니할 때에는 그 행위를 추인한 것으로 본다. 제한행위능력자의 상대방이 제한행위능력자가 행위능력자가 아닌 동안에 법정대리인, 보좌인 또는 보조인에 대하여 그 권한 내의 행위에 대해 전항에서 규정하는 최고를 한 경우, 이 자가 동항의 기간 내에 확답을 하지 아니하는 때에도 동항 후단과 같다. 특별한 방식을 요하는 행위에 대해서는 전2항의 기간 내에 그 방식을 구비했다는 내용의 통지를 하지 않을 경우 그 행위를 취소한 것으로 본다. 제한행위능력자의 상대방은 피보좌인 또는 제17조제1항의 심판을 받은 피보조인에 대해서는 제1항의 기간 내에 그 보좌인 또는 보조인의 추인을 얻어야 하는 취지의 최고를 할 수 있다. 이 경우, 그 피보좌인 또는 피보조인이 그 기간 내에 그 추인을 얻었다는 취지의 통지를 하지 않은 경우에는, 그 행위를 취소한 것으로 본다.

제21조(제한행위능력자의 사술) 제한행위능력자가 자신이 행위능력자임을 믿게 하기 위해 사술을 이용한 때에는 그 행위를 취소할 수 없다.

제4절 주소

제22조(주소) 생활 근거지를 그 자의 주소로 한다.

제23조(거소) 주소를 알 수 없는 경우에는 거소를 주소로 본다. 일본에 주소가 없는 자는 그 자가 일본인이거나 외국인임에 관계 없이 일본의 거소를 그 자의 주소로 본다. 다만, 준거법을 정하는 법률에 따라 그 자의 주소지법에 따라야 하는 경우에는 그러하지 아니하다.

제24조(가주소) 어떤 행위에 대해 가주소를 선정한 때에는 그 행위에 관하여는 이를 주소로 본다.

제5절 부재자의 재산관리 및 실종선고

제25조(부재자의 재산관리) 종전의 주소 또는 거소를 떠난 자(이하 '부재자'라 한다)가 그 재산의 관리인(이하 본 절에서 '관리인'이라 한다)을 두지 않은 경우 가정법원은 이해관계인 또는 검찰관의 청구에 의해 그 재산의 관리에 관하여 필요한 처분을 명할 수 있다. 본인의 부재 중에 관리인의 권한이 소멸된 경우에도 같다. 전항의 규정에 따른 명령 후 본인이 관리인을 둔 때에는 가정법원은 해당 관리인, 이해관계인 또는 검찰관의 청구에 의해 그 명령을 취소해야 한다.

제26조(관리인의 개임) 부재자가 관리인을 둔 경우에 그 부재자의 생사가 분명하지 아니할 때에는 가정법원은 이해관계인 또는 검찰관의 청구에 따라 관리인을 개임(改任)할 수 있다.

제27조(관리인의 직무) 전2조의 규정에 따라 가정법원이 선임한 관리인은 그 관리하여야 하는 재산의 목록을 작성하여야 한다. 이 경우, 그 비용은 부재자의 재산으로 지급한다.