:root[color-mode=light] .weather-details{--_legend-text-color__secondary:var(--br-blue);--_legend-text-color__tertiary:var(--br-dark-blue)}:root[color-mode=dark] .weather-details{--_legend-text-color__secondary:var(--br-black);--_legend-text-color__tertiary:var(--br-black)}.weather-details{--_legend-text-color:var(--br-white);display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}@media(min-width:480px){.weather-details{background:var(--br-bg-tint-tertiary-1);border-radius:8px}}.weather-details__table{display:table;padding:24px;width:100%;border-radius:8px;background:var(--br-bg-tint-tertiary-1);flex:1 1 49%}.weather-details__label{text-align:left;padding-left:24px;padding-right:8px}.weather-details__value{padding-left:32px;vertical-align:middle;height:48px}.weather-details__value__right-align{text-align:right;padding:0 8px 0 0}.weather-details__icon{vertical-align:top}.weather-details__legend-index{display:flex;justify-content:center;align-items:center;float:right;color:#fff;width:48px;height:24px;border-radius:2px}