.mapboxgl-popup-content{border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;padding:10px 14px}.mapboxgl-popup-close-button{font-size:18px;padding:4px 8px}.track-distance-marker{height:0;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0}.track-distance-marker__label{background:#161614eb;border:1px solid hsla(0,0%,100%,.9);border-radius:999px;bottom:11px;box-shadow:0 4px 12px #00000061;color:#f8f7f3;font-size:11px;font-weight:800;height:22px;left:0;line-height:20px;min-width:30px;padding:0 8px;position:absolute;text-align:center;transform:translate(-50%);white-space:nowrap}.track-distance-marker__pointer{background:#fc4c02;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 7px #00000073;height:7px;left:0;position:absolute;top:0;transform:translate(-50%,-50%);width:7px}.track-distance-marker--half .track-distance-marker__label{background:#fc4c02;color:#fff}.track-map-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161614d1;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;bottom:12px;box-shadow:0 8px 24px #00000052;display:flex;gap:6px;padding:5px;position:absolute;right:12px;z-index:5}.track-map-toggle{align-items:center;background:transparent;border:0;border-radius:999px;color:#e7e5df94;cursor:pointer;display:inline-flex;font-size:11px;font-weight:800;gap:5px;height:28px;line-height:1;padding:0 9px;transition:background .16s ease,color .16s ease,opacity .16s ease}.track-map-toggle:hover{background:#ffffff14;color:#f8f7f3}.track-map-toggle--active,.track-map-toggle--active:hover{background:#fc4c02;color:#fff}.track-map-toggle__dot{border:2px solid;border-radius:50%;height:7px;width:7px}.track-map-toggle__arrow{font-size:12px;line-height:1}