.streetview-node,.panorama-controls,.pano-sequence button{display:none!important}.pano-sequence{padding:8px 12px}.pano-sequence input{width:160px}.live-video-wrap.pano-active:after{content:"DRAG: LOOK AROUND · SCROLL: ZOOM · DOUBLE-CLICK: MOVE FORWARD · SHIFT + DOUBLE-CLICK: BACK";display:block;position:absolute;z-index:8;right:14px;bottom:14px;background:rgba(3,15,31,.78);border:1px solid rgba(151,194,236,.25);border-radius:16px;padding:8px 11px;color:#b9cee6;font:600 7px Inter;letter-spacing:.5px;pointer-events:none}
.pano-sequence {
  padding: 8px 12px 25px !important;
  overflow: visible;
}

.pano-sequence-track {
  position: relative;
  width: min(36vw, 300px);
}

.pano-sequence-track > input {
  display: block;
  width: 100% !important;
  margin: 0;
  accent-color: #36a8f4;
  cursor: ew-resize;
}

.pano-km-markers {
  position: absolute;
  top: 17px;
  left: 7px;
  right: 7px;
  height: 18px;
  pointer-events: none;
}

.pano-km-markers i {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  color: #8eabc7;
  font-style: normal;
  white-space: nowrap;
}

.pano-km-markers i:first-child { transform: none; }
.pano-km-markers i:last-child { transform: translateX(-100%); }

.pano-km-markers b {
  display: block;
  width: 1px;
  height: 5px;
  margin: 0 auto 1px;
  background: #7898b8;
}

.pano-km-markers span {
  display: block !important;
  color: inherit;
  font: 700 6px/1 Inter, sans-serif;
  letter-spacing: .15px;
}

.pano-km-markers i.passed {
  color: #42b5ff;
}

.pano-km-markers i.passed b {
  background: #42b5ff;
}

@media (max-width: 700px) {
  .pano-sequence-track { width: 210px; }
  .pano-km-markers i:nth-child(even) span { display: none !important; }
}
