:root {
    --global-font-size: 15px;

    --global-line-height: 1.4em;

    --global-space: 10px;

    --font-stack:
        "Menlo", "Monaco", "Lucida Console", "Liberation Mono",
        "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", serif;

    --mono-font-stack:
        "Menlo", "Monaco", "Lucida Console", "Liberation Mono",
        "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", serif;

    --background-color: #222225;

    --page-width: 60em;

    --font-color: #e8e9ed;

    --invert-font-color: #222225;

    --primary-color: #62c4ff;

    --secondary-color: #a3abba;

    --error-color: #ff3c74;

    --progress-bar-background: #3f3f44;

    --progress-bar-fill: #62c4ff;

    --code-bg-color: #3f3f44;

    --input-style: solid;

    --display-h1-decoration: none;

    --block-background-color: #222225;
}

.btn-disabled {
    cursor: default;
}

dialog {
    background-color: black;
    z-index: 999;
}

dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.95);
}

#image-preview {
    max-height: 85vh;
    max-width: 90vw;
}