/* @group @variables */

[class*="m-about-list"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 2.25rem;
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
}

@media all and (min-width:48em) {

[class*="m-about-list"] {
--grid-template-columns: repeat(2, 1fr);
}

}

@media all and (min-width:62em) {

[class*="m-about-list"] {
--grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-about-list */

[class*="m-about-list"] {
display: grid;
justify-content: var(--justify-content);
align-items: var(--align-items);
align-content: var(--align-content);
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
gap: var(--gap);
max-width: var(--column-group-max-width);
margin-right: var(--column-group-margin-right);
margin-left: var(--column-group-margin-left);
direction: var(--grid-direction);
}

/* @end @m-about-list */

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

/* @group @m-about-detail */

[class*="m-about-media"] {
border: 1px solid var(--color-gainsboro);
}

/* @end @m-about-detail */

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

/* @group @variables */

[class*="m-about-social-list"] {
--justify-content: center;
--grid-template-columns: repeat(auto-fit, 2.25rem);
--gap: 2.25rem;
--icon-width: 2.25rem;
--icon-height: 2.25rem;
--link-color: var(--color-white-action);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white-active);
--icon-fill: currentColor;
}

/* @end @variables */

/* @group @m-about-social-list */

[class*="m-about-social-list"] {
display: grid;
justify-content: var(--justify-content);
align-items: var(--align-items);
align-content: var(--align-content);
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
gap: var(--gap);
}

/* @end @m-about-social-list */