.markers-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.markers-layer,.markers-layer .markers-svg{width:100%;height:100%}.markers-layer .marker-container{pointer-events:auto;overflow:visible}.markers-layer .reel-marker{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.markers-layer .reel-marker:hover{transform:scale(1.1)}.markers-layer .reel-marker:hover .marker-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.markers-layer .reel-marker .marker-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;background-color:#0053a0;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}.markers-layer .reel-marker .marker-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(5px);background-color:#fff;color:#333;padding:5px 10px;border-radius:3px;font-size:12px;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none;z-index:20}.markers-layer .reel-marker .marker-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:#fff}.markers-layer .reel-marker.vr360 .marker-icon{width:18px;height:18px;background-color:#0053a0;border:none;box-shadow:none;position:relative}.markers-layer .reel-marker.vr360 .vr360-dot-marker{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.markers-layer .reel-marker.vr360 .white-dot{width:4px;height:4px;background-color:#fff;border-radius:50%}.markers-layer .reel-marker.vr360 .marker-tooltip{background-color:#f90;color:#fff;font-size:10px;padding:4px 8px}.markers-layer .reel-marker.vr360 .marker-tooltip:after{border-color:#f90 rgba(0,0,0,0) rgba(0,0,0,0)}