/* @group @a-icon-list */

[class*="a-icon-list"] {
display: inline-grid;
grid-template-columns: repeat(auto-fill, 2.625rem);
gap: .375rem;
}

/* @end @a-icon-list */

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

/* @group @variables */

[class*="a-text-icon"] {
--font-size: .5rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
--font-weight: 500;
--font-variation-settings: "wght" 500;
}

[class*="a-text-icon-new"] {
--text-icon-background-color: var(--color-premier);
}

[class*="a-text-icon-sale"] {
--text-icon-background-color: var(--color-sale-primary)
}

[class*="a-text-icon-soldout"] {
--text-icon-background-color: var(--color-soldout-primary);
}

/* @end @variables */

/* @group @a-text-icon */

[class*="a-text-icon"] {
box-sizing: border-box;
display: inline-grid;
justify-content: center;
align-items: center;
height: 1.125rem;
padding: 0 .1875rem;
background-color: var(--text-icon-background-color);
border-radius: .25rem;
color: var(--color-white);
}

/* @end @a-text-icon */