/* ============================================================================
   04-ELEMENTS -> #PAGE
   ========================================================================= */

/**
 * Sets the base styles for html and body elements.
 */


//
// SCSS imports
//
 
@use '../01-settings' as *;


/**
 * HTML
 */

html {
    font-size: $font-size-base;
    line-height: $line-height-base;
    height: 100%;
}


/**
 * Body
 */

body {
    background-color: var(--bg-primary);
    color: var(--text-color-primary);
    font-family: $font-family-sans;
    min-height: 100%;
    overflow-x: hidden;

    &.staging-banner {
        padding-top: 3rem;
    }

    &.login-page {
        min-height: calc(100vh - 3rem);
    }
}

.login-page {
    min-height: 100vh;

    video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}