@font-face {
    font-family: 'icomoon';
    src: url('../../../fonts/icomoon.eot');
    src: url('../../../fonts/icomoon.eot') format('embedded-opentype'), url('../../../fonts/icomoon.ttf') format('truetype'), url('../../../fonts/icomoon.woff') format('woff'), url('../../../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-star-pre, .icon-photo_size_select_large-pre, .icon-fr-icon-pre, .icon-smiley-pre,
.icon-fr-satisfied-pre, .icon-fr-neutral-pre, .icon-fr-sad-pre, .icon-fr-angry-pre, .icon-fr-happy-pre {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-flex;
    text-align: center;
}

    .icon-star-pre:before {
        content: "\e919";
        color: #ffd700;
    }

    .icon-photo_size_select_large-pre:before {
        content: "\e918";
    }

    .icon-fr-icon-pre:before {
        content: "\e900";
        color: #923bbe;
        font-family: inherit !important;
    }

    .icon-smiley-pre .path1:before {
        content: "\e916";
        color: rgb(255, 255, 255);
    }

    .icon-smiley-pre .path2:before {
        content: "\e917";
        margin-left: -0.9345703125em;
        color: rgb(73, 69, 57);
    }

    .icon-fr-satisfied-pre .path1:before {
        content: "\e901";
        color: rgb(209, 221, 60);
    }

    .icon-fr-satisfied-pre .path2:before {
        content: "\e902";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-satisfied-pre .path3:before {
        content: "\e903";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-satisfied-pre .path4:before {
        content: "\e915";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-neutral-pre .path1:before {
        content: "\e904";
        color: rgb(250, 205, 84);
    }

    .icon-fr-neutral-pre .path2:before {
        content: "\e905";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-neutral-pre .path3:before {
        content: "\e906";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-neutral-pre .path4:before {
        content: "\e907";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-sad-pre .path1:before {
        content: "\e908";
        color: rgb(235, 94, 85);
    }

    .icon-fr-sad-pre .path2:before {
        content: "\e909";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-sad-pre .path3:before {
        content: "\e90a";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-sad-pre .path4:before {
        content: "\e90b";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-angry-pre .path1:before {
        content: "\e90c";
        color: rgb(219, 62, 62);
    }

    .icon-fr-angry-pre .path2:before {
        content: "\e90d";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-angry-pre .path3:before {
        content: "\e90e";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-angry-pre .path4:before {
        content: "\e90f";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-happy-pre .path1:before {
        content: "\e910";
        color: rgb(154, 204, 104);
    }

    .icon-fr-happy-pre .path2:before {
        content: "\e911";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-happy-pre .path3:before {
        content: "\e912";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-happy-pre .path4:before {
        content: "\e913";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }

    .icon-fr-happy-pre .path5:before {
        content: "\e914";
        margin-left: -0.9345703125em;
        color: #3c3c3c;
    }