/* Sedamix preloader — black/green visual layer.
   This file is loaded after legacy styles and intentionally overrides them. */

html.sedamix-preloading,
html.sedamix-preloading body {
    overflow: hidden !important;
    background: #000000 !important;
}

#preloader,
.sedamix-loader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: opacity .35s ease, visibility .35s ease;
}

#preloader::before,
#preloader::after,
.sedamix-loader::before,
.sedamix-loader::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

#preloader .preloader {
    width: min(260px, 70vw);
    text-align: center;
}

#preloader .sedamix-loader-animation,
.sedamix-loader-animation {
    width: min(220px, 62vw);
    height: auto;
    aspect-ratio: 5 / 3;
    margin: 0 auto;
    overflow: hidden;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#preloader .sedamix-lottie-local,
#preloader .sedamix-lottie-local svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
}

#preloader .sedamix-loader-fallback {
    background: transparent !important;
}

.sedamix-loader.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}