.t__color__items{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}@media (min-width: 992px){.t__color__items{grid-template-columns:repeat(6,1fr)}}.t__color__item{border:none;width:100%;aspect-ratio:1;border-radius:50%;transition:box-shadow .2s cubic-bezier(.19,1,.22,1)}.t__color__item:hover,.t__color__item.--selected{box-shadow:inset 0 0 0 2px var(--color-bg),0 0 0 2px var(--color-focus)}