.weather-root {
    padding: 12px;
    spacing: 8px;
}

.weather-location {
    color: #cccccc;
    font-weight: bold;
}

.weather-current-row {
    spacing: 10px;
}

.weather-current-temp {
    font-weight: bold;
    color: #ffffff;
}

.weather-current-desc {
    color: #dddddd;
}

.weather-separator {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

.weather-forecast-row {
    spacing: 8px;
}

.weather-forecast-name {
    color: #bbbbbb;
}

.weather-forecast-temp {
    color: #ffffff;
    font-weight: bold;
}

.weather-forecast-desc {
    color: #cccccc;
}

.weather-status {
    color: #aaaaaa;
    font-style: italic;
}

.weather-bottom-row {
    spacing: 4px;
}

.weather-reload-btn {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    padding: 2px;
}

.weather-reload-btn:hover {
    background-color: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.45);
}

.weather-reload-btn:active {
    background-color: rgba(255, 255, 255, 0.4);
}

.weather-reload-icon {
    color: #cccccc;
}
