.seasonal-decoration {
    position: fixed;
    z-index: 1025;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    contain: strict;
}

.seasonal-decoration[hidden] {
    display: none !important;
}

.seasonal-decoration::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 150px;
    background: radial-gradient(ellipse at 80% 0, rgba(120, 61, 135, .12), transparent 68%);
    content: "";
}

.seasonal-decoration__bat {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 20px;
    background-repeat: no-repeat;
    filter: drop-shadow(0 2px 2px rgba(15, 6, 23, .38));
    image-rendering: pixelated;
    transform-origin: center;
    will-change: transform, background-position;
}

@media (max-width: 680px) {
    .seasonal-decoration::before {
        height: 100px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .seasonal-decoration {
        display: none !important;
    }
}