/* TESS-CSP-DYNAMIC-FINAL TESS-Observatory CSS block 38 */
/* TESS-OBSERVATORY-TOPBAR-STATUS-BUTTON-MATCH-20260826 v1 */
:root{
  --tess-status-button-w:130px;
  --tess-status-button-h:34px;
  --tess-status-button-radius:12px;
  --tess-status-button-border:rgba(255,40,40,.88);
  --tess-status-button-color:#ffe1e1;
  --tess-status-button-shadow:0 0 15px rgba(255,0,0,.30), inset 0 0 13px rgba(255,0,0,.13);
}
.topbar{
  display:block!important;
  height:58px!important;min-height:58px!important;
  padding:0!important;overflow:hidden!important;position:relative!important;
}
.topbar-title{display:none!important;}
.topbar>a,.topbar .status a,.topbar #mountModeAsiairButton.topbar-asiair-mode-button,.topbar #mountModeTessButton.topbar-tess-direct-mode-button{
  position:absolute!important;top:12px!important;transform:none!important;margin:0!important;float:none!important;
  width:var(--tess-status-button-w)!important;min-width:var(--tess-status-button-w)!important;max-width:var(--tess-status-button-w)!important;
  height:var(--tess-status-button-h)!important;min-height:var(--tess-status-button-h)!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:5px 4px!important;border-radius:var(--tess-status-button-radius)!important;
  border:1px solid var(--tess-status-button-border)!important;
  color:var(--tess-status-button-color)!important;background:rgba(0,0,0,0)!important;
  box-shadow:var(--tess-status-button-shadow)!important;
  font-size:7.2px!important;line-height:8.28px!important;letter-spacing:.36px!important;
  text-align:center!important;text-decoration:none!important;text-transform:uppercase!important;
  white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;
}
.topbar>a:nth-of-type(1){left:14px!important;}
.topbar>a:nth-of-type(2){left:152px!important;}
.topbar>a:nth-of-type(3){left:290px!important;}
.topbar>a:nth-of-type(4){left:428px!important;}
.topbar #mountModeAsiairButton.topbar-asiair-mode-button{left:calc(50% - 134px)!important;}
.topbar #mountModeTessButton.topbar-tess-direct-mode-button{left:calc(50% + 4px)!important;}
.topbar .status{position:static!important;display:block!important;margin:0!important;padding:0!important;max-width:none!important;overflow:visible!important;}
.topbar .status a:nth-of-type(1){left:calc(100% - 428px)!important;}
.topbar .status a:nth-of-type(2){left:calc(100% - 290px)!important;}
.topbar .status a:nth-of-type(3){left:calc(100% - 152px)!important;}
.topbar>a:hover,.topbar>a:focus,.topbar .status a:hover,.topbar .status a:focus,.topbar #mountModeAsiairButton:hover,.topbar #mountModeAsiairButton:focus,.topbar #mountModeTessButton:hover,.topbar #mountModeTessButton:focus{
  border-color:#ff0000!important;color:#ffd0d0!important;
  box-shadow:0 0 24px rgba(255,0,0,.46), inset 0 0 18px rgba(255,0,0,.18)!important;
}
@media(max-width:1320px){
 .topbar .status a{display:none!important;}
 .topbar #mountModeAsiairButton.topbar-asiair-mode-button{left:calc(100% - 290px)!important;}
 .topbar #mountModeTessButton.topbar-tess-direct-mode-button{left:calc(100% - 152px)!important;}
}
@media(max-width:760px){
 .topbar{height:auto!important;min-height:96px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 14px!important;}
 .topbar>a,.topbar #mountModeAsiairButton.topbar-asiair-mode-button,.topbar #mountModeTessButton.topbar-tess-direct-mode-button{position:static!important;}
}
