.sure-autumn{position:fixed;inset:0;height:100vh;height:100dvh;z-index:140;overflow:hidden;pointer-events:none;user-select:none;contain:strict}
.sure-autumn *{pointer-events:none}
.sure-autumn-particle{position:absolute;top:-80px;left:var(--leaf-left);display:block;width:var(--leaf-size);height:calc(var(--leaf-size) * 1.333);animation:sure-autumn-fall var(--leaf-fall) var(--leaf-delay) linear both;will-change:transform}
.sure-autumn-sway{display:block;width:100%;height:100%;animation:sure-autumn-sway var(--leaf-sway) ease-in-out infinite alternate}
.sure-autumn-leaf{display:block;width:100%;height:100%;opacity:.8;transform-origin:50% 40%;animation:sure-autumn-turn var(--leaf-turn) ease-in-out infinite alternate}
@keyframes sure-autumn-fall{
  0%{transform:translate3d(0,0,0);opacity:0}
  8%{opacity:.85}
  84%{opacity:.85}
  100%{transform:translate3d(var(--leaf-drift),calc(100vh + 160px),0);transform:translate3d(var(--leaf-drift),calc(100dvh + 160px),0);opacity:0}
}
@keyframes sure-autumn-sway{
  from{transform:translateX(-15px)}
  to{transform:translateX(18px)}
}
@keyframes sure-autumn-turn{
  from{transform:rotate(var(--leaf-angle)) rotateY(10deg)}
  to{transform:rotate(calc(var(--leaf-angle) + 125deg)) rotateY(145deg)}
}
@media(max-width:767px){.sure-autumn-leaf{opacity:.65}}
@media(prefers-reduced-motion:reduce){.sure-autumn{display:none}.sure-autumn *{animation:none!important}}