.map-viewport-space{height:420px;min-width:0}.map-viewport{position:relative;inset:auto;display:flex;flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;isolation:isolate;border:1px solid rgb(var(--color-border));border-radius:.375rem;color:rgb(var(--color-foreground));background:rgb(var(--color-surface))}.map-viewport:modal{position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0}.map-viewport-toolbar{display:flex;justify-content:flex-end;flex:none;min-height:40px;border-bottom:1px solid rgb(var(--color-border))}.map-viewport-toolbar button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem}.map-viewport-content{position:relative;flex:1;min-height:0;min-width:0}.map-gesture-hint{position:absolute;z-index:650;top:50%;left:50%;transform:translate(-50%,-50%);width:-webkit-max-content;width:max-content;max-width:calc(100% - 2rem);padding:.75rem 1rem;border-radius:.375rem;color:white;background:rgb(0 0 0/.8);text-align:center;font-size:.875rem;pointer-events:none;opacity:0;transition:opacity .2s ease}.map-gesture-hint.is-visible{opacity:1}@media (prefers-reduced-motion:reduce){.map-gesture-hint{transition:none}}@media (min-width:801px){.map-viewport-space{height:600px}}