/*!*******************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/InputScreen/styles.css ***!
  \*******************************************************************************************************************************************************************/
.translation-check-station--components-input-screen-styles {
    position: relative;

    width: 100%;
}

.translation-check-station--components-input-screen-styles__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    width: 100%;
    margin-bottom: 15px;
}

.translation-check-station--components-input-screen-styles__button {
    height: 35px;

    text-transform: uppercase;

    font-weight: bold;
    line-height: 14px;
}

.translation-check-station--components-input-screen-styles__warning-toast {
    padding: 5px;

    -webkit-transition: opacity .25s ease-in-out .25s;

    transition: opacity .25s ease-in-out .25s;
    pointer-events: none;

    opacity: 0;
    color: white;
    background-color: orangered;

    font-size: 12px;
}

.translation-check-station--components-input-screen-styles__warning-toast_show {
    opacity: 1;
}

@media screen and (max-width: 899px) {
    .translation-check-station--components-input-screen-styles__warning-toast {
        position: fixed;
        bottom: 15px;
        left: 15px;

        width: 290px;
    }
}

@media screen and (min-width: 900px) {
    .translation-check-station--components-input-screen-styles__warning-toast {
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    .translation-check-station--components-input-screen-styles__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

        height: 915px;
    }

    .translation-check-station--components-input-screen-styles__column {
        width: 100%;
        height: 450px;
    }

    .translation-check-station--components-input-screen-styles__button {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .translation-check-station--components-input-screen-styles__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;

        height: 450px;
    }

    .translation-check-station--components-input-screen-styles__column {
        width: calc(50% - 7.5px);
    }

    .translation-check-station--components-input-screen-styles__button {
        width: 50%;
        margin-left: 25%;
    }
}

/*!****************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/TextArea/styles.css ***!
  \****************************************************************************************************************************************************************/
.translation-check-station--components-text-area-styles {
    resize: none;

    border-width: 2px;
    outline: 0;
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/TextColumn/styles.css ***!
  \******************************************************************************************************************************************************************/
.translation-check-station--components-text-column-styles__select {
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
}

.translation-check-station--components-text-column-styles__textarea {
    width: 100%;
    height: calc(100% - 65px);
}

.translation-check-station--components-text-column-styles__textarea,
.translation-check-station--components-text-column-styles__select > div {
    -webkit-transition: border-color .25s ease-in-out .25s;
    transition: border-color .25s ease-in-out .25s;
}

.translation-check-station--components-text-column-styles__textarea_warning,
.translation-check-station--components-text-column-styles__select_warning > div {
    border-color: orangered !important;
}

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/TranslationServicesSelector/styles.css ***!
  \***********************************************************************************************************************************************************************************/
.translation-check-station--components-translation-services-selector-styles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;

    margin-bottom: 15px;
}

.translation-check-station--components-translation-services-selector-styles__checkbox {
    width: 246px;
    height: 30px;
}

.translation-check-station--components-translation-services-selector-styles__checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

@media screen and (max-width: 767px) {
    .translation-check-station--components-translation-services-selector-styles {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

        height: 120px;
    }
    .translation-check-station--components-translation-services-selector-styles__checkbox {
        width: 100%;
        margin-bottom: 15px;
    }
    .translation-check-station--components-translation-services-selector-styles__checkbox:last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .translation-check-station--components-translation-services-selector-styles {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;

        height: 30px;
    }
    .translation-check-station--components-translation-services-selector-styles__checkbox {
        width: auto;
        margin-right: 30px;
    }
    .translation-check-station--components-translation-services-selector-styles__checkbox:last-child {
        margin-right: 0;
    }
}

.translation-check-station--components-translation-services-selector-styles__logo {
    height: 100%;
}

.translation-check-station--components-translation-services-selector-styles__logo-google {
    position: relative;
    top: 4px;
}

/*!****************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/Checkbox/styles.css ***!
  \****************************************************************************************************************************************************************/
.translation-check-station--components-checkbox-styles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.translation-check-station--components-checkbox-styles__input {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.translation-check-station--components-checkbox-styles__label {
    height: 30px;
}

.translation-check-station--components-checkbox-styles__input,
.translation-check-station--components-checkbox-styles__label {
    cursor: pointer;
}

/*!**************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/Button/styles.css ***!
  \**************************************************************************************************************************************************************/
.translation-check-station--components-button-styles {
    cursor: pointer;
}

/*!*********************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/LoadingScreen/styles.css ***!
  \*********************************************************************************************************************************************************************/
.translation-check-station--components-loading-screen-styles {
    position: relative;

    width: 100%;
    height: 460px;
}

.translation-check-station--components-loading-screen-styles__preloader {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);

    width: 100px;
    height: 100px;
}

/*!*****************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/Preloader/styles.css ***!
  \*****************************************************************************************************************************************************************/
@-webkit-keyframes translation-check-station--components-preloader-styles__preloader {
    0% {
        top: 10%;

        height: 80%;
    }
    50%, 100% {
        top: 30%;

        height: 40%;
    }
}

@keyframes translation-check-station--components-preloader-styles__preloader {
    0% {
        top: 10%;

        height: 80%;
    }
    50%, 100% {
        top: 30%;

        height: 40%;
    }
}

.translation-check-station--components-preloader-styles div {
    position: absolute;
    left: 10%;

    display: inline-block;

    width: 20%;

    -webkit-animation: translation-check-station--components-preloader-styles__preloader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;

            animation: translation-check-station--components-preloader-styles__preloader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;

    background-color: #000000;
}

.translation-check-station--components-preloader-styles div:nth-child(1) {
    left: 10%;

    -webkit-animation-delay: -0.24s;

            animation-delay: -0.24s;
}

.translation-check-station--components-preloader-styles div:nth-child(2) {
    left: 40%;

    -webkit-animation-delay: -0.12s;

            animation-delay: -0.12s;
}

.translation-check-station--components-preloader-styles div:nth-child(3) {
    left: 70%;

    -webkit-animation-delay: 0;

            animation-delay: 0;
}

/*!********************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/ReportScreen/styles.css ***!
  \********************************************************************************************************************************************************************/
.translation-check-station--components-report-screen-styles {
    font-weight: bold;
}

.translation-check-station--components-report-screen-styles__logo {
    width: 80%;
}

.translation-check-station--components-report-screen-styles__grid {
    margin-bottom: 15px;
}

.translation-check-station--components-report-screen-styles__cell {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    border-style: solid;
    border-color: #ccc;
}

.translation-check-station--components-report-screen-styles__cell_header,
.translation-check-station--components-report-screen-styles__header-line {
    font-weight: bold;
}

.translation-check-station--components-report-screen-styles__header-line {
    margin-bottom: 5px;

    text-decoration: underline;
}

.translation-check-station--components-report-screen-styles__cell_not-unique {
    color: red;
}

.translation-check-station--components-report-screen-styles__cell_not-very-unique {
    color: orange;
}

.translation-check-station--components-report-screen-styles__cell_unique {
    color: green;
}

@media screen and (max-width: 767px) {
    .translation-check-station--components-report-screen-styles__header-line {
        display: block;
    }
    .translation-check-station--components-report-screen-styles__cell.translation-check-station--components-report-screen-styles__cell_header {
        display: none;
    }
    .translation-check-station--components-report-screen-styles__cell {
        padding: 10px;

        background-color: #fafafa;
    }
    .translation-check-station--components-report-screen-styles__cell:nth-child(3n) {
        margin-bottom: 15px;
    }
    .translation-check-station--components-report-screen-styles__grid {
        grid-template-columns: 100%;
    }
}

@media screen and (min-width: 768px) {
    .translation-check-station--components-report-screen-styles__header-line {
        display: none;
    }
    .translation-check-station--components-report-screen-styles__grid {
        display: grid;

        grid-template-columns: 120px 120px calc(100% - 240px);
        grid-auto-rows: minmax(55px, auto);
    }
    .translation-check-station--components-report-screen-styles__cell {
        padding: 10px;

        border-top-width: 1px;
        border-left-width: 1px;
    }
    .translation-check-station--components-report-screen-styles__cell:nth-child(4),
    .translation-check-station--components-report-screen-styles__cell:nth-child(5),
    .translation-check-station--components-report-screen-styles__cell:nth-child(7),
    .translation-check-station--components-report-screen-styles__cell:nth-child(8),
    .translation-check-station--components-report-screen-styles__cell:nth-child(10),
    .translation-check-station--components-report-screen-styles__cell:nth-child(11) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;

        padding: 0;
    }
    .translation-check-station--components-report-screen-styles__cell:nth-child(3n) {
        border-right-width: 1px;
    }
    .translation-check-station--components-report-screen-styles__cell:nth-child(10),
    .translation-check-station--components-report-screen-styles__cell:nth-child(11),
    .translation-check-station--components-report-screen-styles__cell:nth-child(12) {
        border-bottom-width: 1px;
    }
}

.translation-check-station--components-report-screen-styles__buttons-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.translation-check-station--components-report-screen-styles__button {
    height: 35px;

    text-transform: uppercase;

    font-weight: bold;
    line-height: 16px;
}

.translation-check-station--components-report-screen-styles__button:first-child {
    margin-right: 15px;
}

/*!********************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/ErrorSummary/styles.css ***!
  \********************************************************************************************************************************************************************/
.translation-check-station--components-error-summary-styles {
    display: block;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
    padding: 10px;

    background-color: #fafafa;
}

.translation-check-station--components-error-summary-styles__text-wrapper {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .translation-check-station--components-error-summary-styles__text-wrapper {
        text-align: center;
    }
    .translation-check-station--components-error-summary-styles.translation-check-station--components-error-summary-styles__root_with-logo .translation-check-station--components-error-summary-styles__logo-wrapper {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 768px) {
    .translation-check-station--components-error-summary-styles:not(.translation-check-station--components-error-summary-styles__root_with-logo) .translation-check-station--components-error-summary-styles__text-wrapper {
        text-align: center;
    }
    .translation-check-station--components-error-summary-styles.translation-check-station--components-error-summary-styles__root_with-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .translation-check-station--components-error-summary-styles.translation-check-station--components-error-summary-styles__root_with-logo .translation-check-station--components-error-summary-styles__logo-wrapper {
        width: 30%;
    }
    .translation-check-station--components-error-summary-styles.translation-check-station--components-error-summary-styles__root_with-logo .translation-check-station--components-error-summary-styles__text-wrapper {
        width: 65%;
    }
}

.translation-check-station--components-error-summary-styles__logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.translation-check-station--components-error-summary-styles__logo {
    width: 80%;
}

.translation-check-station--components-error-summary-styles__title {
    color: crimson;

    font-weight: bold;
}

.translation-check-station--components-error-summary-styles__message {
    margin-top: 15px;
}

/*!*****************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/ErrorPage/styles.css ***!
  \*****************************************************************************************************************************************************************/
.translation-check-station--components-error-page-styles {
    width: 100%;
    min-height: 460px;
}

.translation-check-station--components-error-page-styles__title {
    margin-bottom: 15px;

    color: red;

    font-weight: bold;
}

.translation-check-station--components-error-page-styles__error {
    margin-bottom: 15px;
}

.translation-check-station--components-error-page-styles__buttons-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.translation-check-station--components-error-page-styles__button {
    height: 35px;

    text-transform: uppercase;

    font-weight: bold;
    line-height: 16px;
}

.translation-check-station--components-error-page-styles__button:first-child {
    margin-right: 15px;
}

/*!**************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/components/Header/styles.css ***!
  \**************************************************************************************************************************************************************/
.translation-check-station--components-header-styles {
    width: 100%;
    margin-bottom: 15px;
}

.translation-check-station--components-header-styles__title {
    font-weight: bold;
}

.translation-check-station--components-header-styles__word {
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .translation-check-station--components-header-styles__word {
        display: inline-block;
    }
}

.translation-check-station--components-header-styles__word:last-child {
    margin-right: 0;
}

.translation-check-station--components-header-styles__word_blue {
    color: blue;
}

.translation-check-station--components-header-styles__word_red {
    color: red;
}

.translation-check-station--components-header-styles__description {
    color: #4c5867;
}

/*!*******************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/src/index.js!../src/index.css ***!
  \*******************************************************************************************************************************************/
.translation-check-station {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    min-height: 480px;
    padding: 10px;

    background-color: white;
}