.hoverable-component:hover{background-color:rgb(from var(--background-color) calc(r + 10) calc(g + 10) calc(b + 10) / var(--opacity))}.clickable-component:active{background-color:rgb(from var(--background-color) calc(r - 10) calc(g - 10) calc(b - 10) / var(--opacity))}@keyframes glow{0%{text-shadow:0 0 var(--glow-size) var(--mantine-color-text)}to{text-shadow:none}}.text-flash{animation:1s ease-in-out glow}.weather-anim-wrapper{display:inline-flex}@keyframes weather-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes weather-drift{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes weather-fall{0%{opacity:.4;transform:translateY(-2px)}50%{opacity:1}to{opacity:.4;transform:translateY(2px)}}@keyframes weather-flicker{0%,90%,to{opacity:1}92%,96%{opacity:.4}}.weather-anim-sun{transform-origin:50%;animation:16s linear infinite weather-spin}.weather-anim-cloud,.weather-anim-fog{animation:4s ease-in-out infinite weather-drift}.weather-anim-rain,.weather-anim-snow{animation:1.6s ease-in-out infinite weather-fall}.weather-anim-storm{animation:3s ease-in-out infinite weather-flicker}@media (prefers-reduced-motion:reduce){.weather-anim-sun,.weather-anim-cloud,.weather-anim-fog,.weather-anim-rain,.weather-anim-snow,.weather-anim-storm{animation:none}}