/* Icons */

svg {
    vertical-align: top;
}

:root {
    --icon-size:    1.5rem;
    --icon-size-xs: .75rem;
    --icon-size-sm: 1rem;
    --icon-size-md: 2rem;
    --icon-size-lg: 3rem;
}

.icon {
    display: inline-block;
    width: var(--icon-size);
    height: var(--icon-size);
}
.xs-icon {
    display: inline-block;
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
}
.sm-icon {
    display: inline-block;
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
}
.md-icon {
    display: inline-block;
    width: var(--icon-size-md);
    height: var(--icon-size-md);
}
.lg-icon {
    display: inline-block;
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
}