/* ICONS */
[class^='icn--'],
[class*=' icn--'] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #858181;
}

.icn-xs {
    width: 15px;
    height: 15px;
}

.icn-sm {
    width: 29px;
    height: 29px;
}

.icn-md {
    width: 35px;
    height: 35px;
}

.icn-lg {
    width: 50px;
    height: 50px;
}

.icn-xl {
    width: 70px;
    height: 70px;
}

.icn-selected {
    background-color: #1b89d0;
}

.icn--a-minha-conta {
    -webkit-mask-image: url("/Assets/Css/Icons/a-minha-conta.svg");
    mask-image: url("/Assets/Css/Icons/a-minha-conta.svg");
}

.icn--carrinho-compras {
    -webkit-mask-image: url("/Assets/Css/Icons/carrinho-compras.svg");
    mask-image: url("/Assets/Css/Icons/carrinho-compras.svg");
}

.icn--pesquisa {
    -webkit-mask-image: url("/Assets/Css/Icons/pesquisa.svg");
    mask-image: url("/Assets/Css/Icons/pesquisa.svg");
}

.icn--seta-esq {
    -webkit-mask-image: url("/Assets/Css/Icons/seta-esq.svg");
    mask-image: url("/Assets/Css/Icons/seta-esq.svg");
}

.icn--seta-dir {
    -webkit-mask-image: url("/Assets/Css/Icons/seta-dir.svg");
    mask-image: url("/Assets/Css/Icons/seta-dir.svg");
}