/* @group @variables */

[class*="m-quote"] {
--text-block-margin-bottom: 0;
--spacing-gap: .75rem;
--event-body-align-content: start;
}

/* @end @variables */

/* @group @m-quote */

[class*="m-quote"] {
display: grid;
align-content: var(--content-block-align-content);
grid-template-columns: repeat(1, 1fr);
grid-row-gap: var(--spacing-gap);
padding: 1.125rem;
background-color: var(--color-whitesmoke);
}

/* @end @m-quote */


/* @group @a-quote */

[class*="a-quote"] {
box-sizing: border-box;
position: relative;
z-index: 3;
display: grid;
align-content: var(--content-block-align-content);
grid-template-columns: repeat(1, 1fr);
grid-row-gap: var(--spacing-gap);
padding-left: 1.125rem;
}

[class*="a-quote"]:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: .25rem;
background: var(--color-brand);
}

/* @end @a-quote */

/* @group @a-via */

[class*="a-via"] {
position: relative;
display: flex;
align-items: center;
padding-top: .75rem;
box-shadow: inset 0 1px 0 var(--color-gainsboro);
font-size: .875rem;
line-height: 1.428571429;
color: var(--color-dimgray);
text-transform:uppercase;
}

[class*="a-via"]:before {
content: '';
width: 1rem;
height: 2px;
margin-right: .5rem;
background: hsl(0, 5%, 55%);
}

[class*="a-via"] span {
margin-right: .5rem;
text-transform: none;
}

/* @end @a-via */