.map-example.svelte-jpn033{--example-background:var(--sl-color-bg,#fff);--example-border:var(--sl-color-gray-5,#bac4c8);--example-text:var(--sl-color-text,#182a2f);--example-muted:var(--sl-color-gray-3,#495c62);--example-accent:var(--sl-color-accent,#ff56ba);color:var(--example-text);font-family:inherit}.map-panel.svelte-jpn033{border:1px solid var(--example-border);border-top-width:var(--example-panel-top-border,1px);border-radius:var(--example-panel-radius,14px);background:var(--example-background);position:relative;overflow:hidden;box-shadow:0 3px 12px #00000008}.map.svelte-jpn033{isolation:isolate;background:#e7eff2;width:100%}.map.svelte-jpn033:focus-visible{outline:2px solid var(--example-accent);outline-offset:-2px}.map.svelte-jpn033:not(.positioned) .maplibregl-canvas,.map.svelte-jpn033:not(.positioned) .leaflet-pane,.map.svelte-jpn033:not(.positioned) .ol-viewport{visibility:hidden}.loading.svelte-jpn033{border:1px solid var(--example-border);background:var(--example-background);border-radius:4px;align-items:center;gap:.375rem;margin:0;padding:.25rem .5rem;font-size:.75rem;line-height:1.5;display:flex;position:absolute;top:1rem;left:1rem}.map.svelte-jpn033 .ol-zoom{left:auto;right:.5em}.loading.svelte-jpn033 img{width:1rem;height:1rem;display:block}[data-theme=dark] .loading.svelte-jpn033 img{filter:invert()}.controls.svelte-jpn033{border-top:1px solid var(--example-border);gap:1rem;padding:1.25rem;display:grid}label.svelte-jpn033{font-size:.75rem;font-weight:500;display:block}input.svelte-jpn033,button.svelte-jpn033{font:inherit}input.svelte-jpn033:not([type=range]),button.svelte-jpn033{border:1px solid var(--example-border);color:var(--example-text);background:var(--example-background);border-radius:8px;padding:.625rem .75rem}input.svelte-jpn033:focus-visible,button.svelte-jpn033:focus-visible{outline:2px solid var(--example-accent);outline-offset:2px}button.svelte-jpn033{cursor:pointer}button.svelte-jpn033:hover{background:color-mix(in srgb, var(--example-accent) 8%, var(--example-background))}button.svelte-jpn033:disabled{opacity:.5;cursor:default}.url-input.svelte-jpn033{gap:.5rem;margin-top:.25rem;display:flex}.example-control.svelte-jpn033 label:where(.svelte-jpn033),.setting-control.svelte-jpn033 label:where(.svelte-jpn033){margin-bottom:.25rem}.example-label.svelte-jpn033{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.example-title.svelte-jpn033{font-weight:600}.example-institution.svelte-jpn033{opacity:.75;font-weight:400}.url-input.svelte-jpn033 input:where(.svelte-jpn033){width:100%;min-width:0;font-family:var(--sl-font-mono,monospace);font-size:.75rem}.load.svelte-jpn033{border-color:color-mix(in srgb, #ff56ba 55%, var(--example-border));background:color-mix(in srgb, #ff56ba 10%, var(--example-background));color:#ff56ba;white-space:nowrap;flex-shrink:0;padding-inline:1rem;font-size:.875rem;font-weight:600;transition:background-color .12s,border-color .12s}.load.svelte-jpn033:hover{background:color-mix(in srgb, #ff56ba 20%, var(--example-background));border-color:#ff56ba}.load.svelte-jpn033:active{background:color-mix(in srgb, #ff56ba 28%, var(--example-background))}.controls.svelte-jpn033 [data-slot=select-trigger]{border:1px solid var(--example-border);background:var(--example-background);width:100%;min-width:0;height:auto;min-height:2.625rem;color:var(--example-text);box-shadow:none;border-radius:8px;padding:.625rem .75rem;font-size:.875rem}.map-settings.svelte-jpn033{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.map-settings.svelte-jpn033>label:where(.svelte-jpn033),.map-settings.svelte-jpn033>.setting-control:where(.svelte-jpn033){min-width:0}.opacity-control.svelte-jpn033 span:where(.svelte-jpn033){justify-content:space-between;display:flex}.opacity-control.svelte-jpn033 input:where(.svelte-jpn033){width:100%;height:2.625rem;accent-color:var(--example-accent);margin:.25rem 0 0;display:block}.map-footer.svelte-jpn033{border-top:1px solid var(--example-border);color:var(--example-muted);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:.75rem;display:flex}.reset.svelte-jpn033{align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;display:flex}.controls.svelte-jpn033{container-type:inline-size}@container (width<=30rem){.map-settings.svelte-jpn033{grid-template-columns:repeat(2,minmax(0,1fr))}.opacity-control.svelte-jpn033{grid-column:1/-1}}.feedback.svelte-jpn033{font-size:.875rem}.feedback.svelte-jpn033:has(.error:where(.svelte-jpn033)){margin-block:.75rem}.error.svelte-jpn033{margin-inline-end:.75rem}.visually-hidden.svelte-jpn033{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.source.svelte-mffos4{margin-top:1rem}p.svelte-mffos4{margin:.75rem 0;font-size:.875rem}.example-switcher.svelte-1k0locm{--example-panel-radius:0 0 14px 14px;--example-panel-top-border:0}.library-selector.svelte-1k0locm{border:1px solid var(--sl-color-gray-5,#bac4c8);background:var(--sl-color-bg,#fff);border-radius:14px 14px 0 0;display:flex;overflow:hidden}button.svelte-1k0locm{min-width:0;color:var(--sl-color-gray-3,#495c62);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:.75rem .5rem;font-size:.875rem;position:relative}button.svelte-1k0locm:hover{background:color-mix(in srgb, var(--sl-color-text,#182a2f) 5%, var(--sl-color-bg,#fff))}button[aria-selected=true].svelte-1k0locm{color:var(--sl-color-text,#182a2f);font-weight:600}button[aria-selected=true].svelte-1k0locm:after{content:"";background:#ff56ba;height:2px;position:absolute;bottom:0;left:20%;right:20%}button.svelte-1k0locm:focus-visible{outline:2px solid var(--sl-color-accent,#ff56ba);outline-offset:-3px}
