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


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


#inputId::placeholder {
    color: var(--edmInputPlaceholder);
}

#templateForm ol,
#templateForm ul {
    list-style: revert;
    padding: 0;
}

@keyframes edmTempClickEffect {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(0.6);
    }

    75% {
        transform: scale(0.8);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes edmTempZoomOutEffect {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.95);
    }

    50% {
        transform: scale(0.9);
    }

    75% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}