.spotmap-wrap{position:relative}.spotmap,.spotmap-wrap{width:100%;height:100%;min-height:240px}.spotmap,.spotmap__loading{background:var(--bq-surface-2)}.spotmap__loading{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.spotmap-fade-leave-active{transition:opacity .25s ease-out}.spotmap-fade-leave-to{opacity:0}.spotmap .maplibregl-ctrl-group{background:var(--bq-glass);border:1px solid var(--bq-border);box-shadow:var(--bq-shadow-1);border-radius:14px;overflow:hidden}.spotmap .maplibregl-ctrl-group button{width:40px;height:40px}.spotmap .maplibregl-ctrl-attrib{font:500 10.5px var(--bq-font-body)}.pinwrap{justify-content:center;width:44px;height:66px;display:flex}.pinwrap:after{content:"";border:1.5px solid var(--c-ring,#ffffffd9);pointer-events:none;border-radius:50%;width:22px;height:7px;margin-left:-11px;position:absolute;bottom:-3px;left:50%;box-shadow:0 0 0 1px #0000002e}.pinwrap.is-selected{z-index:3}.pin{cursor:pointer;transform-origin:50% 100%;width:40px;height:66px;transition:transform .16s var(--bq-ease-spring);filter:drop-shadow(0 6px 10px #00000059);background:0 0;border:0;flex-direction:column;align-items:center;padding:14px 0 12px;display:flex;position:relative}.pin span{border:3px solid var(--bq-bg);background:var(--c,var(--bq-surface-3));width:40px;height:40px;font:700 13px var(--bq-font-display);color:var(--bq-score-fg);border-radius:50%;flex:none;place-items:center;display:grid}.pin__ant{border-radius:2px;width:3px;height:16px;margin-left:-1.5px;top:0}.pin__ant,.pin__ant:before{background:var(--bq-lure);box-shadow:0 0 0 1.5px var(--bq-bg);position:absolute;left:50%}.pin__ant:before{content:"";border-radius:50%;width:7px;height:7px;margin-left:-3.5px;top:-3px}.pin__stem{background:var(--c,var(--bq-surface-3));width:4px;height:14px;box-shadow:0 0 0 1.5px var(--bq-bg);border-radius:0 0 3px 3px;margin-left:-2px;position:absolute;bottom:0;left:50%}.pin--excellent{--c:var(--bq-score-excellent)}.pin--good{--c:var(--bq-score-good)}.pin--fair{--c:var(--bq-score-fair)}.pin--poor{--c:var(--bq-score-poor)}.pin--danger{--c:var(--bq-score-danger)}.pin--danger span{color:#fff}.pin--none span{color:var(--bq-text-2)}.pin.is-unverified span{outline:2px dashed var(--bq-text-2);outline-offset:2px}.pinwrap.is-selected .pin{transform:scale(1.2)}.pinwrap.is-selected .pin span{box-shadow:0 0 0 5px var(--bq-accent-soft)}@media (hover:hover){.pin:hover{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.pin{transition:none}}