/*--------------------------------------------------------------------------*\
    Flash icon
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
        Sizes
\*--------------------------------------------------------------------------*/

.flash--tn .flash__icon {
    /*box*/
    height: 25px;
    width: 25px;
}

.flash--sm .flash__icon {
    /*box*/
    height: 30px;
    width: 30px;
}

.flash--md .flash__icon {
    /*box*/
    height: 35px;
    width: 35px;
}

.flash--lg .flash__icon {
    /*box*/
    height: 40px;
    width: 40px;
}

/*--------------------------------------------------------------------------*\
	    Success
\*--------------------------------------------------------------------------*/

.flash--success .flash__icon {
    /*background*/
    fill: var(--c-success-1);
}

/*--------------------------------------------------------------------------*\
	    Warning
\*--------------------------------------------------------------------------*/

.flash--warning .flash__icon {
    /*background*/
    fill: var(--c-warning-1);
}

/*--------------------------------------------------------------------------*\
	    Error
\*--------------------------------------------------------------------------*/

.flash--error .flash__icon {
    /*background*/
    fill: var(--c-error-secondary-1);
}