.ds-season-motif{pointer-events:none;z-index:var(--ds-z-base);position:absolute;inset:0;overflow:hidden}.ds-season-motif__particle{opacity:0;width:12px;height:12px;transform:scale(var(--motif-scale,1));animation:linear infinite ds-motif-fall;animation-duration:var(--motif-duration,7s);animation-delay:var(--motif-delay,0s);position:absolute;top:-8%}.ds-season-motif[data-season=fall] .ds-season-motif__particle{background:var(--ds-season);border-radius:60% 0}.ds-season-motif[data-season=fall] .ds-season-motif__particle:nth-child(2n){background:var(--ds-season-2);border-radius:0 60%}.ds-season-motif[data-season=winter] .ds-season-motif__particle{background:var(--ds-text-primary);width:7px;height:7px;box-shadow:0 0 6px color-mix(in srgb, var(--ds-text-primary) 15%, transparent);border-radius:50%}.ds-season-motif[data-season=spring] .ds-season-motif__particle{background:var(--ds-season);border-radius:80% 0;width:11px;height:8px}.ds-season-motif[data-season=spring] .ds-season-motif__particle:nth-child(3n){background:color-mix(in srgb, var(--ds-season) 60%, var(--ds-text-primary))}.ds-season-motif[data-season=summer] .ds-season-motif__particle{background:var(--ds-season-2);width:6px;height:6px;box-shadow:0 0 8px var(--ds-season);border-radius:50%;animation-name:ds-motif-rise}.ds-season-motif[data-variant=dots][data-season] .ds-season-motif__particle{background:var(--ds-season);width:9px;height:9px;box-shadow:none;border-radius:50%;animation-name:ds-motif-fall}.ds-season-motif[data-variant=dots][data-season] .ds-season-motif__particle:nth-child(2n){background:var(--ds-season-2)}.ds-season-motif[data-variant=dots][data-season] .ds-season-motif__particle:nth-child(3n){box-shadow:inset 0 0 0 1.5px var(--ds-season);background:0 0}@keyframes ds-motif-fall{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg) scale(var(--motif-scale,1))}10%{opacity:.85}90%{opacity:.85}to{opacity:0;transform:translateY(440px) translateX(40px) rotate(220deg) scale(var(--motif-scale,1))}}@keyframes ds-motif-rise{0%{opacity:0;transform:translateY(440px) scale(calc(var(--motif-scale,1) * .6))}15%{opacity:.9}85%{opacity:.9}to{opacity:0;transform:translateY(-20px) scale(var(--motif-scale,1))}}[data-mantine-color-scheme=light] .ds-season-motif[data-season=winter] .ds-season-motif__particle{background:var(--ds-season);box-shadow:0 0 6px var(--ds-season-soft)}@media (prefers-reduced-motion:reduce){.ds-season-motif__particle{opacity:.5;animation:none}}