/* @group @m-campaign-detail */

[class*="m-campaign-detail"] {
box-sizing: border-box;
position: relative;
display: grid;
grid-template-columns: .75rem 1fr .375rem 2.25rem .375rem auto .75rem;
grid-template-rows: .75rem .375rem 2.25rem .375rem 1fr auto .75rem;
}

[class*="a-campaign-favorite"] {
grid-column: 3 / 6;
grid-row: 2 / 5;
}

[class*="m-campaign-link"] {
grid-column: 1 / 8;
grid-row: 1 / 8;
}

/* @end @m-campaign-detail */



/* campaign-detail -------------------------------------------------------- */

/* @group @variables */

[class*="m-campaign-link"] {
--campaign-media-grid-column: 2 / 7;
--campaign-media-grid-row: 2 / 5;
--campaign-category-grid-column: 3 / 6;
--campaign-category-grid-row: 4;
--campaign-label-grid-column: 3 / 6;
--campaign-label-grid-row: 6;
--campaign-outline-grid-column: 3 / 6;
--campaign-outline-grid-row: 8;
--campaign-info-grid-column: 3 / 6;
--campaign-info-grid-row: 10;
--campaign-budge-new-grid-column: 2 / 5;
--campaign-budge-new-grid-row: 2;
}

/* @end @variables */

/* @group @m-campaign-link */

[class*="m-campaign-link"] {
box-sizing: border-box;
position: relative;
display: grid;
grid-template-columns: .75rem .75rem .75rem 1fr .75rem .75rem .75rem;
grid-template-rows: .75rem 5.25rem 1fr minmax(2.25rem, 3rem) .375rem auto .375rem auto .75rem auto .75rem;
}

[class*="a-campaign-media"] {
grid-column: var(--campaign-media-grid-column);
grid-row: var(--campaign-media-grid-row);
}

[class*="a-campaign-category"] {
grid-column: var(--campaign-category-grid-column);
grid-row: var(--campaign-category-grid-row);
}

[class*="a-campaign-label"] {
grid-column: var(--campaign-label-grid-column);
grid-row: var(--campaign-label-grid-row);
}

[class*="a-campaign-outline"] {
grid-column: var(--campaign-outline-grid-column);
grid-row: var(--campaign-outline-grid-row);
}

[class*="a-campaign-info"] {
grid-column: var(--campaign-info-grid-column);
grid-row: var(--campaign-info-grid-row);
}

[class*="a-campaign-budge-new"] {
grid-column: var(--campaign-budge-new-grid-column);
grid-row: var(--campaign-budge-new-grid-row);
}

/* @end @m-campaign-link */

/* campaign-detail -------------------------------------------------------- */

/* @group @variables */

[class*="m-campaign-link"] {
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
/*--head-2-font-family: var(--font-family-heading); */
--head-2-font-size: 1.125rem;
--head-2-line-height: 1.66666667;
--head-2-font-weight: 200;
--head-2-font-variation-settings: "wght" 200;
/*--head-3-font-family: var(--font-family-heading); */
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.66666667;
--head-3-font-weight: 200;
--head-3-font-variation-settings: "wght" 200;
}

[class*="m-campaign-link"] {
--campaign-detail-color: var(--color-quinary);
--head-2-color: var(--color-quinary);
--head-3-color: var(--color-quinary);
}

[class*="m-campaign-link"]:hover,
[class*="m-campaign-link"]:focus {
--campaign-detail-color: var(--color);
--head-2-color: var(--color);
--head-3-color: var(--color);
}

[class*="m-campaign-link"]:active {
/*--campaign-detail-background-color: var(--color-active-secondary); */
--campaign-detail-color: var(--color-active);
--head-2-color: var(--color-active);
--head-3-color: var(--color-active);
}

/* @end @variables */

/* @group @m-campaign-link */

[class*="m-campaign-link"] {
position: relative;
padding: var(--campaign-detail-padding);
box-shadow: var(--campaign-detail-box-shadow);
}

[class*="m-campaign-link"],
[class*="m-campaign-link"]:hover,
[class*="m-campaign-link"]:focus,
[class*="m-campaign-link"]:active {
background-color: var(--campaign-detail-background-color);
color: var(--campaign-detail-color);
}

[class*="a-campaign-logo"],
[class*="a-campaign-budge-new"] {
position: relative;
z-index: 11;
}

/* @end @m-campaign-link */

/* @group @m-campaign-link */

[class*="m-campaign-link"] {
position: relative;
z-index: 2;
}

[class*="m-campaign-link"]:before {
content: '';
position: absolute;
inset: 0;
/*top: 0;
right: 0;
bottom: 0;
left: 0;*/
box-shadow: 0 0 0 1px var(--color-very-light-gray), .375rem .375rem 1.125rem -.375rem hsla(220, 20%, 20%, .375);
opacity: 0;
transition: var(--transition);
}

[class*="m-campaign-link"]:hover:before,
[class*="m-campaign-link"]:focus:before {
opacity: 1;
}

/* @end @m-campaign-link */

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

/* @group @a-campaign-label */

[class*="a-campaign-label"] {
transition: inherit;
}

/* @end @a-campaign-label */

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

/* @group @variables */

[class*="a-campaign-info"] {
--campaign-info-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-info"] 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);
}

[class*="a-campaign-info"] dd {
--font-size: .75rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
}

/* @end @variables */

/* @group @a-campaign-info */

[class*="a-campaign-info"] {
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-info"] 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-info-clip-path);
clip-path: var(--campaign-info-clip-path);
}

/* @end @a-campaign-info */

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

/* @group @variables */

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

/* @end @variables */

/* @group @a-campaign-category */

[class*="a-campaign-category"] {
box-sizing: border-box;
position: relative;
z-index: 2;
display: grid;
justify-content: center;
align-items: center;
gap: .375rem;
min-height: 2.25rem;
padding: .375rem;
background-color: hsla(0, 0%, 100%, .975);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

/* @end @a-campaign-category */ 

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

/* @group @a-campaign-logo */

[class*="a-campaign-logo"] {
display: flex;
justify-content: center;
align-items: end;
padding-top: .75rem;
background-color: hsla(0, 0%, 100%, 1);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
transition: var(--transition);
}

[class*="a-campaign-logo"] img {
height: 2.25rem;
}

/* @end @a-campaign-logo */

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