/* @group @a-attached-icon-block-primary */

.a-attached-icon-block-primary {
align-items: center;
grid-template-columns: auto 1fr;
grid-column-gap: var(--spacing-x-small);
}

/* @end @a-attached-icon-block-primary */

/* @group @a-attached-icon-block-proto */

.a-attached-icon-block-proto {
justify-content: center;
align-items: center;
grid-template-columns: auto auto;
grid-column-gap: var(--spacing-x-small);
}

/* @end @a-attached-icon-block-proto */

/* @group @a-attached-icon-block-secondary */

.a-attached-icon-block-secondary {
align-items: center;
grid-template-columns: 1fr auto;
grid-column-gap: var(--spacing-x-small);
}

/* @end @a-attached-icon-block-secondary */

/* @group @a-attached-icon-block-tertiary */

.a-attached-icon-block-tertiary {
grid-template-columns: var(--spacing-small) auto var(--spacing-small);
grid-column-gap: var(--spacing-x-small);
}

/* @end @a-attached-icon-block-tertiary */

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

/* @group @a-attached-icon-block-quaternary */

.a-attached-icon-block-quaternary {
grid-template-rows: 1fr auto;
grid-row-gap: var(--spacing-x-small)
}

/* @end @a-attached-icon-block-quaternary */

/* @group @a-attached-icon-block-quinary */

.a-attached-icon-block-quinary {
grid-template-rows: auto 1fr;
grid-row-gap: var(--spacing-x-small)
}

/* @end @a-attached-icon-block-quinary */

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

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

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

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

/* @group @a-attached-notification-block-primary */

.a-attached-notification-block-primary {
grid-template-columns: 1fr auto auto;
grid-column-gap: var(--spacing-x-small);
}

/* @end @a-attached-notification-block-primary */