.image-container{display:inline-block;position:relative}.image-container img{max-width:100%;display:block}.pin{z-index:5;filter:drop-shadow(0 2px 4px #0003);transition:transform .2s,filter .2s;position:absolute;transform:translate(-50%,-50%)}.pin .pin-icon{font-size:32px}.pin.no-alert .pin-icon{color:#4caf50}.pin.alert-threshold-breached .pin-icon{color:#ff9800}.pin.critical .pin-icon{color:#f44336;animation:2s infinite pulse}.pin:hover{z-index:10;filter:drop-shadow(0 4px 8px #0000004d);transform:translate(-50%,-50%)scale(1.1)}.pin:hover>.pin-inner{display:block}.pin-inner{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;background:#000c;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:none;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.pin-inner:after{content:"";border:4px solid #0000;border-top-color:#000c;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pin.edit-mode{background-color:#ee257314;border:2px solid #ee2573;border-radius:50%;padding:4px}.pin.edit-mode .pin-icon{filter:none}