.airport-weather{display:grid;grid-template-columns:460px auto;grid-template-areas:'station station' 'info skycond' 'list skycond' 'raw raw' 'wind wind' 'remarks remarks';gap:40px;margin-top:80px}.airport-weather .weather-station{grid-area:station;display:flex;flex-flow:row nowrap;align-items:center;gap:20px}.airport-weather .weather-station .label{text-transform:uppercase;font-weight:300}.airport-weather .weather-station select,.airport-weather .weather-station .quality{padding:0 20px;height:44px;font-size:18px;border-radius:22px}.airport-weather .weather-station .space{flex:1}.airport-weather .weather-station .quality{display:flex;align-items:center;gap:10px;color:var(--gray-0);background:var(--gray-3)}.airport-weather .weather-station .quality.q-0{background:var(--indicator-green)}.airport-weather .weather-station .quality.q-1{color:var(--gray-5);background:var(--indicator-yellow)}.airport-weather .weather-station .quality.q-2{background:var(--indicator-orange)}.airport-weather .weather-station .quality.q-3{background:var(--indicator-red)}.airport-weather .weather-station .quality .icon{font-size:20px}.airport-weather .weather-station.on-site .dist{display:none}.airport-weather .weather-info,.airport-weather .weather-list,.airport-weather .weather-skycond,.airport-weather .weather-raw,.airport-weather .weather-wind{padding:20px 30px;background:var(--gray-0);border-radius:22px;box-shadow:var(--box-shadow)}.airport-weather .weather-info{grid-area:info;display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:20px}.airport-weather .weather-info .icon{flex:0 0 86px;text-align:center;font-size:60px}.airport-weather .weather-info .list .row>:first-child x{font-size:32px;letter-spacing:-.75px}.airport-weather .weather-list{grid-area:list;display:flex;flex-flow:column nowrap;gap:4px;font-size:20px}.airport-weather .weather-list ul{list-style-type:none;margin:0;padding:0}.airport-weather .weather-list ul li{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:20px;height:46px}.airport-weather .weather-list ul li .label{text-transform:uppercase;font-weight:300}.airport-weather .weather-list ul li div{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:baseline;gap:6px 12px}.airport-weather .weather-list ul li sup{font-size:12px}.airport-weather .weather-skycond{grid-area:skycond;display:flex;flex-flow:column nowrap;gap:30px}.airport-weather .weather-skycond .vis-info{display:flex;flex-flow:row nowrap;justify-content:center;align-items:baseline;gap:12px}.airport-weather .weather-skycond .skychart{flex:1}.airport-weather .weather-skycond .vis-info .label{text-transform:uppercase;font-weight:300}.airport-weather .weather-raw{grid-area:raw;font-size:20px;font-weight:600}.airport-weather .weather-wind{grid-area:wind;display:grid;grid-template-columns:430px auto;grid-template-areas:'info runways';gap:40px}.airport-weather .weather-wind .wind-info{grid-area:info;display:flex;flex-flow:column nowrap;align-items:center;text-align:center;font-size:26px;font-weight:300}.airport-weather .weather-wind .wind-info .windsock{width:160px;height:160px;background-image:url('./../resources/windsock.svg')}.airport-weather .weather-wind .wind-info span{padding:10px 80px}.airport-weather .weather-wind .runways{grid-area:runways}.airport-weather .weather-wind .runways .secondary-headline{margin-top:10px}.airport-weather .weather-wind .runways .runway{display:flex;flex-flow:row nowrap;align-items:center;gap:60px;min-height:120px}.airport-weather .weather-wind .runways .runway:not(:last-of-type){margin-bottom:40px}.airport-weather .weather-wind .runways .runway .hdg{flex:0 0 120px}.airport-weather .weather-wind .runways .runway .info{display:flex;flex-flow:column nowrap;gap:8px}.airport-weather .weather-wind .runways .runway .info .idents{font-size:20px;font-weight:600}.airport-weather .weather-wind .runways .runway .info .component{display:flex;flex-flow:row nowrap;gap:20px}.airport-weather .weather-wind .runways .runway .info .component span{text-transform:uppercase;font-weight:300}.airport-weather .weather-remarks{grid-area:remarks}.airport-weather .weather-remarks .remarks{list-style-type:none;margin:0;padding:0}.airport-weather .weather-remarks .remarks li{display:flex;flex-flow:row nowrap;align-items:center;gap:30px;padding:8px 0;font-size:20px}.airport-weather .weather-remarks .remarks li span{text-transform:uppercase;font-weight:300}@media all and (max-width:1500px){.airport-weather{gap:20px}.airport-weather .weather-info,.airport-weather .weather-list,.airport-weather .weather-skycond,.airport-weather .weather-raw,.airport-weather .weather-wind{padding:12px 20px;border-radius:12px}.airport-weather .weather-info{font-size:18px}.airport-weather .weather-info .icon{flex:0 0 60px;font-size:42px}.airport-weather .weather-info .list .row>:first-child x{font-size:28px}.airport-weather .weather-wind .wind-info{font-size:22px}}@media all and (max-width:1200px){.airport-weather{grid-template-columns:100%;grid-template-areas:'station' 'info' 'list' 'skycond' 'raw' 'wind' 'remarks'}.airport-weather .weather-station{flex-flow:row wrap;gap:12px;margin-bottom:30px}.airport-weather .weather-station .label,.airport-weather .weather-station select{flex:0 0 100%;max-width:100%}.airport-weather .weather-wind{grid-template-columns:360px auto}}@media all and (max-width:900px){.airport-weather .weather-wind{grid-template-columns:100%;grid-template-areas:'info' 'runways'}.airport-weather .weather-wind .wind-info .windsock{width:140px;height:140px}.airport-weather .weather-wind .wind-info span{padding:0}.airport-weather .weather-wind .runways .runway:not(:last-of-type){margin-bottom:30px}.airport-weather .weather-remarks .remarks li{gap:15px;font-size:18px}}@media all and (max-width:600px){.airport-weather .weather-list ul li .label{font-size:16px}.airport-weather .weather-list ul li div{gap:4px 10px;letter-spacing:-.05px}.airport-weather .weather-skycond .vis-info{flex-flow:row wrap;gap:4px 12px;font-size:16px}.airport-weather .weather-wind .runways .secondary-headline{display:none}.airport-weather .weather-wind .runways .runway{margin-bottom:20px;min-height:0;font-size:16px}.airport-weather .weather-wind .runways .runway .hdg{display:none}.airport-weather .weather-wind .runways .runway .info .idents{font-size:18px}.airport-weather .weather-remarks .remarks li{flex-flow:column nowrap;align-items:flex-start;gap:0}}