#page-header{width:100%;height:4rem;padding:10px 30px;z-index:9;position:absolute;top:0;text-align:left}#page-header img{height:100%}#page-header #loading{text-align:left;padding-left:30;font-size:18px;font-weight:700;display:block}#page-header #loading span{color:#e87e00;background:#25293c;padding:2px 10px;border-radius:2%;animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:0}}#loading.hidden{display:none!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #11172b}::-webkit-scrollbar-thumb{background:#11172b}::-webkit-scrollbar-thumb:hover{background:#11172b}*{font-family:sans-serif}#mapbox{width:100%;height:auto}#map{position:absolute;top:0;bottom:0;width:100%;height:100%;background-color:#202020}#map-controls{display:flex;flex-direction:line;align-items:center;z-index:999999!important;position:absolute;right:30px;top:10px}#map-controls button{background-color:#11172b;color:#fff;border:none;margin-right:10px;padding:10px;font-size:20px;height:40px;width:40px;box-shadow:0 2px 4px #e87e00;cursor:pointer;transition:all .2s ease;border-radius:20%}#map-controls button:hover{background-color:#2f3249}#flights-sidebar{background:#11172be6;width:300px;height:auto;max-height:calc(100% - 80px);position:absolute;left:20px;top:50%;transform:translateY(-50%);border:1px solid #2f3249;border-radius:8px;box-shadow:0 4px 8px #00000080;z-index:8;display:flex;flex-direction:column;color:#fff;transition:transform .4s cubic-bezier(.4,0,.2,1)}#flights-sidebar.collapsed{transform:translate(calc(-100% - 20px),-50%)}.sidebar-toggle-btn{position:absolute;right:-36px;top:50%;transform:translateY(-50%);width:36px;height:48px;background:#11172be6;border:1px solid #2f3249;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:4px 0 8px #0000004d;z-index:10;transition:all .2s ease;padding:0}.sidebar-toggle-btn:hover{background:#2f3249;color:#e87e00}.sidebar-toggle-btn svg{transition:transform .3s ease}#flights-sidebar.collapsed .sidebar-toggle-btn svg{transform:rotate(180deg)}#flights-sidebar header{padding:15px;border-bottom:1px solid #2f3249;background:#11172b;border-top-left-radius:8px;border-top-right-radius:8px}#flights-sidebar header .header-title{font-size:16px;font-weight:700;color:#fff}#flights-sidebar-list{flex:1;overflow-y:auto}.flight-sidebar-item{padding:15px;border-bottom:1px solid #2f3249;cursor:pointer;transition:background .2s}.flight-sidebar-item:last-child{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.flight-sidebar-item:hover{background:#2f3249}.flight-sidebar-item.selected{background:#e87e0033;border-left:4px solid #e87e00}.flight-sidebar-item .flight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.flight-sidebar-item .callsign{font-size:16px;font-weight:700;color:#fff;margin-bottom:0}.flight-sidebar-item .fleet_type{color:#ccc;background:#2f3349;border-radius:3px;font-size:12px;font-weight:400;padding:2px 4px;margin-left:5px;display:inline-block}.flight-sidebar-item .route{font-size:13px;margin-bottom:0;text-align:right}.flight-sidebar-item .progress-container{display:flex;align-items:center;font-size:12px}.flight-sidebar-item .progress{flex:1;height:6px;background:#2f3249;border-radius:3px;margin-right:10px;overflow:hidden}.flight-sidebar-item .progress-bar{height:100%;background:#e87e00}@media only screen and (max-width: 576px){#flights-sidebar{display:none}}#map-details{background:#11172b;width:50%;max-height:calc(100% - 60px);position:absolute;margin:0 25%;left:0;top:0;border-color:#11172b;border-width:1px;transition:1.2s cubic-bezier(.36,-.01,0,.77);z-index:9999;overflow:hidden}#map-details.hidden{display:block;margin-top:-200px}.progress-bar-color{background-color:#e87e00!important}@media only screen and (max-width: 992px){#map-details{width:100%;height:auto;position:absolute;margin:0!important;top:auto;bottom:0}#map-details.hidden{display:none}}#map-details header{height:40px;padding:10px 10px 0}#map-details header #info{color:#fff}#map-details header #info #flight_number{font-size:18px;font-weight:700}#map-details header #info #fleet_type{color:#ccc;background:#2f3349!important;border-radius:3%;font-size:14px;font-weight:400;padding:3px;margin-left:5px}#map-details header button{background:none;width:25px;height:25px;padding:5px;color:#fff;border:none;font-size:20px;box-shadow:0 1px 2px #e87e00;cursor:pointer;transition:all .2s ease;border-radius:20%;position:absolute;right:5px;top:5px}#map-details header button:hover{background-color:#2f3249}#map-details main{background:#343434;max-height:calc(100vh - 120px);overflow:hidden}#flight-info{color:#fff!important;position:relative}#flight-info .box{position:relative;height:auto}#flight-info span,#flight-info span.icao,#flight-info span.name,#flight-info strong,#flight-info div{color:#fff!important}#flight-info span{text-align:center;font-size:12px}#flight-info span.icao{font-size:16px;font-weight:700}#flight-info span.name{font-size:12px}#flight-info .text-left{text-align:left}#flight-info .text-right{text-align:right}#flight-info .text-center{text-align:center}#flight-info strong{color:#fff!important;font-weight:700;font-size:16px!important}#flight-info #track_box{margin-top:5px;margin-bottom:15px;position:relative}#flight-info #track{height:100%;width:30%;background:#e87e00;position:relative}#ft-col-row{padding:2%}.flight_phase{padding:2%;margin-bottom:2%}#distance_from_departure{font-size:14px;margin-top:5px;text-align:left;position:absolute}#distance_to_arrival{font-size:14px;margin-top:5px;text-align:center;position:relative}#distance_percent{font-size:5px;text-align:center;position:absolute;right:10px;left:10px;color:#4c4c4c!important;font-weight:700}#flight-info .header{background:#11172b;height:auto;color:#ccc;border:none;padding-top:5px;padding-bottom:12px}#flight-info .header svg{width:30px;display:inline-block;margin-top:-5px;margin-bottom:-12px}#flight-info .header span{font-weight:700;font-size:16px;display:inline-block;height:30px;text-align:left;vertical-align:middle;margin-left:10px;margin-bottom:-10px}.mapboxgl-popup-content{background:#11172b!important;padding:10px;color:#ccc;font-size:16px;text-align:center;border-radius:10px}.mapboxgl-popup-content small{font-size:12px}.mapboxgl-popup-tip{border-top-color:#25293c}.mapboxgl-popup-content-wrapper{width:89px;height:-moz-max-content;height:max-content;border:2px solid #bf0404;background-color:#f3cfcfb3;border-radius:18px;margin-bottom:3px}