/* Public pages only. Dimensions below are in the zoomed document's CSS pixels. */
@media screen {
    html[data-jalexsi-auto-scale] { zoom: var(--jalexsi-scale, 1); }

    html[data-jalexsi-auto-scale="on"] body,
    html[data-jalexsi-auto-scale="on"] .home-page,
    html[data-jalexsi-auto-scale="on"] .account-site,
    html[data-jalexsi-auto-scale="on"] .profile-site {
        min-height: var(--jalexsi-viewport-height);
    }
    html[data-jalexsi-auto-scale="on"] .account-workspace {
        min-height: calc(var(--jalexsi-viewport-height) - 144px);
    }
    html[data-jalexsi-auto-scale="on"] .forum-page {
        min-height: calc(var(--jalexsi-viewport-height) - 72px);
    }
    html[data-jalexsi-auto-scale="on"] .community-notification-dropdown {
        width: min(390px, calc(var(--jalexsi-visible-width) - 24px));
        max-height: min(590px, calc(var(--jalexsi-visible-height) - 100px));
    }
    html[data-jalexsi-auto-scale="on"] .account-menu[data-header-wallet-center="v2"] .account-menu__dropdown {
        max-height: min(690px, calc(var(--jalexsi-visible-height) - 82px));
    }
    html[data-jalexsi-auto-scale="on"] .account-menu[data-header-wallet-center="v2"] .account-menu__dropdown[data-account-menu-links="folded-v1"] {
        width: min(360px, calc(var(--jalexsi-visible-width) - 24px));
    }
    html[data-jalexsi-auto-scale="on"] .about-profile-preview {
        width: min(340px, calc(var(--jalexsi-visible-width) - 24px));
        max-height: calc(var(--jalexsi-visible-height) - 24px);
    }
    html[data-jalexsi-auto-scale="on"] .forum-profile-popover {
        max-width: calc(var(--jalexsi-visible-width) - 20px);
        max-height: calc(var(--jalexsi-visible-height) - 20px);
        overflow-y: auto;
    }
    html[data-jalexsi-auto-scale="on"] .forum-editor-dialog {
        width: min(440px, calc(var(--jalexsi-visible-width) - 36px));
        max-height: calc(var(--jalexsi-visible-height) - 36px);
        overflow-y: auto;
    }
    html[data-jalexsi-auto-scale="on"] .case-opening-dialog {
        max-height: calc(var(--jalexsi-visible-height) - 48px);
    }
    html[data-jalexsi-auto-scale="on"] .jalexsi-emoji-dialog {
        width: min(470px, calc(var(--jalexsi-visible-width) - 24px));
        max-height: min(620px, calc(var(--jalexsi-visible-height) - 32px));
    }
    html[data-jalexsi-auto-scale="on"] .activities-page .quest-confirmation {
        max-height: calc(var(--jalexsi-visible-height) - 32px);
    }
    html[data-jalexsi-auto-scale="on"] .quest-online-tooltip {
        max-width: calc(var(--jalexsi-visible-width) - 24px);
    }
}