/*
 * SPDX-FileCopyrightText: 2023 XWiki CryptPad Team <contact@cryptpad.org> and contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 * MCR: dark splash, logotype at half the CryptPad logo footprint (60px → 30px).
 */

#placeholder {
    visibility: visible;
    position: fixed;
    z-index: -10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0d1117;
    color: #8b949e;
    opacity: 1;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    font: 12px "Helvetica Now Text", "Helvetica Neue", Helvetica, sans-serif !important;
}
html #placeholder.dark-theme,
#placeholder.dark-theme {
    background-color: #0d1117;
    color: #8b949e;
}
.cp-app-noscroll body {
    background: #0d1117;
}
.cp-app-noscroll #placeholder {
    z-index: 9999999;
    background-color: #0d1117;
}

#placeholder .placeholder-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    color: #e6edf3;
}
#placeholder .placeholder-logo-container img,
#placeholder .placeholder-logo {
    margin: 0;
    width: 126px;
    height: 19px;
    max-height: 30px;
    max-width: 199px;
    object-fit: contain;
}
#placeholder .placeholder-logo-container span {
    display: none;
}
#placeholder .placeholder-message-container {
    width: 700px;
    max-width: 90vw;
    height: auto;
    max-height: calc(100vh - 20px);
    flex-shrink: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation: fadein 5s ease 2s forwards;
    font-size: 12px;
}
#placeholder .placeholder-message-container p {
    margin-top: 0;
    font-size: 12px;
}
#placeholder-loading-status {
    display: none;
}
#placeholder-loading-footer {
    margin-bottom: 1rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    flex: 0 1 auto;
    min-height: 0;
    opacity: 0;
    animation: fadein 5s ease 2s forwards;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

:is(div, noscript) > p.noscript {
    font-family: sans-serif;
    z-index: 999;
    padding: 15px;
    font-size: 14px;
    margin-top: 30px !important;
    max-width: 800px;
    margin: auto;
    background-color: #161b22;
    color: #e6edf3;
    border-radius: 3px;
}