.hcm-story-stop { display: grid; place-items: center; border: 0; background: transparent; }
.hcm-story-stop span { display: grid; place-items: center; width: 24px; height: 24px; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #9d174d; box-shadow: 0 2px 7px rgba(15,23,42,.28); font-size: .68rem; font-weight: 900; }
.hcm-story-stop.is-start span { background: #166534; }
.hcm-story-stop.is-end span { background: #b45309; }
.hcm-story-stop.is-selected span { width: 30px; height: 30px; border-color: #fef3c7; background: #7c3aed; box-shadow: 0 0 0 3px rgba(124,58,237,.26), 0 2px 8px rgba(15,23,42,.35); }
.hcm-video-layer-marker { display: grid; place-items: center; border: 0; background: transparent; }
.hcm-video-layer-marker > span { position: relative; display: grid; place-items: center; width: 26px; height: 26px; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #7c3aed; box-shadow: 0 2px 8px rgba(15, 23, 42, .35); font-size: .7rem; }
.hcm-video-layer-marker.is-selected > span { width: 32px; height: 32px; border-color: #fef3c7; background: #5b21b6; box-shadow: 0 0 0 4px rgba(124, 58, 237, .3), 0 3px 10px rgba(15, 23, 42, .4); }
.hcm-video-layer-marker-number { font-size: .7rem; font-weight: 900; line-height: 1; }
.hcm-video-layer-marker-play { position: absolute; right: -5px; bottom: -5px; display: grid; width: 14px; height: 14px; place-items: center; padding: 0; border: 1px solid #fff; border-radius: 50%; color: #fff; background: #4c1d95; font-size: .47rem !important; line-height: 1; }
.hcm-video-intro-route { pointer-events: none; }
.hcm-video-mini-trigger-marker { width: 280px !important; height: 48px !important; margin: -48px 0 0 -140px; border: 0; background: transparent; pointer-events: none; }
.hcm-video-mini-trigger-shell { display: flex; width: 280px; height: 48px; align-items: flex-end; justify-content: center; pointer-events: none; }
.hcm-video-mini-trigger { display: inline-flex; width: auto; max-width: min(35vw, 280px); min-height: 34px; align-items: center; gap: 4px; padding: 5px 7px; overflow: hidden; border: 1px solid #7c3aed; border-radius: 999px; color: #4c1d95; background: rgba(255, 255, 255, .98); box-shadow: 0 3px 12px rgba(76, 29, 149, .28); font-size: .68rem; font-weight: 850; line-height: 1.15; white-space: nowrap; cursor: pointer; pointer-events: auto; }
.hcm-video-mini-trigger-creator, .hcm-video-mini-trigger-separator { flex: 0 0 auto; }
.hcm-video-mini-trigger-place { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hcm-video-mini-trigger-play { display: grid; width: 22px; height: 22px; flex: 0 0 22px; place-items: center; padding-left: 1px; border-radius: 50%; color: #fff; background: #7c3aed; font-size: .7rem; line-height: 1; }
@media (max-width: 767px) {
  .hcm-video-mini-trigger { max-width: 35vw; min-height: 36px; padding: 5px 6px; font-size: .61rem; }
  .hcm-video-mini-trigger-play { width: 23px; height: 23px; flex-basis: 23px; }
}
.map-detail-video-button[aria-pressed="true"] { border-color: #7c3aed; background: #7c3aed; color: #fff; }
[data-video-layer-toggle][aria-pressed="true"] { border-color: #7c3aed !important; background: #7c3aed !important; color: #fff !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, .2); font-weight: 900; }