.color-display[data-v-31d61cf2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.color-shades[data-v-31d61cf2]{display:flex;gap:12px;flex-direction:column}.color-box[data-v-31d61cf2]{padding:48px;color:#fff;border-radius:24px}.color-name[data-v-31d61cf2]{font-weight:700;margin-bottom:5px}.color-var[data-v-31d61cf2]{font-size:.8rem;color:#555}