div.CP.svelte-xjjtcy {
    position: relative;
  }
  div.CP.standalone.svelte-xjjtcy {
    position: absolute;
    border-radius: 2px;
    z-index: 3;
    top: 10px;
    right: 10px;
    background-color: hsla(0, 0%, 100%, 0.6);
    font-size: 10px;
    line-height: 12px;
  }
  div.CP.standalone.open.svelte-xjjtcy {
    background-color: hsla(0, 0%, 100%, 0.9);
    z-index: 4;
  }
  div.CPicon.svelte-xjjtcy,
  div.CPiconOOO.svelte-xjjtcy {
    text-align: right;
    width: 30px;
    margin: auto 0 auto auto;
  }
  div.CPiconOOO.svelte-xjjtcy {
    cursor: pointer;
  }
  div.CParea.svelte-xjjtcy {
    width: 150px;
    padding: 5px 0;
  }
  div.CParea.included.svelte-xjjtcy {
    position: absolute;
    right: 0;
    border-radius: 2px;
    background-color: hsla(0, 0%, 100%, 0.9);
  }
  div.CParea.svelte-xjjtcy label:where(.svelte-xjjtcy) {
    cursor: pointer;
    display: block;
    padding-left: 5px;
    line-height: 30px;
  }
  div.CParea.svelte-xjjtcy label:where(.svelte-xjjtcy):before {
    margin-top: 5px;
  }

  div.CParea.svelte-xjjtcy label:where(.svelte-xjjtcy):hover {
    background-color: hsla(0, 0%, 90%, 0.9);
  }

  output.svelte-xjjtcy {
    font-weight: bold;
  }


div.PP.svelte-1v0v8o3 {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 3;
  /*bottom: 128px;*/
  left: 10px;
  display: flex;
  border-radius: 2px;
  color: hsla(204, 47%, 38%, 0.8);
  background-color: hsla(0, 0%, 100%, 0.6);
  font-size: 10px;
  line-height: 12px;
}
div.PP.opened.svelte-1v0v8o3 .icon:where(.svelte-1v0v8o3) {
  padding: 0 5px;
}
.icon.svelte-1v0v8o3 {
  cursor: pointer;
}

div.PP.active.svelte-1v0v8o3 {
  background-color: hsla(0, 0%, 100%, 0.9);
}

div.playSpeedDisplay.svelte-1v0v8o3 div:where(.svelte-1v0v8o3) {
  padding: 2px 5px;
  font-size: 14px;
  line-height: 26px;
  background-color: hsla(20, 100%, 85%, 0.6);
}
div.time.svelte-1v0v8o3 {
  padding: 2px 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 7px;
  background-color: hsla(207, 29%, 94%, 0.6);
  text-align: center;
}
div.time.svelte-1v0v8o3 b:where(.svelte-1v0v8o3) {
  font-size: 9px;
}


	/** fullscreen **/
	div.container.svelte-19terrb:fullscreen, div.container.svelte-19terrb:-webkit-full-screen, div.container.svelte-19terrb:-moz-full-screen {
		width: 100%;
		height: 100%;
	}


	/** prepis mapboxich stylu **/
	div.container.svelte-19terrb .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
		margin: auto auto 19px 0;
	}
	div.container.svelte-19terrb .mapboxgl-ctrl-scale {
		background-color: hsla(0, 0%, 100%, 0);
		border-style: none solid solid solid;
		border-width: 0 1px 1px 1px;
		border-color: hsla(0, 0%, 100%, 0.6);
		line-height: 15px;
		text-align: right;
		text-shadow:-1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white;
	}
	div.container.svelte-19terrb .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
		margin: auto 10px 30px auto;
		min-height: 60px;
		opacity: 0.75;
		padding: 0;
	}

	div.container.svelte-19terrb .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
		padding: 0 24px 0 4px;
	}

	div.container.svelte-19terrb .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 197 197' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='98' cy='98' r='60' fill='%23333333'/%3E %3Ccircle cx='98' cy='98' r='35' fill='white'/%3E %3Ccircle cx='98' cy='98' r='22' fill='%23333333'/%3E %3Crect x='115' y='90' width='23' height='16' fill='%23333333'/%3E %3C/svg%3E");
	}

	div.container.svelte-19terrb .mapboxgl-ctrl-group {
	 background-color: hsla(0, 0%, 100%, 1);
	 border-radius: 2px;
	 opacity: 0.6;
	}

	div.container.svelte-19terrb * {
		user-select: none;
		-webkit-user-select: none;
	}

	/** xc icons **/
	div.container.svelte-19terrb .xcicon {
		width: 15px;
		height: 15px;
	}
	div.container.svelte-19terrb .xcicon.start {
		z-index: 3;
	}
	div.container.svelte-19terrb .xcicon.end {
		z-index: 2;
	}
	div.container.svelte-19terrb .xcicon.start svg {
		fill: hsla(120, 100%, 50%, 0.75);
		stroke: hsla(120, 100%, 50%, 0.75);
	}
	div.container.svelte-19terrb .xcicon.end svg {
		fill: hsla(360, 100%, 50%, 0.75);
		stroke: hsla(360, 100%, 50%, 0.75);
	}

	.airspace-popup {
		opacity: 0.9;
	}


body {
	overscroll-behavior-x: none;
}
div.graph.svelte-gsm5hf {
  position: absolute;
  bottom: 18px;
  left: 0px;
  width: 100%;
  height: 100px;
  border: 0 none;
  background-color: transparent;
  font-size: 10px;
  line-height: 18px;
  overflow-y: hidden;
  /*z-index: 4;*/
}
div.graph.svelte-gsm5hf * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
svg.overlayer.svelte-gsm5hf {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}



	div.displayer.svelte-udjf2w {
		display: flex;
		justify-content: left;
		align-items: left;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
        height: 18px;
		color: hsla(204, 47%, 38%, 1);
		background-color: hsla(207, 29%, 94%, 1);
		font-family: 'Roboto', sans-serif;
		font-size: 9.5px;
		will-change: contents;
	}
	div.displayer.svelte-udjf2w div:where(.svelte-udjf2w) {
		display: flex;
		align-items: center;
		justify-content: safe flex-end;
		border: 0.5px solid lightgrey;
		border-width: 0 0.5px;
		padding: 0 1px;
		width: 4em;
		height: 18px;
		overflow: hidden;
        white-space: nowrap;
	}
	.display-alt-gps.svelte-udjf2w {
		color: hsla(28, 100%, 50%, 1);
	}
	.display-alt-baro.svelte-udjf2w {
		color: hsla(198, 100%, 40%, 1);
	}
	div.displayer.svelte-udjf2w div.display-alt-gnd:where(.svelte-udjf2w) {
		width: 6em;
		color: white;
		background-color: hsla(0, 0%, 66%, 1);
	}
  div.displayer.svelte-udjf2w div.display-alt-agl:where(.svelte-udjf2w) {
		width: 6em;
		color: black;
		background-color: hsla(0, 0%, 86%, 1);
	}
	div.displayer.svelte-udjf2w div.display-vario:where(.svelte-udjf2w) {
		width: 4.5em;
		color: hsla(0, 100%, 25%, 1);
		background-color: hsla(60, 100%, 70%, 1);
	}
	div.displayer.svelte-udjf2w div.display-speed:where(.svelte-udjf2w) {
		width: 4.5em;
		color: black;
		background-color: hsla(20, 100%, 85%, 1);
	}
	div.displayer.svelte-udjf2w div.display-time:where(.svelte-udjf2w) {
		width: 8em;
		color: black;
	}


	div.map.svelte-6h6lie {
		position: absolute;
		top:0px;
		width:100%;
	}

	.svelte-6h6lie {
		color: #333;
		box-sizing: border-box;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
/*
	div.map :global(a) {
		color: rgb(0,100,200);
		text-decoration: none;
	}

	div.map :global(a:hover) {
		text-decoration: underline;
	}

	div.map :global(a:visited) {
		color: rgb(0,80,160);
	}

	div.map :global(label) {
		display: block;
	}

	div.map :global(input),
	div.map :global(button),
	div.map :global(select),
	div.map :global(textarea) {
		font-family: inherit;
		font-size: inherit;
		padding: 0.4em;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 2px;
	}

	div.map :global(input:disabled) {
		color: #ccc;
	}

	div.map :global(input[type="range"]) {
		height: 0;
	}

	div.map :global(button) {
		background-color: #f4f4f4;
		outline: none;
	}

	div.map :global(button:active) {
		background-color: #ddd;
	}

	div.map :global(button:focus) {
		border-color: #666;
	}
*/