.vr360-marker{width:17px;height:17px;position:relative}.vr360-marker .marker-icon{position:relative;width:13px;height:13px;background-color:#00a2b8;border-radius:50%;box-shadow:none;display:flex;align-items:center;justify-content:center}.vr360-marker .marker-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background-color:#fff;border-radius:50%}.vr360-marker .marker-icon svg{display:none}.vr360-marker .marker-label{background-color:#00a2b8;color:#fff;font-size:11px}.vr360-marker .marker-label:after{border-color:#00a2b8 rgba(0,0,0,0) rgba(0,0,0,0)}.vr360-marker .marker-tooltip{opacity:0;transition:opacity .3s ease;white-space:nowrap}.vr360-marker .marker-tooltip:hover,.vr360-marker:hover .marker-tooltip{opacity:1}.vr360-custom-marker:hover .marker-label{opacity:1!important;visibility:visible!important}.reel-marker{position:relative;cursor:pointer}.reel-marker,.reel-marker .marker-icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.reel-marker .marker-icon{color:#fff;border-radius:50%}.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;box-sizing:border-box}.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}.reel-marker.vr360{width:24px;height:24px}.reel-marker.vr360 .marker-icon{width:18px;height:18px;background-color:#063c4a;border:none;box-shadow:none}.reel-marker.vr360 .vr360-dot-marker{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.reel-marker.vr360 .white-dot{width:4px;height:4px;background-color:#fff;border-radius:50%}.reel-marker.vr360 .marker-tooltip{background-color:#00a2b8;color:#fff;font-size:10px;padding:4px 8px}.reel-marker.vr360 .marker-tooltip:after{border-color:#00a2b8 rgba(0,0,0,0) rgba(0,0,0,0)}.vr360-markers-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden;display:flex;align-items:center;justify-content:center}.vr360-markers-layer svg{width:auto;height:100%;max-height:100dvh;max-width:100%}@media(min-aspect-ratio:1.7777777778){.vr360-markers-layer svg{width:100%;max-width:100vw;height:auto}}.vr360-markers-layer svg .vr360-marker{pointer-events:auto;transition:all .2s ease}.vr360-markers-layer svg .vr360-marker svg{width:34px;height:42px;transition:transform .2s ease}