img
{
    max-width: 100%;
    height: auto;

    vertical-align: middle;
}

.svg
{
    overflow: hidden;
    display: inline-block;

    text-align: center;
    vertical-align: middle;

    > svg
    {
        fill: currentColor;

        text-align: center;
        vertical-align: top;

        // fix ms edge/13 not delivering mouse events for svg with external content
        use
        {
            pointer-events: none;
        }
    }
}

[data-has-background-image]
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
