.map-controls{pointer-events:all;flex-direction:column;justify-self:flex-start;align-items:flex-start;gap:4px;display:flex;position:absolute;bottom:8px;left:8px}.map-controls .map-toggle{background-color:var(--bg-color);width:32px;box-shadow:0 2px 6px var(--black-a2)}.map-controls .map-toggle:hover{background-color:var(--bg-hover)}.map-controls .zoom-controls{pointer-events:all;background-color:var(--bg-color);border-radius:var(--border-radius);width:32px;box-shadow:0 2px 6px var(--black-a2);flex-direction:column;justify-content:center;justify-self:start;align-items:center;gap:2px;padding:2px;display:flex}.map-controls .zoom-controls .zoom-level{height:32px;font-size:var(--text-mini);color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.map-controls .compass{width:32px;height:32px}.map-controls .compass .compass-icon{transform-origin:50%;will-change:transform;width:24px;height:24px;transition:transform .2s ease-out}.map-settings-popover{grid-template-columns:1fr 1fr;gap:16px;padding:4px;display:grid}.map-settings-popover>button{min-height:48px}.map-settings-popover .style-button{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.map-settings-popover .style-button.active .style-thumb{border:2px solid var(--text-secondary)}.map-settings-popover .style-button.active span{font-weight:var(--bold)}.map-settings-popover .style-thumb{border-radius:var(--border-radius);border:1px solid var(--border-color);width:32px;height:32px}