.weather .map-container{width:100%;height:420px}.weather .primary-headline.cat-VFR{background:var(--indicator-green)}.weather .primary-headline.cat-MVFR{background:var(--indicator-blue)}.weather .primary-headline.cat-IFR{background:var(--indicator-red)}.weather .primary-headline.cat-LIFR{background:var(--indicator-pink)}.weather .primary-headline.cat-UNK{background:var(--gray-7)}.weather .primary-headline wxicon{width:36px;height:36px;background-color:var(--gray-0);border-radius:50%}.weather .cat-stats{display:flex;flex-flow:row wrap;align-items:center;gap:10px 60px;white-space:nowrap}.weather .cat-stats .label{text-transform:uppercase;font-weight:300}.weather .cat-stats .cat{display:inline-flex;flex-flow:row nowrap;align-items:center;gap:12px}.weather .cat-stats .cat:hover{text-decoration:none}.weather .cat-stats .cat wxicon{width:32px;height:32px}.weather .cat-stats .cat b{font-weight:800}.weather .weather-extrema{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.weather .weather-extrema .extrema{display:flex;flex-flow:row nowrap;align-items:center;padding:20px 24px;background:var(--gray-0);border-radius:12px;box-shadow:var(--box-shadow)}.weather .weather-extrema .extrema .icon{flex:0 0 60px;font-size:40px}.weather .weather-extrema .extrema .info{flex:1;min-width:0}.weather .weather-extrema .extrema .info .label{text-transform:uppercase;font-size:20px;font-weight:300}.weather .weather-extrema .extrema .info .value{display:flex;flex-flow:row;align-items:baseline;gap:4px 12px;margin:4px 0;font-size:16px}.weather .weather-extrema .extrema .info .value span:first-of-type{font-size:24px;font-weight:800}.weather .weather-extrema .extrema .info .station{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weather .weather-active-sigmets{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:16px 26px;font-size:22px;font-weight:800;color:var(--gray-0);background:var(--indicator-red);border-radius:12px;box-shadow:var(--box-shadow)}.weather .weather-active-sigmets:hover{text-decoration:none}.weather .weather-active-sigmets .icon{font-size:32px}@media all and (max-width:1200px){.weather .weather-extrema{grid-template-columns:1fr 1fr}}@media all and (max-width:900px){.weather .weather-extrema{grid-template-columns:100%;gap:15px}}@media all and (max-width:600px){.weather .weather-extrema .extrema{padding:16px 20px}.weather .weather-extrema .extrema .info .label{font-size:16px}.weather .weather-extrema .extrema .info .value span:first-of-type{font-size:20px}}