.colors{font-size:.875rem;font-weight:300;letter-spacing:-.2px;line-height:1.375rem;cursor:copy}.colors__item{display:flex;flex-direction:column}.colors__item.colors__item--inverted thead .colors__cell{border-bottom:1px solid #fff}.colors__item--border{border:1px solid var(--color-grayscale-10)}.colors__info{font-weight:500}.colors__wcag{align-self:flex-end;max-width:318px;width:100%}.colors__wcag .colors__cell{padding-top:1px;padding-bottom:1px}.colors__wcag thead .colors__cell{border-color:#2c2c2c;font-weight:300}.colors__wcag tbody .colors__cell{border-bottom:0}