@font-face {
    font-family: 'FontFPD';
    src: url('./FontFPD.eot?jw2ske');
    src: url('./FontFPD.eot?jw2ske#iefix') format('embedded-opentype'),
        url('./FontFPD.ttf?jw2ske') format('truetype'),
        url('./FontFPD.woff?jw2ske') format('woff'),
        url('./FontFPD.svg?jw2ske#FontFPD') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="fpd-icon-"],
[class*=" fpd-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'FontFPD' !important;
    speak: never;
    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;
}

.fpd-icon-preview-lightbox:before {
    content: "\e92c";
    color: #ffffff;
}

.fpd-icon-undo:before {
    content: "\e941";
    color: #c6cbcf;
    font-size: 20px;
}

.fpd-icon-redo:before {
    content: "\e933";
    color: #c6cbcf;
    font-size: 20px;
}

.fpd-icon-done:before {
    content: "\e90a";
    color: #FFFFFF;
    font-size: 20px;
}

.fpd-icon-text-secondary:before {
    content: "\e93f";
    color: #485563;
    font-size: 28px;
}


.fpd-icon-images:before {
    content: "\e917";
    color: #485563;
    font-size: 28px;
}

.fpd-icon-design-library:before {
    content: "\e909";
    color: #485563;
    font-size: 28px;
}

.fpd-icon-text-layers:before {
    content: "\e93d";
    color: #485563;
    font-size: 28px;

}

.fpd-icon-layers:before {
    content: "\e919";
    color: #485563;
    font-size: 28px;
}

.fpd-icon-grid:before {
    content: "\e915";
    color: #485563;
}

.fpd-icon-reset:before {
    content: "\e956";
    color: #FFFFFF;
}

.fpd-icon-menu:before {
    content: "\e955";
    color: #ffffff;
}