.color-choice{border:0;padding:0;margin:18px 0 4px}.color-choice legend{font-size:11px;font-weight:700;margin-bottom:9px}.color-options{display:grid;grid-template-columns:repeat(9,1fr);gap:7px}.color-option{cursor:pointer}.color-option input{position:absolute;opacity:0;pointer-events:none}.color-option span{display:block;aspect-ratio:1;border-radius:50%;background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px #cfd4d2;transition:.15s}.color-option input:checked+span{box-shadow:0 0 0 3px #142c2d;transform:scale(.88)}.color-option input:focus-visible+span{outline:3px solid #72a9db;outline-offset:3px}