.spot-map-container{text-align:center;-webkit-user-select:none;user-select:none;overflow:auto}.spot-map-container:not(.is-zoomed) svg{max-height:400px}.spot-map-container.is-zoomed{overscroll-behavior:contain;cursor:grab}.spot-map-container.is-zoomed svg{width:200%!important;height:auto!important}@keyframes spot-map-pan-hint-fade{0%,60%{opacity:1}to{opacity:0}}.spot-map-pan-hint{animation:2.5s ease-out forwards spot-map-pan-hint-fade}.spot-map-container .spot{cursor:pointer}.spot-map-container .spot text{fill:var(--color-foreground)}.spot-map-container .spot :is(circle,ellipse,rect,polygon){fill:var(--color-white)!important;stroke:var(--color-foreground)!important}.spot-map-container .spot:focus{outline:none}.spot-map-container .spot:hover text,.spot-map-container .spot:focus-visible text,.spot-map-container .selected text{fill:var(--color-primary-foreground)}.spot-map-container .spot:hover :is(circle,ellipse,rect,polygon),.spot-map-container .spot:focus-visible :is(circle,ellipse,rect,polygon),.spot-map-container .selected :is(circle,ellipse,rect,polygon){fill:var(--color-primary)!important;stroke:var(--color-primary-outline)!important}.spot-map-container.is-readonly .spot{cursor:default}.spot-map-container.is-readonly .spot:not(.selected):hover text{fill:var(--color-foreground)}.spot-map-container.is-readonly .spot:not(.selected):hover :is(circle,ellipse,rect,polygon){fill:var(--color-white)!important;stroke:var(--color-foreground)!important}.spot-map-container .occupied{cursor:default}.spot-map-container .occupied text{fill:var(--color-muted-foreground)}.spot-map-container .occupied :is(circle,ellipse,rect,polygon){fill:var(--color-muted)!important;stroke:var(--color-border)!important}.spot-map-container .plant{fill:var(--color-green-500)}.spot-map-container.is-panning,.spot-map-container.is-panning .spot{cursor:grabbing}