/* Atlas temporal instrument: a five-scale dial in the right dock. */
#astrolabe{width:276px!important;height:126px!important}
#astroDial{right:0!important;bottom:0!important;width:108px!important;height:108px!important}
#astroDial:before{mask:radial-gradient(transparent 0 38px,#000 39px 42px,transparent 43px)}
#astroDial:after{mask:radial-gradient(transparent 0 24px,#000 25px 28px,transparent 29px)}
#astroHand{left:52px!important;top:9px!important;height:44px!important;transform-origin:1px 44px!important}
#astroNow{left:38px!important;top:38px!important}
#astroScaleUp,#astroScaleDown{display:none!important}
.astroScales{position:absolute;left:0;top:51px;width:156px;display:grid;grid-template-columns:repeat(5,28px);gap:4px}
.astroScale{display:grid;place-items:center;width:28px;height:34px;padding:2px;border:1px solid #806c5540;border-radius:8px;background:#fffaf0d9;color:#66594c}
.astroScale[aria-pressed="true"]{background:#355d51;color:#fff;border-color:#355d51}
.astroScaleGlyph{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--time-glyph) center/contain no-repeat;mask:var(--time-glyph) center/contain no-repeat}
.astroScale small{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}
#astroReadout{left:0!important;right:auto!important;top:3px!important;width:158px!important;text-align:left!important}
#astroReadout b{font:700 14px/1.15 Emojinq,Georgia,serif}
#astroEra{position:absolute;left:0;top:96px;width:158px;overflow:hidden;color:#355d51;font:700 9px/1.15 Emojinq,Georgia,serif;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}
@media(max-height:500px) and (orientation:landscape){
  .notchToolDrawer[data-group="time"]{width:296px!important;height:146px!important}
  .notchToolDrawer[data-group="time"] h3{display:none}
  .notchToolDrawer #astrolabe{width:100%!important;height:126px!important;margin:0!important;transform:none!important}
  .notchToolDrawer[data-group="time"] #astroEra{box-sizing:border-box;max-width:calc(100% - 88px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(orientation:portrait){
  .notchToolDrawer[data-group="time"]{width:min(296px,calc(100vw - 72px))!important;height:150px!important}
  .notchToolDrawer[data-group="time"] h3{display:none}
  .notchToolDrawer #astrolabe{width:100%!important;height:126px!important;margin:0!important;transform:none!important}
}