html.preloader-lock,
body.preloader-lock {
    overflow: hidden !important;
}

#awwwards-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #080e15;
    opacity: 1;
    visibility: visible;
    transition: opacity .78s ease, visibility .78s ease;
}

#awwwards-preloader.is-leaving {
    opacity: 0;
    visibility: hidden;
}

.loader-content-wrap {
    display: flex;
    flex-direction: column;
    width: min(320px, calc(100% - 48px));
    transform: translateY(0);
    transition: transform .78s ease;
}

#awwwards-preloader.is-leaving .loader-content-wrap {
    transform: translateY(-6px);
}

.loader-text {
    align-self: center;
    margin: 0 -.16em 22px 0;
    color: #f3f6fa;
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.5rem, 5vw, 2.2rem);
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: 0;
    animation: wordmark-arrive 1.2s .15s ease forwards;
}

@keyframes wordmark-arrive {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.loader-progress-wrap {
    height: 1px;
    overflow: hidden;
    border-radius: 2px;
    background: rgba(255, 255, 255, .08);
}

.loader-progress-bar {
    width: 0%;
    height: 100%;
    background: rgba(185, 202, 219, .75);
    transition: width .1s linear;
}

@media (prefers-reduced-motion: reduce) {
    #awwwards-preloader,
    .loader-content-wrap,
    .loader-text {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}