@property --bg_item_rotation {
  syntax: "<angle>";
  inherits: false;
  initial-value: 3600deg;
}
.APP_bg_item_wrapper{
    --bg_item_lifespan: 10s;
    position: fixed;
    top: -10%;
    left: var(--bg_item_left);
    width: 10vw;
    /*opacity: 50%;*/
    /*filter: drop-shadow(0px 0px var(--bg-item-halo) white) drop-shadow(0px 0px var(--bg-item-halo) white) drop-shadow(0px 0px var(--bg-item-halo) white);*/
    transform: rotate(0deg);
    animation: bg_item_fall var(--bg_item_lifespan) linear forwards;
}
.APP_bg_item {
    animation: bg_item_rotate var(--bg_item_lifespan) ease-in forwards;
    width: var(--bg-item-width);
}

@keyframes bg_item_rotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(var(--bg_item_rotation));
    }
}

@keyframes bg_item_fall{
    from{
        top:-10%;
    }
    to{
        top:110%;
    }
}