.astrometry-image {
  position: relative;
  line-height: 0px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  overflow: hidden;
  border-width:1px;
  border-bottom-width: 0px;
  transition: all 0.3s ease-in;
}
.astrometry-image figure {
  margin:0;
}
.astrometry-image:not(.fullsize) .solved{
  cursor:zoom-in;
}
.astrometry-image img{
  margin: 0!important;
  width: 100%!important;
}
.astrometry-image.fullsize {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.astrometry-image.fullsize figure {
  text-align:center;
  position: relative;
  cursor:zoom-out;
}
.astrometry-image.fullsize img {
  max-height: 100vh;
  width: auto!important;
  display: inline-block;
}
.astrometry-image .annotations {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
  bottom: 0px;
  width: 100%;
	pointer-events:none;
	opacity:0;
	display:none;
	transition: opacity 0.3s ease-in;
}
.astrometry-image .solved+.annotations {
	display:block;
}
.astrometry-image:not(.fullsize) .solved:hover+.annotations:not(.visible) {
	opacity:1;
}
.astrometry-image .annotations.visible {
  opacity:1;
}
.astrometry-image .monochrome {
  -webkit-filter: invert(1) grayscale(100%);
   filter: invert(1) grayscale(100%);
}
.astrometry-status {
  position:absolute; 
  bottom:0px; 
  left:0px; 
  padding:5px;
  line-height:normal;
}

.astrometryActions {
	position:absolute;
	bottom:5px;
	right:5px;  
}
.astrometryActions .astrometryAction {
  margin:5px;
  cursor:pointer;
  pointer-events:all;
  height: 24px;
  width: 24px;
  display: inline-block;
}
.astrometryActions .toggleMonochrome.active:hover,
.astrometryActions .toggleMonochrome {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' height='24' width='24' fill='white'><path d='m31.5,0c-17.41003,0 -31.5,14.0885 -31.5,31.5c0,17.41003 14.0885,31.5 31.5,31.5c17.41003,0 31.5,-14.0885 31.5,-31.5c0,-17.41003 -14.0885,-31.5 -31.5,-31.5zm1.8457,59.24867l0,-55.49734c14.30543,0.93073 25.96289,12.81299 25.96289,27.74867c0,14.93162 -11.65069,26.81745 -25.96289,27.74867z'/></svg>");
}
.astrometryActions .toggleMonochrome:hover, 
.astrometryActions .toggleMonochrome.active {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' height='24' width='24' fill='%23990000'><path d='m31.5,0c-17.41003,0 -31.5,14.0885 -31.5,31.5c0,17.41003 14.0885,31.5 31.5,31.5c17.41003,0 31.5,-14.0885 31.5,-31.5c0,-17.41003 -14.0885,-31.5 -31.5,-31.5zm1.8457,59.24867l0,-55.49734c14.30543,0.93073 25.96289,12.81299 25.96289,27.74867c0,14.93162 -11.65069,26.81745 -25.96289,27.74867z'/></svg>");
}
.astrometryActions .toggleAnnotations.active:hover, 
.astrometryActions .toggleAnnotations {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' height='24' width='24' fill='none' stroke='white' stroke-width='2'><rect stroke-width='8' x='0' y='0' width='64' height='64' /><line y2='40' x2='64' y1='55' x1='1' /><line y2='20' x2='64' y1='35' x1='0' /><line y2='0' x2='64' y1='15' x1='0' /><line y2='62' x2='21' y1='0' x1='5' /><line y2='63' x2='53' y1='0' x1='37' /><circle r='12' cy='23' cx='44' /><circle r='9' cy='42' cx='16' /></svg>");
}
.astrometryActions .toggleAnnotations:hover, 
.astrometryActions .toggleAnnotations.active {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' height='24' width='24' fill='none' stroke='%23990000' stroke-width='2'><rect stroke-width='8' x='0' y='0' width='64' height='64' /><line y2='40' x2='64' y1='55' x1='1' /><line y2='20' x2='64' y1='35' x1='0' /><line y2='0' x2='64' y1='15' x1='0' /><line y2='62' x2='21' y1='0' x1='5' /><line y2='63' x2='53' y1='0' x1='37' /><circle r='12' cy='23' cx='44' /><circle r='9' cy='42' cx='16' /></svg>");
}
.astrometryActions .openFull.active:hover, 
.astrometryActions .openFull {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' height='24' width='24' fill='none' stroke='white' stroke-width='8'><rect height='64' width='64' /><line x1='0' y1='64' x2='43' y2='20' /><path d='m16,18c0,0 30,0 30,0c0,0 0,30 0,30'/></svg>");
}
.astrometryActions .openFull:hover, 
.astrometryActions .openFull.active {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' height='24' width='24' fill='none' stroke='%23990000' stroke-width='8'><rect height='64' width='64' /><line x1='0' y1='64' x2='43' y2='20' /><path d='m16,18c0,0 30,0 30,0c0,0 0,30 0,30'/></svg>");
}





.solving {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-40px;
    margin-top:-40px;
}
.solving:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: rotating 1.2s linear infinite;
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.astrometry-image-data {
	
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin: 0 0 1.5em;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 0.5rem;
	align-items: center;	
}
.skyplot {
	vertical-align: middle;
  text-align:center;
  cursor:pointer;
  padding: 2.5rem 0 2.5rem 2.5rem;
}
.skyplot div {
	border-radius:5px;
  display: inline-block;
  margin: 0px auto;
	padding: 10px;
	min-height: 200px;
  min-width: 200px;
}
.skyplot img {
  filter: grayscale();
}
.astrometry-data {
  display: grid;
  grid-template-columns: 2fr 1fr 1.5fr 2fr;
	grid-auto-rows: min-content;
  grid-gap: 0.5rem;
  padding: 2.5rem;
}
.astrometry-data:empty {
  padding:0;
}
.astrometry-data a{
  font-weight: 300;
}
.astrometry-data > * {
  margin:0!important;
  padding:0!important;
  grid-column: 2 / span 3;
}
.astrometry-data > .col2 {
  grid-column: 2;
  white-space: nowrap;
}
.astrometry-data > .col3 {
  grid-column: 3;
}
.astrometry-data > .col4 {
  grid-column: 4;
  white-space: nowrap;
}
.astrometry-data label {
  word-break: keep-all;
  font-size: inherit;
	text-align: right;
  font-weight: normal;
  grid-column: 1;  
}
.astrometry-data .framesX {
  margin:0 0.5rem;
}
.astrometry-data abbr {
  text-decoration: none;
}
.astrometry-data .refreshAstrometry {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin: 0 5px 0 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' height='24' width='24' fill='%23999' stroke='%23999' stroke-width='2'><path d='m32.5 4.999c-5.405 0-10.444 1.577-14.699 4.282l-5.75-5.75v16.11h16.11l-6.395-6.395c3.18-1.787 6.834-2.82 10.734-2.82 12.171 0 22.073 9.902 22.073 22.074 0 2.899-0.577 5.664-1.599 8.202l4.738 2.762c1.47-3.363 2.288-7.068 2.288-10.964 0-15.164-12.337-27.501-27.5-27.501z' /><path d='m43.227 51.746c-3.179 1.786-6.826 2.827-10.726 2.827-12.171 0-22.073-9.902-22.073-22.073 0-2.739 0.524-5.35 1.439-7.771l-4.731-2.851c-1.375 3.271-2.136 6.858-2.136 10.622 0 15.164 12.336 27.5 27.5 27.5 5.406 0 10.434-1.584 14.691-4.289l5.758 5.759v-16.112h-16.111l6.389 6.388z' /></svg>");
  background-size: 100%;
}
.astrometry-data .refreshAstrometry.active {
  animation: rotating 1.2s linear infinite;
}


@media (max-width: 900px) {
  .astrometry-data {
    grid-template-columns: 1.2fr 2fr;
  }
  .astrometry-data > * {
    grid-column: auto!important;
  }  
}

@media (max-width: 700px) {
  .astrometry-image-data {
    grid-template-columns: 100%;
  }
  .skyplot {
    margin-bottom:2rem;
  }
}


.astrometry-image {
  border-color: rgb(10,10,10);
}
.astrometry-image.fullsize {
  background: rgba(0,0,0,0.9);
}
.astrometry-image-data {
  background: rgb(10,10,10);
}
.astrometry-data label {
	color: #ffff00!important;
}
.astrometry-data .info {
  color: #AAA;
}
.astrometry-data .unit {
  color: #666!important;
}
.astrometry-data abbr {
  border-bottom: 1px dashed #666;
}
.skyplot div {
  background: rgba(0,0,0,0.4);
}
.astrometry-status {
  background:#666; 
  color:#FFF;
}