/* @group @a-with-icon */

.a-with-icon {
fill: currentColor;
}

/* @end @a-with-icon */

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

/* @group @a-with-icon-text-primary */

.a-with-icon-text-primary {
overflow: hidden;
grid-column: 2;
grid-row: 1;
}

/* @end @a-with-icon-text-primary */

/* @group @a-with-icon-text-secondary */

.a-with-icon-text-secondary {
overflow: hidden;
grid-column: 1;
grid-row: 1;
}

/* @end @a-with-icon-text-secondary */

/* @group @a-with-icon-text-tertiary */

.a-with-icon-text-tertiary {
overflow: hidden;
grid-column: 3;
grid-row: 1;
}

/* @end @a-with-icon-text-tertiary */

/* @group @a-with-icon-primary */

.a-with-icon-primary {
grid-column: 1;
grid-row: 1;
}

/* @end @a-with-icon-primary */

/* @group @a-with-icon-secondary */

.a-with-icon-secondary {
grid-column: 2;
grid-row: 1;
}

/* @end @a-with-icon-secondary */

/* @group @a-with-icon-tertiary */

.a-with-icon-tertiary {
grid-column: 3;
grid-row: 1;
}

/* @end @a-with-icon-tertiary */

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

/* @group @a-with-icon-text-quaternary */

.a-with-icon-text-quaternary {
grid-column: 1;
grid-row: 1;
margin-right: auto;
margin-left: auto;
}

/* @end @a-with-icon-text-quaternary */

/* @group @a-with-icon-text-quinary */

.a-with-icon-text-quinary {
grid-column: 1;
grid-row: 2;
margin-right: auto;
margin-left: auto;
}

/* @end @a-with-icon-text-quinary */

/* @group @a-with-icon-quaternary */

.a-with-icon-quaternary {
grid-column: 1;
grid-row: 1;
margin-right: auto;
margin-left: auto;
}

/* @end @a-with-icon-quaternary */

/* @group @a-with-icon-quinary */

.a-with-icon-quinary {
grid-column: 1;
grid-row: 2;
margin-right: auto;
margin-left: auto;
}

/* @end @a-with-icon-quinary */