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

.a-with-icon-xx-small,
.a-with-child-icon-xx-small img,
.a-with-child-icon-xx-small svg {
width: var(--font-size-xx-small);
height: var(--font-size-xx-small);
background-size: var(--font-size-xx-small) auto;
vertical-align: baseline;
}

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

/* @group @a-with-icon-xx-small-empty */

.a-with-icon-xx-small-empty {
padding-top: var(--font-size-xx-small);
}

/* @end @a-with-icon-xx-small-empty */

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

.a-with-icon-x-small,
.a-with-child-icon-x-small img,
.a-with-child-icon-x-small svg {
width: var(--font-size-x-small);
height: var(--font-size-x-small);
background-size: var(--font-size-x-small) auto;
vertical-align: baseline;
}

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

/* @group @a-with-icon-x-small-empty */

.a-with-icon-x-small-empty {
padding-top: var(--font-size-x-small);
}

/* @end @a-with-icon-x-small-empty */

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


.a-with-icon-small,
.a-with-child-icon-small img,
.a-with-child-icon-small svg {
width: var(--font-size-small);
height: var(--font-size-small);
vertical-align: baseline;
background-size: var(--font-size-small) auto;
}

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

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

.a-with-icon-small-empty {
padding-top: var(--font-size-small);
}

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

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

.a-with-icon-basic,
.a-with-child-icon-basic img,
.a-with-child-icon-basic svg {
width: var(--spacing-paragraph);
min-width: var(--spacing-paragraph);
height: var(--spacing-paragraph);
vertical-align: baseline;
background-size: var(--font-size-paragraph) auto;
}

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

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

.a-with-icon-basic-empty {
padding-top: var(--spacing-paragraph);
}

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

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

.a-with-icon-medium,
.a-with-child-icon-medium img,
.a-with-child-icon-medium svg {
width: var(--font-size-medium);
min-width: var(--font-size-medium);
height: var(--font-size-medium);
vertical-align: baseline;
background-size: var(--font-size-medium) auto;
}

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

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

.a-with-icon-medium-empty {
padding-top: var(--font-size-medium);
}

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

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

.a-with-icon-large,
.a-with-child-icon-large img,
.a-with-child-icon-large svg {
width: var(--font-size-large);
min-width: var(--font-size-large);
height: var(--font-size-large);
vertical-align: baseline;
background-size: var(--font-size-large) auto;
}

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

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

.a-with-icon-large-empty {
padding-top: var(--font-size-large);
}

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

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

.a-with-icon-x-large,
.a-with-child-icon-x-large img,
.a-with-child-icon-x-large svg {
width: var(--font-size-x-large);
min-width: var(--font-size-x-large);
height: var(--font-size-x-large);
vertical-align: baseline;
background-size: var(--font-size-x-large) auto;
}

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

/* @group @a-with-icon-x-large-empty */

.a-with-icon-x-large-empty {
padding-top: var(--font-size-x-large);
}

/* @end @a-with-icon-x-large-empty */

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

.a-with-icon-xx-large,
.a-with-child-icon-xx-large img,
.a-with-child-icon-xx-large svg {
width: var(--font-size-xx-large);
min-width: var(--font-size-xx-large);
height: var(--font-size-xx-large);
vertical-align: baseline;
background-size: var(--font-size-xx-large) auto;
}

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

/* @group @a-with-icon-xx-large-empty */

.a-with-icon-xx-large-empty {
padding-top: var(--font-size-xx-large);
}

/* @end @a-with-icon-xx-large-empty */

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

.a-with-icon-xxx-large,
.a-with-child-icon-xxx-large img,
.a-with-child-icon-xxx-large svg {
width: var(--font-size-xxx-large);
width: var(--font-size-xxx-large);
height: var(--font-size-xxx-large);
vertical-align: baseline;
background-size: var(--font-size-xxx-large) auto;
}

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

/* @group @a-with-icon-xxx-large-empty */

.a-with-icon-xxx-large-empty {
padding-top: var(--font-size-xxx-large);
}

/* @end @a-with-icon-xxx-large-empty */

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

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

.a-attached-with-icon {
background-position: center center;
background-repeat: no-repeat;
}

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

/* @group @a-attached-icon-next */

.a-attached-icon-next {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.56 0L6 1.5 16.89 12 6 22.5 7.56 24 20 12z"/></svg>');
}

/* @end @a-attached-icon-next */

/* @group @a-attached-icon-prev */

.a-attached-icon-prev {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.44 24L18 22.5 7.11 12 18 1.5 16.44 0 4 12z"/></svg>');
}

/* @end @a-attached-icon-prev */

/* @group @a-attached-icon-close */

.a-attached-icon-close {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.373 6.04L17.96 4.627 12 10.587l-5.96-5.96L4.627 6.04l5.96 5.96-5.96 5.96 1.413 1.413 5.96-5.96 5.96 5.96 1.413-1.413-5.96-5.96z"/></svg>');
}

/* @end @a-attached-icon-close */