.weather-touch-reader {
  position:absolute;
  z-index:850;
  pointer-events:none;
  box-sizing:border-box;
  min-height:44px;
  max-width:calc(100% - 16px);
  padding:9px 48px 9px 12px;
  border:1px solid rgba(224,242,237,.55);
  border-radius:7px;
  background:rgba(7,36,39,.95);
  color:#f4faf7;
  font:600 13px/1.5 var(--font);
  font-variant-numeric:tabular-nums;
  white-space:pre-line;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
}
.weather-touch-close {
  position:absolute;
  top:0;
  right:0;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:6px;
  background:transparent;
  color:inherit;
  font:24px/1 var(--font);
  pointer-events:auto;
  touch-action:manipulation;
  cursor:pointer;
}
.weather-touch-close:focus-visible { outline:2px solid #ffcf23; outline-offset:-4px; }
.weather-touch-point {
  position:absolute;
  z-index:849;
  pointer-events:none;
  width:18px;
  height:18px;
  box-sizing:border-box;
  border:2px solid #fff;
  border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 1px #163f41;
}
.weather-touch-point::after {
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  background:#fff;
}
.weather-touch-reader[hidden],.weather-touch-point[hidden] { display:none !important; }