:root{--brand: #00437b;--brand-text: white;--brand-accent: color-mix(in oklab, var(--brand), aquamarine);--header-height: 48px;--header-background-color: #3b3c3f;--header-text-color: white;--footer-height: 20px;--footer-background-color: var(--header-background-color);--footer-text-color: color-mix(in srgb, var(--header-text-color), transparent 25%);--footer-link-color: color-mix(in oklab, var(--footer-text-color), blue 25%);--map-nav-offset: 12px;--map-nav-icon-size: 20px;--map-nav-button-size: 36px;--map-nav-background-color: white;--map-nav-text-color: #333;--opacity-10: color-mix(in srgb, currentColor 10%, transparent);--opacity-20: color-mix(in srgb, currentColor 20%, transparent);--border-width: 1px;--opacity-10-border: var(--border-width) solid var(--opacity-10);--opacity-20-border: var(--border-width) solid var(--opacity-20);--drop-shadow: drop-shadow(0 1px 2px var(--opacity-20)) drop-shadow(0 2px 4px var(--opacity-10));--drop-shadow-heavy: var(--drop-shadow) drop-shadow(0 4px 8px var(--opacity-10))}alkmaps-navigation{position:absolute;top:0;right:0;padding:var(--map-nav-offset);max-height:calc(100svh - var(--header-height) - var(--footer-height));box-sizing:border-box;overflow:auto;pointer-events:none}alkmaps-navigation>*{pointer-events:auto}