.live-location-card{margin:16px 0}.live-location-card .card-head>span{font-size:10px;color:#718078}#liveLocationMap{height:270px;border-radius:15px;position:relative;overflow:hidden;background:linear-gradient(30deg,#e8efe9 12%,transparent 12.5%,transparent 87%,#e8efe9 87.5%),linear-gradient(150deg,#e8efe9 12%,transparent 12.5%,transparent 87%,#e8efe9 87.5%),#f6f8f5;background-size:48px 84px}.map-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,#ccd9d066 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#ccd9d066 50%,transparent 50.5%);background-size:70px 70px}.map-empty{height:100%;display:grid;place-items:center;color:#78847c;font-size:11px}.map-marker{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;text-decoration:none;color:#62451d;font-size:9px}.map-marker i{width:17px;height:17px;border:4px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#b6853c;box-shadow:0 3px 12px #172c2080}.map-marker b{margin-top:7px;background:#fff;padding:3px 7px;border-radius:8px;box-shadow:0 3px 12px #19312422;white-space:nowrap}.map-marker.fresh i{background:#27a25d}.live-person{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #edf0ed}.live-person:last-child{border:0}.live-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8ece9;font-weight:800}.live-person.online .live-avatar{background:#dff4e7;color:#197045}.live-person b,.live-person small{display:block}.live-person b{font-size:11px}.live-person small{font-size:9px;color:#718078}.live-person a{font-size:9px;color:#1d6541}@media(max-width:560px){#liveLocationMap{height:220px}.live-person{grid-template-columns:34px 1fr}.live-person a{grid-column:2}}