.leaf-container{position:fixed;top:135px;left:0;width:100%;height:calc(100vh - 135px);pointer-events:none!important;z-index:12!important;overflow:hidden}.leaf{position:absolute;top:-60px;background-size:contain;background-repeat:no-repeat;pointer-events:none;will-change:transform;animation-name:leafFall,leafSway;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate}.leaf.leaf-orange{background-image:url('images/leaf-orange.webp'),url('images/leaf-orange.png')}.leaf.leaf-maple{background-image:url('images/maple_leaf.webp'),url('images/maple_leaf.png')}.leaf.leaf-watercolor{background-image:url('images/watercolor_orange_leaf.png')}@keyframes leafFall{0%{top:-60px}100%{top:105vh}}@keyframes leafSway{0%{transform:translateX(-28px) rotate(-16deg)}100%{transform:translateX(28px) rotate(20deg)}}.leaf-container.rain-storm-active .leaf{animation-name:leafFallStorm,leafSwayStorm!important;animation-timing-function:linear,ease-in-out!important;animation-direction:normal,alternate!important}@keyframes leafFallStorm{0%{top:-60px}100%{top:105vh}}@keyframes leafSwayStorm{0%{transform:translateX(-70px) rotate(-42deg)}100%{transform:translateX(70px) rotate(45deg)}}