/* @group @variables */

[class*="m-products-price-discount"] {
--font-size: 1.125rem;
--line-height: 1.33333333;
--paragraph-line-height: var(--line-height);
--font-weight: 300;
--font-variation-settings: "wght" 300;
}

/* @end @variables */

/* @group @m-products-price */

[class*="m-products-price-discount"] {
display: grid;
align-items: center;
grid-template-columns: auto 1fr;
gap: .75rem;
}

[class*="a-products-discount-rate"] {
grid-column: 1;
}

[class*="a-products-price-discount"] {
grid-column: 2;
}

/* @end @m-products-price */

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

/* @group @variables */

[class*="a-products-discount-rate"] {
--font-size: 1.125rem;
--line-height: 1.33333333;
--paragraph-line-height: var(--line-height);
--font-weight: 300;
--font-variation-settings: "wght" 300;
}

/* @end @variables */

/* @group @a-products-discount-rate */

[class*="a-products-discount-rate"] {
position: relative;
z-index: 11;
display: inline-grid;
justify-content: center;
align-items: center;
height: 1.125rem;
padding: 0 .375rem;
background-color: var(--color-sale-primary);
font-size: .625rem;
font-variation-settings: "wght" 500;
color: var(--color-white);
}

/* @end @a-products-discount-rate */

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

/* @group @a-products-price */

[class*="a-products-price-discount"] del {
font-weight: 300;
font-variation-settings: "wght" 300;
}

[class*="a-products-price-discount"] del+span {
margin-left: .25rem;
font-weight: 500;
font-variation-settings: "wght" 500;
color: var(--color-sale-primary);
}

/* @end @a-products-price-discount */