.color-kinds{width:min(100%,560px)}.color-kinds .seg__opt span{padding:0 10px}.color-card{padding:18px}.color-list{gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.color-list[data-size="0"]{display:none}.color-list[data-size="2"],.color-list[data-size="3"],.color-list[data-size="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.color-list:-webkit-any([data-size="5"],[data-size="6"],[data-size="7"],[data-size="8"],[data-size="9"],[data-size="10"]){grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.color-list:is([data-size="5"],[data-size="6"],[data-size="7"],[data-size="8"],[data-size="9"],[data-size="10"]){grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.color{gap:6px;min-width:0;display:grid}.color__swatch{border-radius:var(--radius-m,14px);background:var(--swatch);color:#16142b;min-height:96px;font:inherit;text-align:left;cursor:copy;border:0;align-content:end;justify-items:start;gap:2px;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 1px #16142b1f}.color[data-ink=light] .color__swatch{color:#fff}.color__swatch:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.color__hex{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,5vw,1.6rem);font-weight:800}.color__name{opacity:.85;font-size:.9rem;font-weight:650}.color__codes{color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 12px;margin:0;font-size:.85rem;display:flex}.color-list[data-size="1"] .color__swatch{min-height:200px;padding:20px 22px}.color-list[data-size="1"] .color__hex{font-size:clamp(2.2rem,10vw,3.4rem)}.color-list[data-size="1"] .color__name{font-size:1.1rem}.color-list[data-size="1"] .color__codes{justify-content:center;font-size:1rem}.color-list:-webkit-any([data-size="5"],[data-size="6"],[data-size="7"],[data-size="8"],[data-size="9"],[data-size="10"]) .color__codes{display:none}.color-list:is([data-size="5"],[data-size="6"],[data-size="7"],[data-size="8"],[data-size="9"],[data-size="10"]) .color__codes{display:none}.color-list:-webkit-any([data-size="5"],[data-size="6"],[data-size="7"],[data-size="8"],[data-size="9"],[data-size="10"]) .color__swatch{min-height:84px;padding:10px 12px}.color-list:is([data-size="5"],[data-size="6"],[data-size="7"],[data-size="8"],[data-size="9"],[data-size="10"]) .color__swatch{min-height:84px;padding:10px 12px}.color-list:-webkit-any([data-size="5"],[data-size="6"],[data-size="7"],[data-size="8"],[data-size="9"],[data-size="10"]) .color__hex{font-size:1.1rem}.color-list:is([data-size="5"],[data-size="6"],[data-size="7"],[data-size="8"],[data-size="9"],[data-size="10"]) .color__hex{font-size:1.1rem}.color-history__row{flex-wrap:wrap;gap:4px;display:flex}.color-history__chip{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.color-history__chip:before{content:"";background:var(--swatch);border-radius:4px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #16142b2e}@media (max-width:599px){.color-kinds .seg__opt span{padding:0 6px;font-size:.9rem}}.stage.is-present .color-kinds{display:none}.stage.is-present .color-list[data-size="1"] .color__swatch{min-height:46vh}