:root{--panorama-marker-size:calc(var(--space-8) * 2);--panorama-marker-growth:1.3125;--panorama-marker-motion:220ms ease-out;--panorama-marker-rotation:2s;--panorama-marker-ring-opacity:72%;--panorama-marker-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7M12 19V5'/%3E%3C/svg%3E")}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring]{position:relative;display:block;width:var(--panorama-marker-size);height:var(--panorama-marker-size);min-width:var(--panorama-marker-size);min-height:var(--panorama-marker-size);padding:0;border:0;border-radius:50%;background:transparent;color:var(--red);box-shadow:none;transform:none;transition:none}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring]:before{content:"";position:absolute;inset:0;border-radius:inherit;color:color-mix(in srgb,currentColor var(--panorama-marker-ring-opacity),transparent);background:conic-gradient(from 15deg,currentColor 0deg 332deg,transparent 332deg 1turn);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--space-1) - .5px),var(--ink) calc(100% - var(--space-1)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--space-1) - .5px),var(--ink) calc(100% - var(--space-1)));animation:panorama-marker-ring-spin var(--panorama-marker-rotation) linear infinite;transition:scale var(--panorama-marker-motion);pointer-events:auto}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring] .live-hotspot-marker-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:auto;height:auto;font-size:0;color:currentColor;text-shadow:none;pointer-events:none}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring] .live-hotspot-marker-icon:before{content:"";width:var(--space-8);height:var(--space-8);border:0;background:currentColor;-webkit-mask:var(--panorama-marker-arrow) center /contain no-repeat;mask:var(--panorama-marker-arrow) center /contain no-repeat;transform:none}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring]:is(:hover,:focus-visible):not(.invalid):before{scale:var(--panorama-marker-growth)}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring].selected,.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring]:focus-visible{outline:calc(var(--space-1) / 2) solid currentColor;outline-offset:calc(var(--space-1) * 3)}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring].draft:before{background:repeating-conic-gradient(currentColor 0deg 18deg,transparent 18deg 28deg)}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring].invalid{color:var(--muted);cursor:not-allowed}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring].invalid:before{animation:none}.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring].dragging:before{animation-play-state:paused}@keyframes panorama-marker-ring-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.live-hotspot-marker.kind-transition[data-live-hotspot-shape=floor-ring]:before{animation:none;transition:none}}