.weatherapi-container-296672 {
    display: inline-block;
    font-family: inherit;
}

.weatherapi-container-296672 .weather-data {
    display: flex;
    align-items: center;
    gap: 8px;
}

.weatherapi-container-296672 .weather-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.weatherapi-container-296672 .weather-temp {
    font-weight: bold;
}

.weatherapi-container-296672 .weather-city {
    opacity: 0.8;
    font-size: 0.9em;
}