/* @group @variables */

[class*="a-product-color-list"] {
--grid-template-columns: repeat(auto-fit, 4.5rem);
}

/* @end @variables */

/* @group @a-product-color-list */

[class*="a-product-color-list"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: .375rem;
}

/* @end @a-product-color-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-product-color-thumbnail"] {
--font-size: .75rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
--font-weight: 300;
--font-variation-settings: "wght" 300;
}

/* @end @variables */

/* @group @a-product-color-thumbnail */

[class*="a-product-color-thumbnail"] {
align-self: start;
display: grid;
gap: .375rem;
}

/* @end @a-product-color-thumbnail */