/* purgecss start ignore */
.icon > svg
{
    font-size: inherit;

    display: inline-block;
    overflow: hidden;

    width: 1rem;
    height: 1rem;

    vertical-align: -.17rem;

    @apply text-dark fill-current;
}

.icon--white > svg
{
    fill: white;
}


.icon--large > svg
{
    width: 2rem;
    height: 2rem;
}

.icon--xl > svg
{
    width: 3rem;
    height: 3rem;
}

.icon--2xl > svg
{
    width: 4rem;
    height: 4rem;
}

.icon--3xl > svg
{
    width: 4rem;
    height: 4rem;
}

.icon--4xl > svg
{
    width: 5rem;
    height: 5rem;
}
/* purgecss end ignore */