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

#translator_form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-gap: 5px 5px;
}

#translator_form .translator_translate {
    grid-column: 1;
}

#translator_form #translator_alert {
    color: red;
}

#translator_form textarea {
    min-width: 100%;
}

input.has-translator + span.translator, select.has-translator + span.translator {
    margin-left: -1.2em;
    position: absolute;
    top: 0.1em;
    cursor: pointer;
}

input.has-translator + span.translator::after, select.has-translator + span.translator::after {
    font-family: 'icomoon-translator';
    content: '\e901';
}

textarea.has-translator + span.translator {
    margin-left: -1.2em;
    position: absolute;
    top: 0.1em;
    cursor: pointer;
}

textarea.has-translator + span.translator::after {
    font-family: 'icomoon-translator';
    content: '\e901';
}

#addAttribute {
    order: 1;
}