/*
 * Guybro Website Preloader
 *
 * Kept separate from guybro.css so the preloader can be changed
 * independently of the rest of the website.
 */

.guybro-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    transition: opacity .45s ease, visibility .45s ease;
}

.guybro-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.guybro-preloader-inner {
    width: min(500px, 90vw);
    height: min(500px, 90vh);
    display: flex;
    align-items: center;
    justify-content: center;
}

.guybro-preloader-gif {
    display: block;
    width: min(220px, 85vw);
    max-width: 50%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
}

html.guybro-preloader-active,
html.guybro-preloader-active body {
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .guybro-preloader {
        transition: none;
    }
}