@layer components{.c-utilization-project-card{--first-column-width:330px;--collapsible-row-cell:0fr;--collapsible-row-visibility:hidden;--collapsible-top-padding:0px;--top-bar-height:15px;--pink-bar-opacity:0;--transition-duration:200ms;--expand-button-color:var(--brand-black);--card-box-shadow-color:transparent;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px var(--card-box-shadow-color);display:grid;grid-template-columns:25px 1fr 25px;grid-template-rows:fit-content(100%) var(--collapsible-row-cell) 40px;overflow:hidden;padding:calc(20px + var(--top-bar-height)) 0 0;position:relative;transition:var(--transition-duration) ease;transition-property:grid-template-rows,gap,box-shadow;width:100%}.c-utilization-project-card:after,.c-utilization-project-card:before{background-image:var(--brand-gradient-orange-yellow-90deg);content:"";height:var(--top-bar-height);inset:0 0 auto;position:absolute}.c-utilization-project-card:after{background-image:var(--brand-gradient-pink-red-90deg);opacity:var(--pink-bar-opacity);transition:var(--transition-duration) opacity ease}.c-utilization-project-card:has(.c-utilization-project-card__expander__checkbox:checked){--collapsible-row-cell:1fr;--collapsible-row-visibility:visible;--pink-bar-opacity:1;--expand-button-color:var(--brand-purple);--collapsible-top-padding:20px;--card-box-shadow-color:rgba(0,0,0,.15)}.c-utilization-project-card__location{color:var(--brand-black);display:flex;font-size:16px;font-weight:var(--font-weight-regular);gap:3px;margin-top:-5px}.c-utilization-project-card__location:before{background-color:var(--brand-purple);content:"";display:block;height:15px;-webkit-mask:url(../../../img/icons/location-dot.svg) center/contain no-repeat;mask:url(../../../img/icons/location-dot.svg) center/contain no-repeat;min-width:12px;position:relative;transform:translateY(.3em);width:12px}.c-utilization-project-card__heading{color:var(--brand-black);font-family:var(--headings-font-family);font-size:var(--font-size-h4);font-variation-settings:"wght" 900;line-height:1.4}.c-utilization-project-card__row{display:flex;flex-flow:row wrap;gap:20px 50px;grid-column:2;margin-bottom:auto;padding-bottom:20px}.c-utilization-project-card__row--inner{border-top:1px solid #ababab;margin-bottom:0;min-height:0;padding-bottom:var(--collapsible-top-padding);padding-top:var(--collapsible-top-padding);transition:var(--transition-duration) ease;transition-property:visibility,padding-top,padding-bottom;visibility:var(--collapsible-row-visibility)}.c-utilization-project-card__row__cell:first-child{width:var(--first-column-width)}.c-utilization-project-card__row__cell:not(:first-child){flex:1;min-width:600px}.c-utilization-project-card__inner-row{display:flex;flex-flow:row wrap;gap:15px 50px;margin-bottom:auto}.c-utilization-project-card__inner-row__cell--applicable-use{width:240px}.c-utilization-project-card__inner-row__cell--feedstock{max-width:315px}.c-utilization-project-card__inner-row__cell--process-details{max-width:520px}.c-utilization-project-card__inner-row__cell--source-links{max-width:420px}.c-utilization-project-card__datum-heading{color:var(--brand-black);display:block;font-family:var(--headings-font-family);font-size:16px;font-variation-settings:"wght" 800;text-decoration:none}.c-utilization-project-card__datum-value{--api-list-item-indicator-size:1em;--api-list-indicator-margin-right:-0.3em;--api-list-marker-aspect-ratio:1/2;--api-list-marker-transform:translateY(0.1em);--api-list-margin-top:0.4rem;display:block;font-size:.9rem;font-weight:var(--font-weight-regular);line-height:1.3}.c-utilization-project-card__icon-datum{--icon-box-size:50px;--icon-gap:10px;padding-left:calc(var(--icon-box-size) + var(--icon-gap));position:relative}.c-utilization-project-card__icon-datum:before{background-color:var(--brand-indigo-7);background-image:var(--api-icon-url);background-position:50%;background-repeat:no-repeat;background-size:83% auto;border-radius:5px;content:"";display:block;height:var(--icon-box-size);inset:0 0 auto;margin:auto 0;position:absolute;width:var(--icon-box-size)}.c-utilization-project-card__datum-value--larger{font-size:1rem}.c-utilization-project-card__external-link{background-image:linear-gradient(180deg,transparent 0,transparent calc(100% - 2px) 0,currentColor calc(100% - 2px),currentColor calc(100% - 1px),transparent calc(100% - 1px),transparent);color:var(--brand-red);font-size:15px;line-height:1.3;overflow-wrap:break-word}.c-utilization-project-card__external-link:after{background-color:currentColor;content:"";display:inline-block;height:.6em;margin-left:5px;-webkit-mask:url(../../../img/icons/arrow-up-right.svg) center/contain no-repeat;mask:url(../../../img/icons/arrow-up-right.svg) center/contain no-repeat;transition:transform .15s ease;width:.6em}.c-utilization-project-card__external-link:focus:after,.c-utilization-project-card__external-link:hover:after{transform:translate(.1em,-.1em)}.c-utilization-project-card__link-list{display:flex;flex-direction:column;gap:10px}.c-utilization-project-card__link-list__item{line-height:1.3}.c-utilization-project-card__expander{align-items:center;background-color:#fff;border-top:1px solid #ababab;color:var(--expand-button-color);display:flex;font-family:var(--headings-font-family);font-size:16px;font-variation-settings:"wght" 700;gap:5px;grid-column:1/span 3;justify-content:center;line-height:1.2;position:relative}.c-utilization-project-card__expander__checkbox{height:100%;inset:0;opacity:0;position:absolute;width:100%}.c-utilization-project-card__expander:focus,.c-utilization-project-card__expander:hover{--expand-button-color:var(--brand-purple)}.c-utilization-project-card__expander__checkbox:hover{cursor:pointer}.c-utilization-project-card__expander:after{background-color:currentColor;content:"";display:block;height:12px;-webkit-mask:url(../../../img/icons/chevron-down.svg) center/contain no-repeat;mask:url(../../../img/icons/chevron-down.svg) center/contain no-repeat;transform:rotateX(0deg) translateY(-.1em);transition:var(--transition-duration) transform ease;width:12px}.c-utilization-project-card__expander:has(.c-utilization-project-card__expander__checkbox:checked):after{transform:rotateX(180deg) translateY(.1em)}.c-utilization-project-card__expander:has(.c-utilization-project-card__expander__checkbox:not(:checked)) .c-utilization-project-card__expander__label--when-open{display:none}.c-utilization-project-card__expander:has(.c-utilization-project-card__expander__checkbox:checked) .c-utilization-project-card__expander__label--when-closed{display:none}@media (max-width:1200px){.c-utilization-project-card{--first-column-width:100%}.c-utilization-project-card__inner-row{flex-direction:column;gap:15px 50px}.c-utilization-project-card__row__cell:not(:first-child){min-width:200px}.c-utilization-project-card__inner-row__cell--applicable-use,.c-utilization-project-card__inner-row__cell--feedstock,.c-utilization-project-card__inner-row__cell--process-details,.c-utilization-project-card__inner-row__cell--source-links{max-width:none;width:100%}.c-utilization-project-card__location{margin-top:0}.c-utilization-project-card__datum-value{font-size:15px}}}