.target-box {
  border: 1px solid transparent;
  border-radius: 3px;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.target-box.visible {
  border-color: rgba(48, 230, 181, 0.86);
  background:
    linear-gradient(#e7fff7, #e7fff7) left top / 18px 2px no-repeat,
    linear-gradient(#e7fff7, #e7fff7) left top / 2px 18px no-repeat,
    linear-gradient(#e7fff7, #e7fff7) right top / 18px 2px no-repeat,
    linear-gradient(#e7fff7, #e7fff7) right top / 2px 18px no-repeat,
    linear-gradient(#e7fff7, #e7fff7) left bottom / 18px 2px no-repeat,
    linear-gradient(#e7fff7, #e7fff7) left bottom / 2px 18px no-repeat,
    linear-gradient(#e7fff7, #e7fff7) right bottom / 18px 2px no-repeat,
    linear-gradient(#e7fff7, #e7fff7) right bottom / 2px 18px no-repeat;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 22px rgba(48, 230, 181, 0.04);
}

.tracking-label {
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translateY(-100%);
  height: 25px;
  padding: 0 8px;
  border-radius: 5px 5px 0 0;
  background: rgba(6, 141, 108, 0.91);
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
  white-space: nowrap;
  backdrop-filter: blur(8px);
}

.tracking-label[hidden] {
  display: none;
}

.tracking-label b {
  font-size: 12px;
  line-height: 1;
}

.tracking-label em {
  padding-left: 7px;
  border-left: 1px solid rgba(202, 255, 239, 0.36);
  color: #cffff0;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}