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

/* @group @variables */

[class*="a-campaign-date"] {
--campaign-date-clip-path: polygon(0% 0%, calc(100% - .5rem) 0%, 100% 50%, calc(100% - .5rem) 100%, 0% 100%);
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
}

[class*="a-campaign-date"] dt {
--font-size: .625rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
--font-weight: 500;
--font-variation-settings: "wght" 500;
--color: var(--color-white);
}

/* @end @variables */

/* @group @a-campaign-date */

[class*="a-campaign-date"] {
display: grid;
align-items: center;
grid-template-columns: auto 1fr;
gap: .375rem;
padding-top: calc(.75rem - 1px);
border-top: 1px dotted var(--color-gainsboro);
}

[class*="a-campaign-date"] dt {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
width: 3.75rem;
height: 1.5rem;
padding: 0 .75rem 0 .5rem;
background-color: var(--color-premier);
vertical-align: middle;
-webkit-clip-path: var(--campaign-date-clip-path);
clip-path: var(--campaign-date-clip-path);
}

/* @end @a-campaign-date */