.intake-colors-help{margin:0 0 14px;font-size:.88rem;line-height:1.5}.intake-colors-grid{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:12px 8px;display:grid}.intake-color-choice{cursor:pointer;min-height:78px;color:inherit;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:6px 2px;display:flex;position:relative}.intake-color-choice input[type=checkbox]{opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.intake-color-circle{background:var(--intake-swatch);outline-offset:4px;border:1px solid #64748ba6;border-radius:50%;outline:2px solid #0000;flex-shrink:0;width:36px;height:36px;display:block;position:relative}.intake-color-check{color:#fff;background:#0f172a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;display:none;position:absolute;bottom:-5px;right:-5px}.intake-color-choice input:checked+.intake-color-circle{outline-color:currentColor}.intake-color-choice input:checked+.intake-color-circle .intake-color-check{display:flex}.intake-color-choice input:focus-visible+.intake-color-circle{outline:3px dashed}.intake-color-name{font-size:.8rem;line-height:1.35}.intake-color-choice input:checked~.intake-color-name{font-weight:700}