.colors-cs__card{display:flex;flex-direction:column;gap:2rem;max-width:56.25rem;margin:0 auto;padding:5rem 1.25rem;border-radius:.75rem;background:#fff;box-shadow:0 0 2.5rem #0000000d}@media (min-width: 768px){.colors-cs__card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:2.5rem 1.25rem;padding:5rem 3.25rem}}.colors-cs__circle-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.5rem;max-width:11.5rem;margin:2rem auto 0}@media (min-width: 640px){.colors-cs__circle-wrapper{max-width:16.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.colors-cs__circle-wrapper{display:flex;flex-wrap:wrap;gap:1.5rem;max-width:fit-content;margin:0}}.colors-cs__circle{border-radius:9999px;aspect-ratio:1/1;width:100%;max-width:5rem;height:auto}@media (min-width: 420px){.colors-cs__circle{min-width:5rem;width:5rem;min-height:5rem;height:5rem}}.colors-cs__circle--white{border:1px solid #DFDFDF}