/* @group @variables */

[class*="a-brand-link"] {
--grid-template-columns: repeat(1, 1fr);
--gap: .75rem;
}

/* @end @variables */

/* @group @a-brand-link */

[class*="a-brand-link"] {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

/* @end @a-brand-link */

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

/* @group @variables */

[class*="a-brand-link"] {
--brand-link-height: 5.25rem;
--brand-link-border: 1px solid var(--color-very-light-gray);
--brand-link-img-height: 2.25rem;
--aspect-ratio: 180 / 72;
}

/* @end @variables */

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

[class*="a-brand-logo"] {
position: relative;
display: grid;
justify-content: center;
align-items: center;
height: var(--brand-link-height);
padding: 0 .375rem;
border: var(--brand-link-border);
}

[class*="a-brand-logo"]:before,
[class*="a-brand-logo"]:after {
content: '';
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
border: 1px solid transparent;
}

[class*="a-brand-logo"]:before {
top: -1px;
left: -1px;
}

[class*="a-brand-logo"]:after {
bottom: -1px;
right: -1px;
}

a:hover [class*="a-brand-logo"]:before,
a:focus [class*="a-brand-logo"]:before {
border-color: var(--color-gainsboro-action) var(--color-gainsboro-action) transparent transparent;
transition: width .2s 0s var(--transition-cubic-bezier), height .2s .2s var(--transition-cubic-bezier);
}

a:hover [class*="a-brand-logo"]:after,
a:focus [class*="a-brand-logo"]:after {
border-color: transparent transparent var(--color-gainsboro-action)var(--color-gainsboro-action);
transition: border-color 0s var(--transition-cubic-bezier) .2s, width .2s .4s var(--transition-cubic-bezier), height .2s .6s var(--transition-cubic-bezier);
}

[class*="a-brand-logo"] img {
height: var(--brand-link-img-height);
aspect-ratio: var(--aspect-ratio);
object-fit: contain;
object-position: center center;
pointer-events: none;
transition: var(--transition);
}

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

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

/* @group @variables */

[class*="a-brand-info"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 0;
--head-3-font-size: 1rem;
--head-3-font-weight: 300;
--head-3-font-variation-settings: "wght" 300;
--head-4-font-size: .625rem;
--head-4-line-height: 1.8;
--head-4-color: var(--color-darkgray);
--head-4-font-weight: 300;
--head-4-font-variation-settings: "wght" 300;
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
}

/* @end @variables */

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

[class*="a-brand-info"] {
position: relative;
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

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