@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans/IBMPlexSans-Light.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans/IBMPlexSans-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans/IBMPlexSans-SemiBold.woff2") format("woff2");
}

.login-cover {
    background: linear-gradient(
            135deg,
            rgba(98, 89, 202, 0.92),
            rgba(45, 52, 70, 0.92)
        ),
        url("../images/media/bg2.jpg") center / cover fixed;
}

.login-panel {
    max-width: 430px;
}

.status-card {
    max-width: 650px;
}

.mobisigner-brand-mark {
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
    object-fit: contain;
}

.mobisigner-brand-mark--sidebar {
    width: 3rem;
    height: 3rem;
}

.mobisigner-brand-mark--prominent {
    width: 7rem;
    height: 7rem;
    margin-right: auto;
    margin-left: auto;
}

.code-output {
    max-height: 32rem;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.code-output-compact {
    max-height: 20rem;
}