.cmx-rows[data-astro-cid-aou2yluw]{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.cmx[data-astro-cid-aou2yluw] .cmx-row{grid-template-columns:auto minmax(0,1fr) minmax(6.5rem,8rem) auto;align-items:end;gap:.6rem;display:grid}@media (max-width:34rem){.cmx[data-astro-cid-aou2yluw] .cmx-row{grid-template-columns:auto minmax(0,1fr) auto}.cmx[data-astro-cid-aou2yluw] .cmx-row__pct{grid-column:2}}.cmx[data-astro-cid-aou2yluw] .cmx-row .field{margin:0}.cmx[data-astro-cid-aou2yluw] .cmx-row__n{width:1.8rem;height:2.75rem;color:var(--text-2);place-items:center;font-weight:700;display:inline-grid}.cmx[data-astro-cid-aou2yluw] .cmx-row__remove{min-height:2.75rem}.cmx-settings[data-astro-cid-aou2yluw]{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.cmx-settings[data-astro-cid-aou2yluw] .field[data-astro-cid-aou2yluw]{margin:0}.cmx-hero[data-astro-cid-aou2yluw]{grid-template-columns:minmax(5rem,8rem) minmax(0,1fr);gap:.75rem;display:grid}.cmx-hero__swatch[data-astro-cid-aou2yluw]{border-radius:var(--radius-l);box-shadow:inset 0 0 0 1px var(--line)}@media (max-width:30rem){.cmx-hero[data-astro-cid-aou2yluw]{grid-template-columns:minmax(0,1fr)}.cmx-hero__swatch[data-astro-cid-aou2yluw]{min-height:4.5rem}}.cmx-subtitle[data-astro-cid-aou2yluw]{font-size:var(--fs-md,1rem);margin:.4rem 0 0}.cmx[data-astro-cid-aou2yluw] .cmx-compare{gap:.55rem;display:grid}.cmx[data-astro-cid-aou2yluw] .cmx-space{grid-template-columns:7.5rem minmax(0,1fr) 2.6rem;align-items:center;gap:.6rem;display:grid}@media (max-width:34rem){.cmx[data-astro-cid-aou2yluw] .cmx-space{grid-template-columns:minmax(0,1fr) 2.6rem}.cmx[data-astro-cid-aou2yluw] .cmx-space__label{grid-column:1/-1}}.cmx[data-astro-cid-aou2yluw] .cmx-space__label{font-size:var(--fs-sm,.875rem);display:grid}.cmx[data-astro-cid-aou2yluw] .cmx-space__label small{color:var(--text-2);font-size:.75rem}.cmx[data-astro-cid-aou2yluw] .cmx-space__mix{border-radius:var(--radius-s);width:2.6rem;height:2.5rem;box-shadow:inset 0 0 0 1px var(--line)}.cmx[data-astro-cid-aou2yluw] .cmx-space[data-main=true] .cmx-space__label{font-weight:700}.cmx[data-astro-cid-aou2yluw] .cmx-steps td{vertical-align:middle}.cmx[data-astro-cid-aou2yluw] .cmx-hexcell{align-items:center;gap:.45rem;display:inline-flex}.cmx[data-astro-cid-aou2yluw] .cmx-out-of-gamut{color:var(--warning);font-size:.75rem;font-weight:600}