.webgl-background_container__Ojc1v,
.levree-kota-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100lvh;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
    --opacity: 0.4;
}

.webgl-background_container__Ojc1v[data-position="absolute"],
.levree-kota-bg[data-position="absolute"] {
    position: absolute;
    height: 100%;
}

.webgl-background_container__Ojc1v canvas,
.levree-kota-bg canvas {
    width: 100%;
    height: 100%;
    display: block;
}

.webgl-background_container__Ojc1v[data-dark-background=true]::before,
.levree-kota-bg[data-dark-background=true]::before {
    opacity: 0.2;
}

.webgl-background_container__Ojc1v[data-noise=false]::before,
.levree-kota-bg[data-noise=false]::before {
    display: none;
}

.webgl-background_container__Ojc1v::before,
.levree-kota-bg::before {
    content: "";
    position: fixed;
    inset: -10rem;
    background-image: url('../media/noise-w.ea6f056b.png');
    background-repeat: repeat;
    animation: webgl-background_noise__uxurv 1.5s steps(2) 0.01s infinite;
    animation-play-state: running;
    opacity: var(--opacity);
    pointer-events: none;
    z-index: 10;
}

body.kota-bg-enabled {
    background: #efefef;
}

[data-bs-theme="dark"] body.kota-bg-enabled {
    background: #000;
}

body.kota-bg-enabled #smooth-wrapper,
body.kota-bg-enabled header,
body.kota-bg-enabled .at-header,
body.kota-bg-enabled .at-main-header,
body.kota-bg-enabled .at-header-area,
body.kota-bg-enabled footer,
body.kota-bg-enabled .at-footer,
body.kota-bg-enabled .at-footer-area,
body.kota-bg-enabled .at-scrollup {
    position: relative;
    z-index: 2;
}

body.kota-bg-enabled #smooth-content > main {
    background: transparent !important;
}

body.kota-bg-enabled header,
body.kota-bg-enabled .header-transparent,
body.kota-bg-enabled .at-header-area {
    z-index: 50 !important;
}

body.kota-bg-enabled .at-header-area .text-white,
body.kota-bg-enabled .at-header-area .text-white * {
    color: var(--at-neutral-900, #1d1d1d) !important;
}

body.kota-bg-enabled .at-main-menu.menu-light {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
}

body.kota-bg-enabled .at-main-menu.menu-light nav ul li.has-dropdown > a,
body.kota-bg-enabled .at-main-menu.menu-light nav ul li:hover.has-dropdown > a {
    color: var(--at-neutral-900, #1d1d1d) !important;
}

body.kota-bg-enabled .at-main-menu.menu-light nav ul li.has-dropdown > a::after {
    filter: none !important;
}

@keyframes webgl-background_noise__uxurv {
    0% {
        transform: translate3d(0, 9rem, 0);
    }
    10% {
        transform: translate3d(-1rem, -4rem, 0);
    }
    20% {
        transform: translate3d(-8rem, 2rem, 0);
    }
    30% {
        transform: translate3d(9rem, -9rem, 0);
    }
    40% {
        transform: translate3d(-2rem, 7rem, 0);
    }
    50% {
        transform: translate3d(-9rem, -4rem, 0);
    }
    60% {
        transform: translate3d(2rem, 6rem, 0);
    }
    70% {
        transform: translate3d(7rem, -8rem, 0);
    }
    80% {
        transform: translate3d(-9rem, 1rem, 0);
    }
    90% {
        transform: translate3d(6rem, -5rem, 0);
    }
    100% {
        transform: translate3d(-7rem, 0, 0);
    }
}