.color-palette{border:0;padding:0;margin:0}
.color-palette legend{font-size:.88rem;font-weight:750;margin-bottom:.5rem}
.color-palette>div{display:flex;flex-wrap:wrap;gap:.7rem}
.color-palette label{display:flex;flex-direction:row;align-items:center;gap:.35rem;cursor:pointer;font-weight:650}
.color-palette input{position:absolute;opacity:0;pointer-events:none}
.color-palette span{display:block;width:2.25rem;height:2.25rem;border-radius:.6rem;background:var(--choice-color);border:3px solid #fff;box-shadow:0 0 0 1px #aab8b1;transition:transform .12s,box-shadow .12s}
.color-palette em{font-style:normal;font-size:.78rem;color:var(--muted)}
.color-palette input:checked+span{box-shadow:0 0 0 3px var(--ink);transform:scale(1.08)}
.color-palette input:focus-visible+span{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:520px){.color-palette em{display:none}.color-palette>div{gap:.65rem}}