/* @group @variables */

[class*="a-article-brand-logo"] {
--brand-logo-width: 15rem;
--brand-logo-border: 1px solid var(--color-very-light-gray);
--brand-logo-height: 6rem;
--brand-logo-img-height: 3.75rem;
--aspect-ratio: 180 / 72;
}

/* @end @variables */

/* @group @a-article-brand-logo */

[class*="a-article-brand-logo"] {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
width: 100%;
height: var(--brand-logo-height);
max-width: var(--brand-logo-width);
margin-right: auto;
margin-left: auto;
border: var(--brand-logo-border);
}

[class*="a-article-brand-logo"] img {
height: var(--brand-logo-img-height);
object-fit: contain;
object-position: center center;
}

/* @end @a-article-brand-logo */