.TailwindColors-module__BBBQlG__palette{flex-direction:column;gap:48px;margin-top:24px;display:flex}.TailwindColors-module__BBBQlG__family{scroll-margin-top:80px}.TailwindColors-module__BBBQlG__familyHead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.TailwindColors-module__BBBQlG__familyTitle{letter-spacing:-.015em;color:var(--ink-heading);margin:0;font-size:22px;font-weight:700}.TailwindColors-module__BBBQlG__formatPicker{border-radius:var(--r-full);background:var(--recess-fill);box-shadow:var(--shadow-recess);font-size:var(--text-small);color:var(--ink-muted);cursor:pointer;align-items:center;gap:6px;padding:6px 10px 6px 14px;display:inline-flex}.TailwindColors-module__BBBQlG__formatPicker:focus-within{box-shadow:var(--focus-ring)}.TailwindColors-module__BBBQlG__formatLabel{font-weight:500}.TailwindColors-module__BBBQlG__formatSelect{appearance:none;color:var(--ink-heading);font:inherit;font-family:var(--font-mono);cursor:pointer;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") right 2px center/10px 10px no-repeat;border:0;outline:none;padding:0 20px 0 4px;font-weight:600}.TailwindColors-module__BBBQlG__row{grid-template-columns:repeat(11,minmax(0,1fr));gap:10px;display:grid}.TailwindColors-module__BBBQlG__swatch{text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.TailwindColors-module__BBBQlG__swatch:focus-visible{outline:none}.TailwindColors-module__BBBQlG__swatch:focus-visible .TailwindColors-module__BBBQlG__tile{box-shadow:inset 0 0 0 1px #00000014, var(--focus-ring)}.TailwindColors-module__BBBQlG__tile{aspect-ratio:1;border-radius:var(--r-md);width:100%;transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);display:block;box-shadow:inset 0 0 0 1px #0000000f}.TailwindColors-module__BBBQlG__swatch:hover .TailwindColors-module__BBBQlG__tile{box-shadow:inset 0 0 0 1px #00000024, 0 0 0 2px var(--brand)}.TailwindColors-module__BBBQlG__swatchLabel{font-family:var(--font-mono);color:var(--ink-muted);overflow-wrap:anywhere;font-size:11.5px;font-weight:500}@media (max-width:1180px){.TailwindColors-module__BBBQlG__row{gap:8px}.TailwindColors-module__BBBQlG__swatchLabel{font-size:10.5px}}@media (max-width:820px){.TailwindColors-module__BBBQlG__row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}}@media (max-width:540px){.TailwindColors-module__BBBQlG__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.TailwindColors-module__BBBQlG__swatchLabel{font-size:10px}}