/* Shared local styles for editor previews and public navigation hotspots. */
.h360-navigation-hotspot,
#h360-admin-root .h360-navigation-hotspot {
    padding:0;border:0!important;border-radius:12px;background:transparent!important;
    box-shadow:none!important;color:var(--h360-nav-color,#fff)!important;
    transform:translate(-50%,-50%)!important;animation:none!important;
    overflow:visible;min-width:0;min-height:0;
}
.h360-navigation-hotspot:hover,.h360-navigation-hotspot:focus-visible {
    transform:translate(-50%,-50%)!important;
}
.h360-navigation-hotspot:focus-visible { outline:2px solid currentColor;outline-offset:5px; }
.h360-navigation-hotspot::after { display:none; }
.h360-navigation-hotspot.has-destination-preview .h360-nav-caption { display:none; }
.h360-nav-plane { position:absolute;left:0;top:0;pointer-events:none; }
.h360-navigation-hotspot .h360-nav-svg,
#h360-admin-root .h360-navigation-hotspot .h360-nav-svg {
    display:block;width:100%!important;height:100%!important;overflow:visible;pointer-events:none;
    filter:drop-shadow(0 2px 2px #0009) drop-shadow(0 0 3px currentColor);
}
.h360-nav-svg .h360-nav-step { animation:h360-nav-flow var(--h360-nav-duration,1.65s) ease-in-out infinite; }
.h360-nav-svg .step-two { animation-delay:calc(var(--h360-nav-duration,1.65s) * -.67); }
.h360-nav-svg .step-three { animation-delay:calc(var(--h360-nav-duration,1.65s) * -.34); }
.h360-nav-svg .h360-nav-forward { animation:h360-nav-forward var(--h360-nav-duration,1.65s) ease-in-out infinite; }
.h360-nav-svg .h360-nav-turn { animation:h360-nav-turn var(--h360-nav-duration,1.65s) ease-in-out infinite; }
.h360-nav-svg .h360-nav-ring { transform-origin:12px 12px;animation:h360-nav-ring var(--h360-nav-duration,1.65s) ease-out infinite; }
.h360-navigation-hotspot[hidden] .h360-nav-svg * { animation-play-state:paused; }
.h360-nav-caption { position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);width:max-content;max-width:150px;padding:3px 8px;border:1px solid #ffffff44;border-radius:8px;background:#101820db;color:#fff;font-weight:600;font-size:11px;line-height:1.65;font-family:inherit;text-align:center;pointer-events:none;opacity:0; }
.h360-navigation-hotspot:hover .h360-nav-caption,.h360-navigation-hotspot:focus-visible .h360-nav-caption { opacity:1; }
@media(max-width:768px){.h360-navigation-hotspot.has-destination-preview .h360-nav-caption{display:block}.h360-navigation-hotspot .h360-nav-caption{opacity:1;font-size:10px;max-width:125px;}}
@keyframes h360-nav-flow { 0%,100%{opacity:.2;transform:translateY(1px)} 45%{opacity:1;transform:translateY(-1px)} }
@keyframes h360-nav-forward { 0%,100%{opacity:.65;transform:translateY(1px)} 55%{opacity:1;transform:translateY(-2px)} }
@keyframes h360-nav-turn { 0%,100%{opacity:.5} 50%{opacity:1} }
@keyframes h360-nav-ring { 0%{opacity:.85;transform:scale(.65)} 90%,100%{opacity:0;transform:scale(1.12)} }
@media(prefers-reduced-motion:reduce){.h360-nav-svg *{animation:none!important;opacity:1;transform:none;}}