@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.woff?g5go4n') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@layer components {
    [class^="mp-"],
    [class*="mp-"] {
        font-family: 'icomoon';
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1 !important;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .mp-communication-icon:before {
        content: "\a909";
    }

    .mp-history-icon:before {
        content: "\a90b";
    }

    .mp-attach-icon:before {
        content: "\a90c";
    }

    .mp-reply-icon:before {
        content: "\a90d";
    }

    .mp-store-icon:before {
        content: "\e964";
    }
}