.forecast-card{width:7.5rem;height:10rem;border:1px solid var(--foreground);border-radius:.5rem;padding:.5rem;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--background);color:var(--foreground);transition:all .2s ease-in-out;cursor:pointer}.forecast-card:hover{background-color:var(--foreground);color:var(--background);border-color:var(--background)}.forecast-card:hover .weather-icon{filter:invert(1)}.weather-icon{width:40px;height:40px;transition:all .2s ease-in-out;filter:invert(0)}@media (prefers-color-scheme:dark){.weather-icon{filter:invert(1)}.forecast-card:hover .weather-icon{filter:invert(0)}}.big-weather-icon{width:180px;height:180px;transition:all .2s ease-in-out;filter:invert(0)}@media (prefers-color-scheme:dark){.big-weather-icon{filter:invert(1)}}.button-icon{transition:all .2s ease-in-out}.bg-foreground .button-icon{filter:invert(1)}@media (prefers-color-scheme:dark){.bg-foreground .button-icon{filter:invert(0)}}.bg-background .button-icon{filter:invert(0)}@media (prefers-color-scheme:dark){.bg-background .button-icon{filter:invert(1)}}