.group-icon-color,.group-color{--group-icon-ink:var(--group-icon-light)}[data-bs-theme=dark] :is(.group-icon-color,.group-color){--group-icon-ink:var(--group-icon-dark)}.group-icon-color-options{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.group-icon-color-choice{cursor:pointer;min-width:0;position:relative}.group-icon-color-choice input{opacity:0;width:1px;height:1px;position:absolute}.group-icon-color-swatch{aspect-ratio:1;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);justify-content:center;align-items:center;width:100%;display:flex}.group-icon-color-swatch:before{content:"";background:var(--group-icon-ink);border-radius:50%;width:1rem;height:1rem}.group-icon-color-choice input:checked+.group-icon-color-swatch{outline:2px solid var(--group-icon-ink);outline-offset:2px}.group-icon-color-choice input:checked+.group-icon-color-swatch:before{content:"✓";width:auto;height:auto;color:var(--group-icon-ink);background:0 0;font-size:1.5rem;line-height:1}.group-icon-color-choice input:focus-visible+.group-icon-color-swatch{outline:2px solid var(--tblr-body-color);outline-offset:3px}.group-icon-color-choice:has(input:disabled){opacity:.55;cursor:default}@media (width<=575.98px){.group-icon-color-options{grid-template-columns:repeat(auto-fit,minmax(2.75rem,1fr))}}