#ide-updater-dialog-container > .dialogBlock {
    width: 546px;
}

.ide-updater-dialog .bold {
    font-weight: bold;
}

.ide-updater-dialog--pre-download {
    display: flex;
}

.ide-updater-dialog--downloading {
    flex: 1;
}

.ide-updater-dialog--logo-container {
    margin-right: var(--arduino-button-height);
}

.ide-updater-dialog--logo {
    background: url("./ide-logo.png") round;
    width: 52px;
    height: 52px;
}

.dialogContent.ide-updater-dialog
    .ide-updater-dialog--content
    .ide-updater-dialog--new-version-text.dialogSection {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 0;
    min-width: 0;
}

.ide-updater-dialog--content--child--footer {
    margin: 16px 0px 16px 0px;
}

.ide-updater-dialog--content--child--footer-with-controls {
    margin: -16px 0px 16px 0px;
}

.ide-updater-dialog--content--child--footer > span,
.ide-updater-dialog--content--child--footer-with-controls > span {
    float: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.donate-link {
    margin-left: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--theia-textLink-foreground);
    font-weight: 500;
}

.donate-link:hover {
    color: var(--theia-textLink-foreground);
    cursor: pointer;
}

.donate-link-icon {
    -webkit-mask: url(../icons/link-open-icon.svg) center no-repeat;
    background-color: var(--theia-textLink-foreground);
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.ide-updater-dialog .changelog {
    color: var(--theia-editor-foreground);
    background-color: var(--theia-editor-background);
    font-size: 12px;
    overflow: auto;
    padding: 0 12px;
    cursor: text;
    width: 100%;
}

.ide-updater-dialog .changelog .fallback {
    min-height: 180px;
    width: 100%;
    display: flex;
}

.ide-updater-dialog .changelog .fallback .spinner {
    align-self: center;
}

.dialogContent.ide-updater-dialog
    .ide-updater-dialog--content
    .ide-updater-dialog--new-version-text
    .dialogRow.changelog-container {
    align-items: flex-start;
    border: 1px solid var(--theia-editorWidget-border);
    border-radius: 2px;
    overflow: auto;
    max-height: 180px;
}

.ide-updater-dialog .changelog a {
    color: var(--theia-textLink-foreground);
}

.ide-updater-dialog .changelog a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.ide-updater-dialog .changelog code {
    background: var(--theia-textBlockQuote-background);
    border-radius: 2px;
    padding: 0 2px;
}

.ide-updater-dialog .changelog a code {
    color: var(--theia-textLink-foreground);
}

.ide-updater-dialog .buttons-container {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--arduino-button-height);
}

.ide-updater-dialog .buttons-container a.theia-button {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ide-updater-dialog .buttons-container a.theia-button:hover {
    color: var(--theia-button-foreground);
}

.ide-updater-dialog .buttons-container .push {
    margin-right: auto;
}

.ide-updater-dialog--content {
    max-height: 100%;
    overflow: hidden;
    display: flex;
}

#ide-updater-dialog-container .skip-version-button {
    margin-left: 79px;
    margin-right: auto;
}

/* https://github.com/arduino/arduino-ide/pull/2027#issuecomment-1533174638 */
/* https://github.com/eclipse-theia/theia/commit/1b5ff9ee459df14cedc0e8266dd02dae93fcd1bf#diff-d8d45a890507a01141c010ad4a6891edf2ae727cfa6dfe604cebbd667812cccbR68 */
/* Use normal whitespace handling for the changelog content in the update dialog. */
.p-Widget.dialogOverlay .dialogContent.ide-updater-dialog {
    white-space: normal;
}