.radarButton{
	display: inline-block;
	border: 1px solid #FFF;
	width: 21px;
	float:left;
	height: 21px;
	text-align: center;
	vertical-align: middle;
}

.leftCurve{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left:2px;
}
.rightCurve{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-right:2px;
}
.radar{
	display: none;
}
.satellite{
	display: none;
}

.activeRadar{
	display: inline-block;
}
.container:has(.radarCell){
	overflow: hidden;
    border: 1px solid #FFF;
}
.radarCell{
	background-color: #000000;
}
.OpenRadarCell > .level_0{
	bottom:0px !important;
}
.OpenRadarCell > .level_3{
	bottom:0px !important;
}
.OpenRadarCell{
	height:512px !important;
	width:512px !important;
}
.radarFaceButton{
    float: right;
	right: 7px;
	cursor: pointer;
	user-select: none;
	z-index: 10;
    position: absolute;
}
.closeRadarX{
	line-height: 11pt;
	font-size: 11pt;
    top: 7px;
	right: 7px;
}
.zoomRadarIn{
	/* line-height: 27pt; */
	font-size: 15pt;
    top: 40px;
	right: 6px;
}
.zoomRadarOut{
	/* line-height: 17pt; */
	font-size: 15pt;
    top: 70px;
	right: 6px;
}
.navRadarNext{
	/* line-height: 27pt; */
	font-size: 15pt;
    top: 7px;
	right: 46px;
}
.navRadarPrev{
	/* line-height: 27pt; */
	font-size: 15pt;
    top: 7px;
	right: 100px;
}
.navRadarPlay{
	/* line-height: 17pt; */
	font-size: 15pt;
    top: 7px;
	right: 74px;
}
.onRadarTime{
	bottom:5px;
}
.radarFaceButton svg path{
	fill: #B4B3B1;
}
.radarFaceButton svg{
	width:20px;
	height:20px;
}
.container:has(.OpenRadarCell){
	position:absolute;
	z-index:9;
	height:512px !important;
	width:512px !important;
    border: 1px solid #FFF;
}
.radar, .satellite, .map{
    width: 100%;
    /* overflow: auto; */
    position: absolute;
}
.map{
}

.level_0{
	bottom: -50px;
}
.level_1{
	bottom: 0px;
}
.level_2{
	bottom: 0px;
}
.level_3{
	bottom: -27px;
}