.td-map.td-react-map{border-radius:var(--td-well-radius,12px);background:var(--td-surface);width:100%;min-width:0;box-shadow:var(--td-inset-soft);border:0;position:relative;overflow:hidden}.td-react-map-ground{color:var(--td-ink-3);position:absolute;inset:0}.td-react-map-ground>svg,.td-react-map-ground>img{object-fit:contain;width:100%;height:100%;display:block}.td-map-grid.td-react-map-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--td-ink-2) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--td-ink-2) 9%, transparent) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0}.td-react-map-pins{margin:0;padding:0;list-style:none;position:absolute;inset:0}.td-map-pin.td-react-map-pin{--td-lamp-glow:var(--td-brand);align-items:center;gap:var(--td-sp-2);display:flex;position:absolute;transform:translate(-50%,-50%)}.td-react-map-pin[data-tone=neutral]{--td-lamp-glow:var(--td-ink-3)}.td-react-map-pin[data-tone=accent]{--td-lamp-glow:var(--td-accent)}.td-react-map-pin[data-tone=green]{--td-lamp-glow:var(--td-green)}.td-react-map-pin[data-tone=error]{--td-lamp-glow:var(--td-error)}.td-map-pin-dot.td-react-map-pin-dot{background:var(--td-surface);width:16px;height:16px;box-shadow:inset 1.5px 1.5px 3px color-mix(in srgb, var(--td-shadow-dark) 62%, transparent), inset -1.5px -1.5px 3px color-mix(in srgb, var(--td-shadow-light) 58%, transparent), 0 0 0 1px var(--td-edge);border:0;border-radius:50%;flex:none;position:relative}.td-react-map-pin-dot:after{content:"";background:var(--td-lamp-glow);box-shadow:0 0 0 1px color-mix(in srgb, var(--td-lamp-glow) 45%, transparent), 0 0 5px color-mix(in srgb, var(--td-lamp-glow) 55%, transparent);border-radius:50%;position:absolute;inset:4px}.td-map-pin-label.td-react-map-pin-label{white-space:nowrap;padding:2px var(--td-sp-3);border-radius:var(--td-radius-1);font-family:var(--td-font-mono);letter-spacing:.04em;color:var(--td-ink);background:var(--td-raise-fill);box-shadow:1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 40%, transparent), -1.5px -1.5px 3px color-mix(in srgb, var(--td-shadow-light) 42%, transparent), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);border:0;font-size:.62rem;font-weight:700}.td-react-map-pin-label--quiet{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;box-shadow:none;margin:-1px;padding:0;position:absolute;overflow:hidden}.td-react-map-pin-description{color:var(--td-ink-2);font-weight:400}