.mt-icon {
    display: inline-flex;
    width: 1.25em;
    height: 1.25em;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: contain;
    background: var(--c-black);
    pointer-events: none;
    overflow: hidden;
}

.mt-icon::before{
    content: '\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0';
}

.mt-settings {
    mask-image: url(/images/material/settings.svg);
    -webkit-mask-image: url(/images/material/settings.svg);
}

.mt-add {
    mask-image: url(/images/material/add.svg);
    -webkit-mask-image: url(/images/material/add.svg);
}

.mt-arrow_back {
    mask-image: url(/images/material/arrow_back.svg);
    -webkit-mask-image: url(/images/material/arrow_back.svg);
}

.mt-arrow_downward {
    mask-image: url(/images/material/arrow_downward.svg);
    -webkit-mask-image: url(/images/material/arrow_downward.svg);
}

.mt-arrow_forward {
    mask-image: url(/images/material/arrow_forward.svg);
    -webkit-mask-image: url(/images/material/arrow_forward.svg);
}

.mt-arrow_upward {
    mask-image: url(/images/material/arrow_upward.svg);
    -webkit-mask-image: url(/images/material/arrow_upward.svg);
}

.mt-close {
    mask-image: url(/images/material/close.svg);
    -webkit-mask-image: url(/images/material/close.svg);
}

.mt-credit_card {
    mask-image: url(/images/material/credit_card.svg);
    -webkit-mask-image: url(/images/material/credit_card.svg);
}

.mt-chevron_right {
    mask-image: url(/images/material/chevron_right.svg);
    -webkit-mask-image: url(/images/material/chevron_right.svg);
}

.mt-delete {
    mask-image: url(/images/material/delete.svg);
    -webkit-mask-image: url(/images/material/delete.svg);
}

.mt-directions_car {
    mask-image: url(/images/material/directions_car.svg);
    -webkit-mask-image: url(/images/material/directions_car.svg);
}

.mt-done {
    mask-image: url(/images/material/done.svg);
    -webkit-mask-image: url(/images/material/done.svg);
}

.mt-email {
    mask-image: url(/images/material/email.svg);
    -webkit-mask-image: url(/images/material/email.svg);
}

.mt-expand_more {
    mask-image: url(/images/material/expand_more.svg);
    -webkit-mask-image: url(/images/material/expand_more.svg);
}

.mt-favorite_filled {
    mask-image: url(/images/material/favorite_filled.svg);
    -webkit-mask-image: url(/images/material/favorite_filled.svg);
}

.mt-favorite {
    mask-image: url(/images/material/favorite.svg);
    -webkit-mask-image: url(/images/material/favorite.svg);
}

.mt-grade {
    mask-image: url(/images/material/grade.svg);
    -webkit-mask-image: url(/images/material/grade.svg);
}

.mt-info {
    mask-image: url(/images/material/info.svg);
    -webkit-mask-image: url(/images/material/info.svg);
}

.mt-leaderboard_filled {
    mask-image: url(/images/material/leaderboard_filled.svg);
    -webkit-mask-image: url(/images/material/leaderboard_filled.svg);
}

.mt-leaderboard {
    mask-image: url(/images/material/leaderboard.svg);
    -webkit-mask-image: url(/images/material/leaderboard.svg);
}

.mt-local_offer {
    mask-image: url(/images/material/local_offer.svg);
    -webkit-mask-image: url(/images/material/local_offer.svg);
}

.mt-local_shipping {
    mask-image: url(/images/material/local_shipping.svg);
    -webkit-mask-image: url(/images/material/local_shipping.svg);
}

.mt-lock {
    mask-image: url(/images/material/lock.svg);
    -webkit-mask-image: url(/images/material/lock.svg);
}

.mt-menu {
    mask-image: url(/images/material/menu.svg);
    -webkit-mask-image: url(/images/material/menu.svg);
}

.mt-north_east {
    mask-image: url(/images/material/north_east.svg);
    -webkit-mask-image: url(/images/material/north_east.svg);
}

.mt-person {
    mask-image: url(/images/material/person.svg);
    -webkit-mask-image: url(/images/material/person.svg);
}

.mt-phone {
    mask-image: url(/images/material/phone.svg);
    -webkit-mask-image: url(/images/material/phone.svg);
}

.mt-picture_as_pdf {
    mask-image: url(/images/material/picture_as_pdf.svg);
    -webkit-mask-image: url(/images/material/picture_as_pdf.svg);
}

.mt-place {
    mask-image: url(/images/material/place.svg);
    -webkit-mask-image: url(/images/material/place.svg);
}

.mt-play {
    mask-image: url(/images/material/play.svg);
    -webkit-mask-image: url(/images/material/play.svg);
}

.mt-play_circle {
    mask-image: url(/images/material/play_circle.svg);
    -webkit-mask-image: url(/images/material/play_circle.svg);
}

.mt-remove {
    mask-image: url(/images/material/remove.svg);
    -webkit-mask-image: url(/images/material/remove.svg);
}

.mt-schedule {
    mask-image: url(/images/material/schedule.svg);
    -webkit-mask-image: url(/images/material/schedule.svg);
}

.mt-search {
    mask-image: url(/images/material/search.svg);
    -webkit-mask-image: url(/images/material/search.svg);
}

.mt-shopping_cart {
    mask-image: url(/images/material/shopping_cart.svg);
    -webkit-mask-image: url(/images/material/shopping_cart.svg);
}

.mt-sort {
    mask-image: url(/images/material/sort.svg);
    -webkit-mask-image: url(/images/material/sort.svg);
}

.mt-swap_vert {
    mask-image: url(/images/material/swap_vert.svg);
    -webkit-mask-image: url(/images/material/swap_vert.svg);
}

.mt-undo {
    mask-image: url(/images/material/undo.svg);
    -webkit-mask-image: url(/images/material/undo.svg);
}

.mt-verified {
    mask-image: url(/images/material/verified.svg);
    -webkit-mask-image: url(/images/material/verified.svg);
}

.mt-open_in_new {
    mask-image: url(/images/material/open_in_new.svg);
    -webkit-mask-image: url(/images/material/open_in_new.svg);
}

.mt-do_not_disturb {
    mask-image: url(/images/material/do_not_disturb.svg);
    -webkit-mask-image: url(/images/material/do_not_disturb.svg);
}

.mt-visibility {
    mask-image: url(/images/material/visibility.svg);
    -webkit-mask-image: url(/images/material/visibility.svg);
}

.mt-trending_up {
    mask-image: url(/images/material/trending_up.svg);
    -webkit-mask-image: url(/images/material/trending_up.svg);
}

.mt-savings {
    mask-image: url(/images/material/savings.svg);
    -webkit-mask-image: url(/images/material/savings.svg);
}

.mt-question_mark_black {
    mask-image: url(/images/material/question_mark_black.svg);
    -webkit-mask-image: url(/images/material/question_mark_black.svg);
}

.mt-loop {
    mask-image: url(/images/material/loop.svg);
    -webkit-mask-image: url(/images/material/loop.svg);
    transform: scaleX(-1);
    animation: loading .3s linear infinite;
}

@keyframes loading {
    from { rotate: 0deg; }
    to { rotate: 180deg; }
}