|
|
| (사용자 2명의 중간 판 72개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| == 기능 틀 ==
| | <html> |
| === 테마(라이트모드/다크모드) 별 이미지 ===
| | <style> |
| <div class="inline-block dark:hidden">{{{1|라이트모드에서 보입니다!}}}</div><div class="hidden dark:inline-block">{{{2|다크모드에서 보입니다!}}}</div>
| | .live-recent-wrapper:before { |
| | | content: ""; |
| === 다크모드 전환 토글 ===
| | background: url('/w/images/4/4b/Advertise_02.gif'); |
| {{test}}
| | background-size: cover; |
| | | width: 318px; |
| == Tailwind CSS 설명 ==
| | height: 93.5px; |
| === 무엇인가? ===
| | display: block; |
| <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>
| | margin-bottom: 1rem; |
| css 파일 대신 html에 코드를 쓰는 걸로 대신할 수 있는 CSS 프레임워크 라고는 하지만 이해 못하시죠? 간단히 말하자면 <code>style=""</code> 사이에 무언가를 쓰는것 대신에 <code>class=""</code>에 적어서 적용할 수 있게 만드는 기능입니다.
| | box-shadow: 0px 4px 20px rgba(0, 0, 0, .05); |
| | | border-radius: .5rem; |
| === 왜 쓰는가? ===
| | } |
| 코드를 짜는 시간이 짧아집니다. 대표적으로 틀을 가운데 두기 위해 많이 쓰는 <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>라고 작성하여 다크모드에서 글자를 흰색으로 보이게 할 수 있습니다.
| | .liberty-sidebar img { |
| | | display: none; |
| == Tailwind CSS 색상표 ==
| | } |
| 배경색(background), 테두리 색(border), 글자 색(color) 등 색상을 정할 때 Tailwind CSS에서는 이 색상표의 색을 기본으로 제공합니다. 물론, 검은색(black, #000)과 흰색(white, #fff)는 당연히 포함이죠! 또, 필요하다면 대괄호([,])를 이용해 별도의 색을 지정할 수도 있습니다. <span class="text-[#00FF00]">예를 들어, <code>text-[#00FF00]</code>처럼 말이죠!</span>
| | .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper { |
| {| class="wikitable !w-full !border-sky-500 !border-2 !border-solid" style="font-size: 10pt"
| | box-shadow: none; |
| ! class="!bg-sky-500 text-center text-white" | 색상표
| | } |
| |-
| | .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent { |
| | |
| | box-shadow: 0px 4px 20px rgba(0, 0, 0, .05); |
| <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">
| | </style> |
| <div class="toccolours mw-collapsible-content !bg-transparent !border-transparent">
| | </html> |
| <!---->
| |
| <div class="grid grid-cols-[repeat(auto-fit,minmax(8rem,1fr))] gap-x-2 gap-y-4 sm:grid-cols-1">
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Slate
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(248, 250, 252);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f8fafc
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(241, 245, 249);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f1f5f9
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(226, 232, 240);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e2e8f0
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(203, 213, 225);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>cbd5e1
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(148, 163, 184);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>94a3b8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(100, 116, 139);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>64748b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(71, 85, 105);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>475569
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(51, 65, 85);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>334155
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(30, 41, 59);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>1e293b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(15, 23, 42);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0f172a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(2, 6, 23);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>020617
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Gray
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(249, 250, 251);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f9fafb
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(243, 244, 246);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f3f4f6
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(229, 231, 235);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e5e7eb
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(209, 213, 219);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d1d5db
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(156, 163, 175);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>9ca3af
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(107, 114, 128);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>6b7280
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(75, 85, 99);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>4b5563
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(55, 65, 81);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>374151
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(31, 41, 55);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>1f2937
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(17, 24, 39);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>111827
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(3, 7, 18);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>030712
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Zinc
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 250, 250);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fafafa
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(244, 244, 245);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f4f4f5
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(228, 228, 231);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e4e4e7
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(212, 212, 216);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d4d4d8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(161, 161, 170);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a1a1aa
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(113, 113, 122);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>71717a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(82, 82, 91);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>52525b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(63, 63, 70);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>3f3f46
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(39, 39, 42);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>27272a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(24, 24, 27);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>18181b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(9, 9, 11);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>09090b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Neutral
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 250, 250);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fafafa
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 245, 245);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f5f5f5
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(229, 229, 229);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e5e5e5
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(212, 212, 212);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d4d4d4
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(163, 163, 163);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a3a3a3
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(115, 115, 115);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>737373
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(82, 82, 82);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>525252
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(64, 64, 64);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>404040
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(38, 38, 38);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>262626
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(23, 23, 23);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>171717
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(10, 10, 10);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0a0a0a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Stone
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 250, 249);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fafaf9
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 245, 244);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f5f5f4
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(231, 229, 228);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e7e5e4
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(214, 211, 209);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d6d3d1
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(168, 162, 158);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a8a29e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(120, 113, 108);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>78716c
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(87, 83, 78);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>57534e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(68, 64, 60);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>44403c
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(41, 37, 36);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>292524
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(28, 25, 23);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>1c1917
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(12, 10, 9);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0c0a09
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Red
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 242, 242);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fef2f2
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 226, 226);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fee2e2
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 202, 202);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fecaca
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(252, 165, 165);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fca5a5
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(248, 113, 113);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f87171
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(239, 68, 68);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ef4444
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(220, 38, 38);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>dc2626
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(185, 28, 28);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>b91c1c
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(153, 27, 27);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>991b1b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(127, 29, 29);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>7f1d1d
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(69, 10, 10);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>450a0a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Orange
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 247, 237);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fff7ed
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 237, 213);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ffedd5
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 215, 170);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fed7aa
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 186, 116);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fdba74
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(251, 146, 60);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fb923c
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(249, 115, 22);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f97316
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(234, 88, 12);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ea580c
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(194, 65, 12);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>c2410c
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(154, 52, 18);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>9a3412
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(124, 45, 18);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>7c2d12
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(67, 20, 7);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>431407
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Amber
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 251, 235);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fffbeb
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 243, 199);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fef3c7
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 230, 138);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fde68a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(252, 211, 77);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fcd34d
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(251, 191, 36);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fbbf24
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 158, 11);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f59e0b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(217, 119, 6);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d97706
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(180, 83, 9);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>b45309
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(146, 64, 14);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>92400e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(120, 53, 15);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>78350f
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(69, 26, 3);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>451a03
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Yellow
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 252, 232);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fefce8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 249, 195);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fef9c3
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 240, 138);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fef08a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 224, 71);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fde047
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 204, 21);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>facc15
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(234, 179, 8);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>eab308
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(202, 138, 4);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ca8a04
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(161, 98, 7);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a16207
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(133, 77, 14);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>854d0e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(113, 63, 18);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>713f12
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(66, 32, 6);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>422006
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Lime
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(247, 254, 231);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f7fee7
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(236, 252, 203);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ecfccb
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(217, 249, 157);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d9f99d
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(190, 242, 100);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>bef264
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(163, 230, 53);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a3e635
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(132, 204, 22);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>84cc16
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(101, 163, 13);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>65a30d
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(77, 124, 15);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>4d7c0f
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(63, 98, 18);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>3f6212
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(54, 83, 20);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>365314
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(26, 46, 5);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>1a2e05
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Green
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(240, 253, 244);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f0fdf4
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(220, 252, 231);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>dcfce7
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(187, 247, 208);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>bbf7d0
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(134, 239, 172);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>86efac
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(74, 222, 128);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>4ade80
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(34, 197, 94);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>22c55e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(22, 163, 74);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>16a34a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(21, 128, 61);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>15803d
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(22, 101, 52);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>166534
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(20, 83, 45);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>14532d
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(5, 46, 22);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>052e16
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Emerald
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(236, 253, 245);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ecfdf5
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(209, 250, 229);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d1fae5
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(167, 243, 208);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a7f3d0
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(110, 231, 183);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>6ee7b7
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(52, 211, 153);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>34d399
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(16, 185, 129);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>10b981
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(5, 150, 105);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>059669
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(4, 120, 87);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>047857
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(6, 95, 70);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>065f46
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(6, 78, 59);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>064e3b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(2, 44, 34);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>022c22
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Teal
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(240, 253, 250);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f0fdfa
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(204, 251, 241);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ccfbf1
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(153, 246, 228);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>99f6e4
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(94, 234, 212);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>5eead4
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(45, 212, 191);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>2dd4bf
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(20, 184, 166);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>14b8a6
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(13, 148, 136);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0d9488
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(15, 118, 110);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0f766e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(17, 94, 89);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>115e59
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(19, 78, 74);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>134e4a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(4, 47, 46);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>042f2e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Cyan
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(236, 254, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ecfeff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(207, 250, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>cffafe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(165, 243, 252);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a5f3fc
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(103, 232, 249);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>67e8f9
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(34, 211, 238);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>22d3ee
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(6, 182, 212);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>06b6d4
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(8, 145, 178);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0891b2
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(14, 116, 144);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0e7490
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(21, 94, 117);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>155e75
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(22, 78, 99);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>164e63
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(8, 51, 68);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>083344
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Sky
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(240, 249, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f0f9ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(224, 242, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e0f2fe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(186, 230, 253);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>bae6fd
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(125, 211, 252);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>7dd3fc
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(56, 189, 248);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>38bdf8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(14, 165, 233);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0ea5e9
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(2, 132, 199);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0284c7
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(3, 105, 161);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0369a1
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(7, 89, 133);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>075985
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(12, 74, 110);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>0c4a6e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(8, 47, 73);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>082f49
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Blue
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(239, 246, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>eff6ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(219, 234, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>dbeafe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(191, 219, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>bfdbfe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(147, 197, 253);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>93c5fd
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(96, 165, 250);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>60a5fa
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(59, 130, 246);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>3b82f6
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(37, 99, 235);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>2563eb
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(29, 78, 216);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>1d4ed8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(30, 64, 175);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>1e40af
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(30, 58, 138);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>1e3a8a
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(23, 37, 84);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>172554
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Indigo
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(238, 242, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>eef2ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(224, 231, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e0e7ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(199, 210, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>c7d2fe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(165, 180, 252);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a5b4fc
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(129, 140, 248);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>818cf8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(99, 102, 241);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>6366f1
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(79, 70, 229);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>4f46e5
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(67, 56, 202);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>4338ca
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(55, 48, 163);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>3730a3
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(49, 46, 129);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>312e81
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(30, 27, 75);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>1e1b4b
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Violet
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 243, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f5f3ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(237, 233, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ede9fe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(221, 214, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ddd6fe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(196, 181, 253);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>c4b5fd
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(167, 139, 250);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a78bfa
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(139, 92, 246);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>8b5cf6
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(124, 58, 237);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>7c3aed
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(109, 40, 217);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>6d28d9
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(91, 33, 182);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>5b21b6
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(76, 29, 149);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>4c1d95
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(46, 16, 101);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>2e1065
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Purple
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 245, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>faf5ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(243, 232, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f3e8ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(233, 213, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e9d5ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(216, 180, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d8b4fe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(192, 132, 252);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>c084fc
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(168, 85, 247);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a855f7
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(147, 51, 234);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>9333ea
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(126, 34, 206);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>7e22ce
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(107, 33, 168);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>6b21a8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(88, 28, 135);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>581c87
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(59, 7, 100);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>3b0764
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Fuchsia
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 244, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fdf4ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(250, 232, 255);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fae8ff
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(245, 208, 254);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f5d0fe
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(240, 171, 252);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f0abfc
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(232, 121, 249);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e879f9
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(217, 70, 239);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>d946ef
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(192, 38, 211);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>c026d3
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(162, 28, 175);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>a21caf
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(134, 25, 143);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>86198f
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(112, 26, 117);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>701a75
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(74, 4, 78);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>4a044e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Pink
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 242, 248);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fdf2f8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(252, 231, 243);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fce7f3
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(251, 207, 232);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fbcfe8
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(249, 168, 212);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f9a8d4
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(244, 114, 182);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f472b6
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(236, 72, 153);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ec4899
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(219, 39, 119);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>db2777
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(190, 24, 93);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>be185d
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(157, 23, 77);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>9d174d
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(131, 24, 67);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>831843
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(80, 7, 36);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>500724
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="2xl:contents">
| |
| <div class="text-sm font-semibold text-slate-900 dark:text-slate-200 2xl:col-end-1 2xl:pt-2.5">
| |
| Rose
| |
| </div>
| |
| <div class="grid mt-3 grid-cols-1 sm:grid-cols-11 gap-y-3 gap-x-2 sm:mt-2 2xl:mt-0">
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 241, 242);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 50
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fff1f2
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(255, 228, 230);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 100
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>ffe4e6
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(254, 205, 211);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 200
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fecdd3
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(253, 164, 175);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 300
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fda4af
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(251, 113, 133);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 400
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>fb7185
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(244, 63, 94);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 500
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>f43f5e
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(225, 29, 72);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 600
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>e11d48
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(190, 18, 60);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 700
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>be123c
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(159, 18, 57);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 800
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>9f1239
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(136, 19, 55);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 900
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>881337
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="relative flex">
| |
| <div class="flex items-center gap-x-3 w-full sm:block sm:space-y-1.5">
| |
| <div class="h-10 w-10 rounded dark:ring-1 dark:ring-inset dark:ring-white/10 sm:w-full" style="background-color: rgb(76, 5, 25);">
| |
| </div>
| |
| <div class="px-0.5">
| |
| <div class="w-6 font-medium text-xs text-slate-900 2xl:w-full dark:text-white">
| |
| 950
| |
| </div>
| |
| <div class="text-slate-500 text-xs font-mono lowercase dark:text-slate-400 sm:text-[0.625rem] md:text-xs lg:text-[0.625rem] 2xl:text-xs">
| |
| <nowiki>#</nowiki>4c0519
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| |}</div></div>
| |
| | |
| == Tailwind CSS 코드 ==
| |
| === Padding ===
| |
| <div class="scrollbar flex-none min-w-full overflow-auto max-h-96">
| |
| {| 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-2 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-2 border-b border-slate-200 dark:border-slate-400/20">
| |
| 적용되는 Style
| |
| </div>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400" |
| |
| p-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300" |
| |
| padding: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0px; padding-right: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0px; padding-bottom: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-0
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1px; padding-right: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1px; padding-bottom: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-px
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1px;
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| padding-right: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| padding-bottom: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-0.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.125rem;<span class="text-indigo-400"> /* 1.875px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| padding-right: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| padding-bottom: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-1
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.25rem;<span class="text-indigo-400"> /* 3.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| padding-right: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| padding-bottom: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-1.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.375rem;<span class="text-indigo-400"> /* 5.625px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| padding-right: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| padding-bottom: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-2
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.5rem;<span class="text-indigo-400"> /* 7.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| padding-right: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| padding-bottom: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-2.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.625rem;<span class="text-indigo-400"> /* 9.375px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| padding-right: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| padding-bottom: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-3
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.75rem;<span class="text-indigo-400"> /* 11.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| padding-right: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| padding-bottom: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-3.5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 0.875rem;<span class="text-indigo-400"> /* 13.125px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| padding-right: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| padding-bottom: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-4
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1rem;<span class="text-indigo-400"> /* 15px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| padding-right: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| padding-bottom: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-5
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1.25rem;<span class="text-indigo-400"> /* 18.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| padding-right: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| padding-bottom: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-6
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1.5rem;<span class="text-indigo-400"> /* 22.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| padding-right: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| padding-bottom: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-7
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 1.75rem;<span class="text-indigo-400"> /* 26.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| padding-right: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| padding-bottom: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-8
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 2rem;<span class="text-indigo-400"> /* 30px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| padding-right: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| padding-bottom: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-9
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 2.25rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| padding-right: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| padding-bottom: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-10
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 2.5rem;<span class="text-indigo-400"> /* 33.75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| padding-right: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| padding-bottom: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-11
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 2.75rem;<span class="text-indigo-400"> /* 41.25px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| padding-right: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| padding-bottom: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-12
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 3rem;<span class="text-indigo-400"> /* 45px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| padding-right: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| padding-bottom: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-14
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 3.5rem;<span class="text-indigo-400"> /* 52.5px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| padding-right: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| padding-bottom: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-16
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 4rem;<span class="text-indigo-400"> /* 60px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| padding-right: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| padding-bottom: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-20
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 5rem;<span class="text-indigo-400"> /* 75px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| padding-right: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| padding-bottom: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-24
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 6rem;<span class="text-indigo-400"> /* 90px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| padding-right: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| padding-bottom: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-28
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 7rem;<span class="text-indigo-400"> /* 105px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| padding-right: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| padding-bottom: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-32
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 8rem;<span class="text-indigo-400"> /* 120px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| padding-right: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| padding-bottom: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-36
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 9rem;<span class="text-indigo-400"> /* 135px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| padding-right: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| padding-bottom: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-40
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 10rem;<span class="text-indigo-400"> /* 150px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| padding-right: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| padding-bottom: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-44
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 11rem;<span class="text-indigo-400"> /* 165px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| padding-right: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| padding-bottom: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-48
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 12rem;<span class="text-indigo-400"> /* 180px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| padding-right: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| padding-bottom: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-52
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 13rem;<span class="text-indigo-400"> /* 195px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| padding-right: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| padding-bottom: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-56
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 14rem;<span class="text-indigo-400"> /* 210px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| padding-right: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| padding-bottom: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-60
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 15rem;<span class="text-indigo-400"> /* 225px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| padding-right: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| padding-bottom: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-64
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 16rem;<span class="text-indigo-400"> /* 240px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| padding-right: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| padding-bottom: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-72
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 18rem;<span class="text-indigo-400"> /* 270px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| padding-right: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| padding-bottom: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-80
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 20rem;<span class="text-indigo-400"> /* 300px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| p-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| px-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| padding-right: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| py-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| padding-bottom: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| ps-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-start: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pe-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-inline-end: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pt-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-top: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pr-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-right: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pb-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-bottom: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| | class="p-2 font-mono font-medium text-sm leading-6 text-sky-500 whitespace-nowrap dark:text-sky-400 border-t border-slate-100 dark:border-slate-400/10" |
| |
| pl-96
| |
| | class="p-2 font-mono text-sm leading-6 text-indigo-600 whitespace-pre dark:text-indigo-300 border-t border-slate-100 dark:border-slate-400/10" |
| |
| padding-left: 24rem;<span class="text-indigo-400"> /* 360px */</span>
| |
| |-
| |
| |}
| |
| </div>
| |
| {{#CSS:
| |
| p { margin:0 }
| |
| }}
| |
| | |
| === Margin ===
| |