.ColorsHub_directory__0CMGt{display:grid;gap:2rem;margin-top:4rem}.ColorsHub_filter__C7UZC{background:white;border:1px solid rgb(214 211 209);border-radius:.75rem;padding:.75rem 1rem;width:100%}.ColorsHub_colorList__9I0ru{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;max-height:32rem;overflow:auto;padding-right:.25rem}.ColorsHub_colorList__9I0ru button{background:white;border:1px solid rgb(231 229 228);border-radius:.625rem;font-size:.875rem;padding:.75rem;text-align:left}.ColorsHub_colorList__9I0ru button:hover,.ColorsHub_colorList__9I0ru button[aria-pressed=true]{border-color:rgb(120 113 108);box-shadow:0 2px 8px rgb(0 0 0/.06)}.ColorsHub_answers__zzEt2{background:white;border:1px solid rgb(214 211 209);border-radius:1rem;min-height:18rem;padding:1.5rem}.ColorsHub_answerGrid__3OdE7{display:grid;gap:.75rem;margin-top:1.5rem}.ColorsHub_answerGrid__3OdE7 a{align-items:center;border:1px solid rgb(231 229 228);border-radius:.75rem;display:flex;gap:.75rem;padding:.875rem}.ColorsHub_answerGrid__3OdE7 a:hover{box-shadow:0 4px 10px rgb(0 0 0/.08)}.ColorsHub_swatch__37ATP{align-items:center;background:var(--swatch,transparent);border:1px solid rgb(0 0 0/.1);border-radius:9999px;display:flex;flex:0 0 auto;height:1.75rem;justify-content:center;width:1.75rem}@media (min-width:768px){.ColorsHub_colorList__9I0ru{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.ColorsHub_directory__0CMGt{grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr)}.ColorsHub_answers__zzEt2{position:sticky;top:6rem}}