// Input field
.ui-translatable {
    &__input {
        position: relative;
        // Translation suggest button
        .ms-TextField-suffix {
            background: transparent;
        }
    }
    &__button {
        position: absolute;
        right: 0;
        top: 0;
        // Icon button
        .ms-Button {
            margin: 1px;
            box-sizing: content-box;
        }
    }
    &__callout {
        border-radius: 4px;
        border: 1px solid var(--vscode-editorWidget-foreground);
        background-color: var(--vscode-editor-foreground);
        .ms-Callout-main {
            color: var(--vscode-editorWidget-background);
            padding: 0;
        }
    }
    &__message {
        padding: 20px;
        text-align: center;
        font-size: var(--vscode-font-size);
        word-break: break-word;
        .ui-translatable__actions {
            margin-top: 16px;
            > .ms-Button {
                margin-right: 10px;
                &:last-child {
                    margin-right: 0;
                }
            }
        }
    }
    &__field {
        width: 100%;
        height: 100%;
        input {
            height: 100%;
        }
    }
}

.vscode-high-contrast {
    .ui-translatable__callout {
        border: 1px solid var(--vscode-editorWidget-border);
        background-color: var(--vscode-editorWidget-background);
        .ms-Callout-main {
            color: var(--vscode-foreground);
        }
    }
}