/* A broad group palette without decorations on calendar cards. */
.category-color-picker{display:block;border:0;padding:0;margin:22px 0 0}
.category-color-picker legend{margin-bottom:11px;font-size:14px;font-weight:800}
.category-color-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
.category-color-choice{display:grid;place-items:center;min-width:0;min-height:37px;padding:4px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.category-color-choice:has(input:checked){border-color:var(--tone);background:var(--wash);box-shadow:0 0 0 2px var(--tone)}
.category-color-choice input{position:absolute;width:1px;height:1px;opacity:0}
.category-color-choice input:focus-visible+.category-color-swatch{outline:2px solid var(--blue);outline-offset:4px}
.category-color-swatch{width:24px;height:24px;border-radius:7px;background:var(--tone)}
@media(max-width:480px){.category-color-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}}