body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;overflow:hidden;padding:0}#deck-container{height:100vh;width:100vw}#deck-container canvas{background:none;z-index:1}.path{background-color:brown;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:10px;text-align:center}.main{height:100vh;width:100vw;.toolbar{background-color:#1a2d46cc;display:flex;flex-direction:row;height:30px;justify-content:space-between;padding:0 10px;.left{align-items:center;display:flex;flex-direction:row;.config_icon{margin-right:5px;width:20px}.config_title{color:#fff;font-size:clamp(8px,1vw,16px);font-weight:600}}.right{align-items:center;display:flex;flex-direction:row;.weather{align-items:center;color:#ccc;display:flex;margin-right:30px;>img{height:20px;margin-right:10px}}.user{align-items:center;display:flex;flex-direction:row;justify-content:center;.icon_user{height:20px;margin-right:10px}.char{color:#ccc}.icon{height:20px;margin-left:10px;width:20px}}}}.content{box-sizing:border-box;display:flex;flex-direction:row;height:calc(100% - 30px);justify-content:space-around;padding:16px;width:100%;.mapbox{height:100%;position:relative;width:72%;.map{border-radius:5px;height:100%;width:100%}.ant-input-search{left:50%;position:absolute;top:10px;transform:translateX(-50%)}}.manipulate-layer{border-radius:20px;box-sizing:border-box;color:#fff;height:100%;padding-left:16px;position:relative;width:28%;.data-button{position:absolute;right:15px;top:23px;svg{color:aqua;font-size:20px}}}}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#d2d0d033;border-radius:10px;box-shadow:inset 0 0 5px #d2d0d033}::-webkit-scrollbar-track{background:#0000001a;border-radius:0;box-shadow:inset 0 0 5px #0003}@font-face{font-family:electronicFont;src:url(/static/media/DS-DIGI.0ef0e2249326c34137c8.ttf)}.rightLayer{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.rightLayer .ant-carousel{border-radius:5px;height:50%}.rightLayer .ant-carousel .slick-slider,.rightLayer .ant-carousel .slick-slider .slick-list,.rightLayer .ant-carousel .slick-slider .slick-list .slick-track,.rightLayer .ant-carousel .slick-slider .slick-list .slick-track .slick-slide,.rightLayer .ant-carousel .slick-slider .slick-list .slick-track .slick-slide>div,.rightLayer .ant-carousel .slick-slider .slick-list .slick-track .slick-slide>div>div{border-radius:5px;height:100%}.rightLayer .top{background-color:#1a2d46cc;display:flex;flex-direction:column;height:calc(100% - 30px);justify-content:space-around;margin-bottom:16px;padding:15px;-webkit-user-select:none;user-select:none}.rightLayer .top .title{align-items:center;border-bottom:1px solid #7a7c80;box-sizing:border-box;color:#fff;display:flex;font-size:clamp(12px,.9vw,24px);font-weight:600;height:8%;padding:0 1px 12px;position:relative}.rightLayer .top .title .detail-but{position:absolute;right:-12px}.rightLayer .top .number{align-items:center;display:flex;height:36%;justify-content:space-between}.rightLayer .top .number>img{width:38%}.rightLayer .top .number .num{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:space-between;width:58%}.rightLayer .top .number .num .offline,.rightLayer .top .number .num .online{align-items:center;background-color:#475061;border-radius:40px;box-sizing:border-box;color:#fff;display:flex;font-size:clamp(8px,1vw,24px);height:30%;justify-content:space-around;padding:0 40px 0 16px;position:relative;width:100%}.rightLayer .top .number .num .offline>img,.rightLayer .top .number .num .online>img{height:40%}.rightLayer .top .number .num .offline .online_num_box,.rightLayer .top .number .num .online .online_num_box{color:#75e4ff;font-family:electronicFont;font-size:clamp(12px,1vw,24px);font-weight:500;transform:translateY(1px)}.rightLayer .top .number .num .offline .offline_num_box,.rightLayer .top .number .num .online .offline_num_box{color:#f2994a;font-family:electronicFont;font-size:clamp(12px,1vw,24px);font-weight:500;transform:translateY(1px)}.rightLayer .top .number .num .offline .drone_setting_btn,.rightLayer .top .number .num .online .drone_setting_btn{cursor:pointer;position:absolute;right:16px;top:12px}.rightLayer .top .number .num .hangar-offline,.rightLayer .top .number .num .hangar-online{height:40%}.rightLayer .top .grid_route_box{display:flex;justify-content:space-between}.rightLayer .top .grid_route_box .grid_route_inner_box{background-color:#475061;border-radius:8px;box-sizing:border-box;color:#cccdcf;font-size:clamp(12px,1vw,24px);padding:10px;width:48%}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_top_box{display:flex;justify-content:space-between;position:relative}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_top_box>img{width:32%}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_top_box .grid_route_top_num_box{text-align:left;width:50%}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_top_box .grid_route_top_num_box .grid_route_num{color:#fff;font-weight:600}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_top_box .grid_route_top_option_box{cursor:pointer;position:absolute;right:0}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_disabled_box,.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_enabled_box{background-color:#303b4d;border-radius:10px;display:flex;justify-content:space-between;padding:6px 10px}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_disabled_box .disabled_num,.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_disabled_box .enabled_num,.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_enabled_box .disabled_num,.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_enabled_box .enabled_num{margin-right:20px}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_disabled_box .disabled_title,.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_disabled_box .enabled_title,.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_enabled_box .disabled_title,.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_enabled_box .enabled_title{font-size:clamp(8px,1vw,24px)}.rightLayer .top .grid_route_box .grid_route_inner_box .grid_route_bottom_box .grid_route_bottom_enabled_box{margin-bottom:10px}.rightLayer .bottom{background-color:#1a2d46cc;border-radius:5px;height:calc(52% - 60px);padding:15px}.rightLayer .bottom .property_title{align-items:center;border-bottom:1px solid #7a7c80;box-sizing:border-box;display:flex;font-size:clamp(12px,.9vw,24px);font-weight:600;height:8%;padding:0 1px 12px;position:relative}.rightLayer .bottom .property_title .delete_grid_btn{cursor:pointer;position:absolute;right:30px}.rightLayer .bottom .property_title .save_grid_btn{cursor:pointer;position:absolute;right:0}.rightLayer .bottom .property_title img{height:21px;position:absolute;right:0;width:21px}.rightLayer .bottom .no_fly_property_box{height:100%}.rightLayer .bottom .no_fly_property_box .property_box{height:calc(100% - 32px);overflow-x:hidden;overflow-y:auto}.rightLayer .bottom .no_fly_property_box .property_box .property_coordinates_item .ant-form-item-label>label{color:#fff;margin-left:10px}.rightLayer .bottom .no_fly_property_box .property_box .property_coordinates_item .ant-form-item-control{color:#fff;margin-left:2px}.rightLayer .bottom .no_fly_property_box .property_box .property_coordinates_item .no_fly_button{background-color:#475061;border:none;color:#fff}.rightLayer .bottom .no_fly_property_box .property_box .property_coordinates_item .ant-space-item input::placeholder{color:#dedede}.rightLayer .bottom .no_fly_property_box .property_box .no_fly_checkbox_item .ant-form-item-label>label{color:#fff;margin-left:24px}.rightLayer .bottom .no_fly_property_box .property_box .no_fly_checkbox_item .ant-checkbox-group{margin-left:4px}.rightLayer .bottom .property_form{margin-top:clamp(4px,.6vw,8px)}.rightLayer .bottom .property_form .checkbox_item .ant-form-item-label>label{color:#fff;margin-left:10px}.rightLayer .bottom .property_form .checkbox_item .ant-checkbox-group{margin-left:4px}.rightLayer .bottom .property_form .property_item{margin-bottom:clamp(4px,.6vw,8px)}.rightLayer .bottom .property_form .property_item .ant-form-item-required{color:#fff}.rightLayer .bottom .property_form .property_item .ant-input{background-color:#475061;border:none;color:#fff}.rightLayer .bottom .property_form .property_item .ant-input-number{background-color:#475061;border:none;width:100%}.rightLayer .bottom .property_form .property_item .ant-input-number .ant-input-number-handler-wrap{background-color:#475061;border:none}.rightLayer .bottom .property_form .property_item .ant-input-number .ant-input-number-handler-wrap .anticon{color:#fff}.rightLayer .bottom .property_form .ant-select-selector,.rightLayer .bottom .property_form .property_item .ant-input-number .ant-input-number-input{background-color:#475061;border:none;color:#fff}.rightLayer .bottom .property_form .ant-select-arrow{color:#fff}.rightLayer .bottom .device_info{margin-top:8px}.rightLayer .bottom .device_info .device_info_title{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-top:8px}.rightLayer .bottom .device_info .device_info_title .device_info_title_value{color:#2ec51e;font-size:clamp(8px,1vw,24px)}.rightLayer .bottom .device_info .device_info_title .device_info_title_ipt{background-color:#475061;border-radius:6px;color:#cccdcf;font-size:clamp(8px,1vw,24px);padding:4px 16px;width:60%}.rightLayer .bottom .device_info .device_info_status{align-items:center;color:#cccdcf;display:flex;flex-wrap:wrap}.rightLayer .bottom .device_info .device_info_status .device_info_status_item{align-items:center;display:flex;font-size:clamp(8px,1vw,24px);margin-bottom:4px;width:33%}.rightLayer .bottom .device_info .device_info_status .device_info_status_item>img{height:clamp(8px,1vw,24px);margin-right:6px}.rightLayer .bottom .drone_hangar_property_box{border:1px dashed #cccdcf;margin-top:8px;padding:8px}.rightLayer .bottom .drone_hangar_property_box .drone_hangar_property_box_title{align-items:center;color:#cccdcf;display:flex;font-size:clamp(8px,1vw,24px);font-weight:600;margin-bottom:8px;position:relative}.rightLayer .bottom .drone_hangar_property_box .drone_hangar_property_box_title>img{height:clamp(8px,1vw,24px);margin-right:6px}.rightLayer .bottom .drone_hangar_property_box .drone_hangar_property_box_title .drone_hangar_property_box_switch{align-items:baseline;display:flex;font-size:clamp(8px,1vw,24px);position:absolute;right:8px;top:0}.rightLayer .bottom .drone_hangar_property_box .drone_hangar_property_box_title .drone_hangar_property_box_switch .drone_hangar_property_box_switch_icon{margin-left:12px}.rightLayer .bottom .drone_hangar_property_box .drone_hangar_property_box_title .drone_hangar_property_box_switch .drone_hangar_property_box_switch_icon label{color:#cccdcf;font-size:clamp(8px,1vw,24px)}.rightLayer .bottom .drone_hangar_property_box .device_info_status{align-items:center;color:#cccdcf;display:flex;flex-wrap:wrap}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_option_item{align-items:center;border:1px dashed #cccdcf;display:flex;margin-bottom:6px;margin-top:2px;padding:4px;width:100%}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_option_item .drone_hangar_property_box_switch_frist{border-right:1px dashed #cccdcf}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_option_item .drone_hangar_property_box_switch{display:flex;font-size:12px;font-weight:600;justify-content:center;width:50%}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_option_item .drone_hangar_property_box_switch .drone_hangar_property_box_switch_frist_div{border-right:1px dashed #cccdcf;margin-left:6px}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_option_item .drone_hangar_property_box_switch .drone_hangar_property_box_switch_frist_div_item{padding:0 10px}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_option_item .drone_hangar_property_box_switch .drone_hangar_property_box_switch_icon{margin-left:12px}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_option_item .drone_hangar_property_box_switch .drone_hangar_property_box_switch_icon label{color:#cccdcf;font-size:clamp(8px,1vw,24px);font-weight:400}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_status_item{align-items:center;display:flex;font-size:clamp(8px,1vw,24px);margin-bottom:4px;width:50%}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_status_item>img{margin-right:6px;width:20px}.rightLayer .bottom .drone_hangar_property_box .device_info_status .device_info_status_item span{font-size:14px}.rightLayer .bottom .ant-empty{margin-top:35%;transform:translateY(-50%)}.rightLayer .bottom .ant-empty .ant-empty-description{color:#fff}.rightLayer .bottom .drone_setting_box{align-items:center;background-color:azure;border-radius:6px;color:#333;display:flex;justify-content:space-between;margin:12px 0;padding:10px}.rightLayer .bottom .drone_setting_box .drone_setting_name{font-size:clamp(12px,.8vw,24px);font-weight:600}.rightLayer .bottom .drone_setting_box .drone_setting_btns{display:flex;flex:1 1;justify-content:space-around}.rightLayer .bottom .drone_setting_box .drone_setting_btns .drone_setting_btn{background-color:#5f9ea0;border-radius:10px;color:#fff;cursor:pointer;font-size:clamp(12px,.8vw,24px);padding:6px 10px}.rightLayer .grid_point_box{display:flex;justify-content:space-between}.rightLayer .grid_point_box .grid_point_title{width:60px}.rightLayer .grid_point_box .grid_point_btn{background-color:#0000;cursor:pointer;margin-left:20px}.rightLayer .grid_point_box .grid_point_btn:hover{background-color:inherit;border-color:inherit;color:inherit}.rightLayer .grid_point_box .grid_point_icon{color:#fff}.add-view{position:relative}.add-view .add-view-btn{background-color:#1259dd;border-radius:10px;bottom:30px;color:#fff;cursor:pointer;height:30px;line-height:30px;position:absolute;text-align:center;width:100px}