@mixin iconfont-def {
    @font-face {
        font-family: "mapp-fonts";
        src: url("./mapp-fonts.eot?124a67d4393c45633dfe24dc00dbaefb#iefix") format("embedded-opentype"),
url("./mapp-fonts.woff2?124a67d4393c45633dfe24dc00dbaefb") format("woff2"),
url("./mapp-fonts.woff?124a67d4393c45633dfe24dc00dbaefb") format("woff");
    }
}

@mixin iconfont-styles {
    .mui-icons {
        font-family: "mapp-fonts";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        font-size: 24px;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        white-space:nowrap;
        word-wrap:normal;
        min-width: 1em;
        -webkit-text-stroke: 1px transparent;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-feature-settings: 'liga';
        -moz-font-feature-settings: 'liga';
        font-feature-settings: 'liga';
        text-rendering: optimizeLegibility;
        text-align: left;
    }
}