.pins-layer{pointer-events:none;z-index:8;opacity:1;transition:opacity .35s;position:absolute;inset:0}.pins-layer--hidden{opacity:0;pointer-events:none}.pin{opacity:0;pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;transform:translate(-50%,-100%)}.pin.visible{opacity:1}.pins-layer--ultimi .pin.visible:not(.pin--pending):not(.active){opacity:.32}.pins-layer--ultimi .pin.visible.pin--pending,.pins-layer--ultimi .pin.visible.active{opacity:1}.pin-icon{background:var(--surface);width:32px;height:32px;color:var(--text);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:box-shadow .2s,opacity .2s;display:flex;position:relative;box-shadow:0 2px 12px #2e2e2e1f}.pin--empty .pin-icon{opacity:.5}.pin-tag-ring{pointer-events:none;color:var(--text);position:absolute;inset:0}.pin-label{background:var(--surface);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;z-index:2;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 12px #2e2e2e1f}.pin:hover .pin-label,.pin--hovered .pin-label{opacity:1}.pin.active .pin-icon{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.pin-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface);pointer-events:none;border-radius:50%;position:absolute;top:-1px;right:-1px}