@media (width > 1280px) {
    /********************************************************************/
    /* Regular styles, these are injected via the theme.properties file */
    /********************************************************************/


    .kz-body {
        width: 100vw;
        display: block; /* Disables the flex-centering from the mobile style */
        margin: 0;
    }

    .kz-login-container {
        width: 50%;
        position: absolute;
        right: 0;
        top: 0;
        min-height: 100vh;
        border-radius: 0;
    }

    .kz-login-header {
        display: block;       /* Disables flexbox */
        margin: 0 auto;
        text-align: center;
        min-height: 0;        /* Resets the height constraint */
    }

    .kz-brand-title {
        /* Reverts to your original desktop margins */
        margin: 3rem auto 3rem auto;
        width: 150px;
    }

    /* brand asset left-side container */
    .kz-brand-asset-container {
        display: flex;
        padding: 0 2rem 0 0;
        max-width: 50%;
    }

    .kz-brand-authentication-key {
        width: 20%;
        transform: rotate(90deg);
    }

    .authentication-key-text{
        font-size: 1.5rem;
        width:100%;
        margin: 0 auto;
    }

    .kz-select-auth-item-icon {
        display: flex;
        position: relative;
    }

    .kz-select-auth-item-icon img {
        width: 23px;
        margin: 0;
    }

    .kz-onboarding .kz-login-container {
        background: rgba(18, 19, 24, 1) !important;

        /* remove glass effects */
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    .kz-html-doc.kz-onboarding, .kz-onboarding #keycloak-bg.kz-body {
        background-image: none !important;
    }

    .kz-onboarding .kz-form-group {
        width: 100%;
    }

    .kz-onboarding form.onboarding .kz-button {
        width: 100%;
    }

    .kz-onboarding #kc-form-wrapper {
        margin-top: 20px;
    }

    .kz-onboarding .kz-brand-asset-container {
        display: flex;
        padding: 0 2rem 0 0;
        max-width: 50%;
        background-image: url(../img/background.webp) !important;
        background-size: cover !important;
        background-position: 90% center;
    }

    /*****************************************************************/
    /* ID styles, no theme.properties values so we override directly */
    /*****************************************************************/
}