.wrapper-progress[data-v-2950de84]{width:100%;height:10px;background:#f5f5f5;border-radius:15px}.preview-container[data-v-2950de84]{border:1px solid #e6e8f8;padding:15px}.video-chart-container[data-v-2950de84]{position:absolute;width:100%;top:20px;padding-left:60px;padding-right:50px}.wrapper-progress-container[data-v-2950de84]{width:315px;height:calc(100% - 73px);position:relative;top:0;left:0}.progress-content[data-v-2950de84]{height:10px;background:var(--v-primary-base);transition:width .5s ease;border-radius:15px;position:absolute;top:0;left:0}.time-range-input[data-v-2950de84]{border-radius:30px;z-index:9999;width:363px;height:52px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:30px;left:50%;transform:translateX(-50%)}.users-card[data-v-2950de84]{position:absolute;top:30px;right:30px;border-radius:8px;z-index:1000}#map[data-v-2950de84]{position:absolute;top:0;left:0;right:0;bottom:0}.total-users[data-v-2950de84]{position:absolute;bottom:0;left:0;z-index:1000}.card-item[data-v-2950de84]{background:#232536;width:100%;height:132px;align-items:flex-start;display:flex;flex-direction:column;border-radius:8px;justify-content:center}.card-item-background-shape[data-v-2950de84]{position:absolute;top:0;left:0;margin-top:auto;width:100%;height:calc(100% - 73px);display:flex;border-radius:10px}.card-item-background-shape svg[data-v-2950de84]{position:absolute;bottom:0;left:0;margin:auto;border-radius:10px}.panda-realtime-marker{transform:translate(-50%,-50%);box-shadow:0 0 0 0 transparent;border-radius:50%;background-color:var(--v-primary-base);width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:100%;opacity:.85}.panda-map-realtime-marker-text{position:absolute;color:#fff;font-weight:700;font-size:.9rem}@-webkit-keyframes ripple-animation{0%{transform:scale(.7);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes ripple-animation{0%{transform:scale(.7);opacity:1}to{transform:scale(1.8);opacity:0}}.panda-map-realtime-circle-ripple{width:35px;height:35px;border-radius:100%;position:absolute;background:var(--v-primary-base);-webkit-animation:ripple-animation 2s ease-out infinite;animation:ripple-animation 2s ease-out infinite}.panda-map-realtime-circle-ripple-1{-webkit-animation-delay:0s;animation-delay:0s}.panda-map-realtime-circle-ripple-2{-webkit-animation-delay:.7s;animation-delay:.7s}.leaflet-marker-icon{border:0;background-color:transparent}.leaflet-pane .leaflet-overlay-pane{margin-top:-50000px;margin-left:-50000px;width:calc(100000px + 100%);height:calc(100000px + 100%);background-color:rgba(0,112,206,.35)}