.om-map-figure{margin:0 0 var(--space-lg, 1.5rem)}.ocean-map{--map-land: #8a949f;--map-land-fill: .16;--map-shelf: #b6c2ce;--map-shelf-fill: .5;--map-border: #4a525c;--map-border-state: #6b7480;--map-grid: #7f8c9b;--map-credit: #4c5865;--map-grid-label: #46525f;--map-grid-label-halo: rgba(255, 255, 255, .95);--map-casing: #0d1218;--map-casing-opacity: .4;--map-asset-edge: #10161d;--map-tiles: none;--map-currents: saturate(.6);--map-eez: saturate(.4) opacity(.8);--map-measure-halo: #ffffff;--map-here: #1d3a57;--map-here-halo: rgba(255, 255, 255, .85);--map-bathy: #97a2b3;--map-bathy-halo: rgba(9, 14, 21, .65);--map-coast: brightness(.55) contrast(1.3);--map-coast-halo: rgba(255, 255, 255, .6);--map-currents-blend: multiply;--map-figure-paper: #ffffff;--map-figure-ink: #1d232b;--map-figure-rule: #000000;--map-figure-rule-halo: rgba(255, 255, 255, .85);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;height:max(24rem,62svh);border:1px solid var(--border, #d6dbe0);border-radius:var(--radius, 4px);background:var(--bg-subtle, #f4f6f8);z-index:0}@media(min-width:48rem){.ocean-map{height:max(30rem,77.5svh)}}@media(max-width:47.999rem)and (orientation:portrait){.ocean-map{height:calc(max(24rem,62svh)/.8)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ocean-map{--map-land: #6f7b88;--map-land-fill: .22;--map-shelf: #55636f;--map-shelf-fill: .5;--map-border: #97a3b2;--map-border-state: #7d8896;--map-grid: #6d7a88;--map-credit: #aab4c2;--map-grid-label: #d7e0ea;--map-grid-label-halo: rgba(6, 12, 20, .95);--map-casing: #05080c;--map-casing-opacity: .55;--map-asset-edge: #05080c;--map-tiles: brightness(.62) saturate(.85) contrast(1.08);--map-currents: saturate(.55) brightness(1.15);--map-eez: saturate(.5) brightness(1.4);--map-bathy: #aab4c2;--map-bathy-halo: rgba(4, 8, 13, .7);--map-currents-blend: multiply;--map-measure-halo: #e8eef5;--map-figure-paper: #10151b;--map-figure-ink: #e8eef5}}:root[data-theme=dark] .ocean-map{--map-land: #6f7b88;--map-land-fill: .22;--map-shelf: #55636f;--map-shelf-fill: .5;--map-border: #97a3b2;--map-border-state: #7d8896;--map-grid: #6d7a88;--map-credit: #aab4c2;--map-grid-label: #d7e0ea;--map-grid-label-halo: rgba(6, 12, 20, .95);--map-casing: #05080c;--map-casing-opacity: .55;--map-asset-edge: #05080c;--map-tiles: brightness(.62) saturate(.85) contrast(1.08);--map-currents: saturate(.55) brightness(1.15);--map-eez: saturate(.5) brightness(1.4);--map-bathy: #aab4c2;--map-bathy-halo: rgba(4, 8, 13, .7);--map-currents-blend: multiply;--map-measure-halo: #ffffff;--map-figure-paper: #10151b;--map-figure-ink: #e8eef5}:root .ocean-map[data-basemap-tone=dark]{--map-bathy-halo: rgba(232, 238, 245, .5);--map-here: #cfe0f2;--map-here-halo: rgba(4, 9, 16, .9);--map-grid-label: #e6edf5;--map-grid-label-halo: rgba(4, 9, 16, .95);--map-coast: brightness(1.3) contrast(1.1);--map-coast-halo: rgba(9, 14, 21, .75)}.ocean-map[data-basemap-tone=light] .leaflet-tile-pane{filter:var(--map-tiles)}.ocean-map .map-land{stroke:var(--map-land);fill:var(--map-land);fill-opacity:var(--map-land-fill)}.ocean-map .map-two-center{pointer-events:none;background:none;border:0}.ocean-map .map-shelf{stroke:var(--map-shelf);fill:var(--map-shelf);fill-opacity:var(--map-shelf-fill)}.ocean-map .map-border-country{stroke:var(--map-border);stroke-opacity:.8;fill:none}.ocean-map .map-border-state{stroke:var(--map-border-state);stroke-opacity:.65;fill:none}.ocean-map .map-grid{stroke:var(--map-grid);paint-order:stroke;stroke-opacity:.9;stroke-opacity:.35;fill:none}.ocean-map .map-casing{stroke:var(--map-casing);stroke-opacity:var(--map-casing-opacity);fill:none}.ocean-map .map-asset{stroke:var(--map-asset-edge)}.ocean-map .map-measure-halo{stroke:var(--map-measure-halo, #ffffff);stroke-opacity:.85;fill:none}.ocean-map .map-here{stroke:var(--map-here-dot, #1a73e8);stroke-width:1;stroke-opacity:.4;fill:var(--map-here-dot, #1a73e8);fill-opacity:.12}.ocean-map .map-here-dot{stroke:var(--map-here-ring, #ffffff);stroke-width:4.5;fill:var(--map-here-dot, #1a73e8);fill-opacity:1;filter:drop-shadow(0 1px 2.5px rgba(9,14,21,.55))}.ocean-map .map-pin{stroke:var(--map-here, #1d3a57);stroke-width:2;fill:var(--map-here, #1d3a57);fill-opacity:.85;filter:drop-shadow(0 0 1.5px var(--map-here-halo, rgba(9, 14, 21, .65)))}.ocean-map .om-crosshair{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:33px;block-size:33px;margin-block-start:-17px;margin-inline-start:-17px;pointer-events:none;z-index:450;background:linear-gradient(var(--map-here, #1d3a57),var(--map-here, #1d3a57)) 50% 0 / 1px 13px no-repeat,linear-gradient(var(--map-here, #1d3a57),var(--map-here, #1d3a57)) 50% 100% / 1px 13px no-repeat,linear-gradient(var(--map-here, #1d3a57),var(--map-here, #1d3a57)) 0 50% / 13px 1px no-repeat,linear-gradient(var(--map-here, #1d3a57),var(--map-here, #1d3a57)) 100% 50% / 13px 1px no-repeat;filter:drop-shadow(0 0 1.5px var(--map-here-halo, rgba(9, 14, 21, .85)))}.ocean-map .leaflet-popup.om-below .leaflet-popup-tip-container{inset-block-start:-20px;inset-block-end:auto;transform:rotate(180deg)}.ocean-map .om-locate-control{display:flex;align-items:stretch}.ocean-map .om-locate-control a{display:flex;align-items:center;justify-content:center}.ocean-map .om-locate-control a.om-locating,.ocean-map .om-locate-control a.om-following{background:var(--accent, #1f6f8b);color:var(--accent-contrast, #ffffff)}.ocean-map .om-locate-note:not(:empty){display:flex;align-items:center;padding:0 var(--space-xs, .5rem);background:var(--bg, #ffffff);color:var(--text, #12181f);border-left:1px solid var(--border, #d6dbe0);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);white-space:nowrap}.ocean-map .measure-control{display:flex;align-items:stretch}.ocean-map .measure-control a{font-size:1rem}.ocean-map .measure-control a.active{background:var(--accent, #1f6f8b);color:var(--accent-contrast, #ffffff)}.ocean-map .measure-readout:not(:empty){display:flex;align-items:center;padding:0 var(--space-xs, .5rem);background:var(--bg, #ffffff);color:var(--text, #12181f);border-left:1px solid var(--border, #d6dbe0);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);white-space:nowrap}.ocean-map .om-point-readout dl{display:grid;grid-template-columns:max-content auto;gap:0 var(--space-xs, .5rem);margin:var(--space-2xs, .25rem) 0 0}.ocean-map .om-point-readout dt{color:var(--text-muted, #5b6672)}.ocean-map .map-currents{filter:var(--map-currents)}.ocean-map .map-eez{filter:var(--map-eez)}.ocean-map .map-coast{filter:var(--map-coast)}.ocean-map .leaflet-coast-pane{filter:drop-shadow(0 0 .6px var(--map-coast-halo))}.ocean-map .map-bathy{fill:none;stroke:var(--map-bathy);stroke-linecap:round;stroke-linejoin:round}.ocean-map .leaflet-bathy-pane{filter:drop-shadow(0 0 .6px var(--map-bathy-halo))}.ocean-map .leaflet-pane>svg{max-width:none;max-height:none}.ocean-map .leaflet-currents-raster-pane{mix-blend-mode:var(--map-currents-blend)}.om-fallback{padding:var(--space-md, 1rem);color:var(--text-muted, #5b6672)}figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs, .5rem) var(--space-md, 1rem);margin-block-start:var(--space-xs, .5rem);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);color:var(--text-muted, #5b6672)}.ocean-map-figure .om-key.sst:before,.om-key.sst:before{background:var(--sst-ramp);width:2.4em;border-radius:2px}.om-key.sst[hidden]{display:none}.om-particle-colors{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs, .25rem);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);color:var(--text-muted, #5b6672)}.om-particle-colors label{display:inline-flex;align-items:center;gap:.2rem}.om-field-controls{display:inline-flex;align-items:center;gap:var(--space-2xs, .25rem);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);color:var(--text-muted, #5b6672)}.om-field-controls[hidden]{display:none}.om-field-controls select,.om-field-controls input,.om-field-controls button{font:inherit;color:var(--text, #12181f);background:var(--bg, #ffffff);border:1px solid var(--border, #d6dbe0);border-radius:var(--radius, 4px);padding:.1rem .3rem}.om-field-controls input{width:4.5em}.om-field-controls button{cursor:pointer}.om-field-controls button:disabled{opacity:.5;cursor:default}.om-forecast-controls,.om-wsp-controls{display:inline-flex;align-items:center;gap:var(--space-3xs, .125rem);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);color:var(--text-muted, #5b6672)}.om-forecast-controls[hidden],.om-wsp-controls[hidden]{display:none}.om-forecast-controls button,.om-wsp-controls button{font:inherit;padding:0 var(--space-2xs, .25rem);border:1px solid var(--border, #d6dbe0);background:var(--bg, #ffffff);color:var(--text-muted, #5b6672);cursor:pointer}.om-forecast-controls button+button,.om-wsp-controls button+button{border-left:0}.om-forecast-controls button:first-of-type,.om-wsp-controls button:first-of-type{border-radius:var(--radius, 4px) 0 0 var(--radius, 4px)}.om-forecast-controls button:last-child,.om-wsp-controls button:last-child{border-radius:0 var(--radius, 4px) var(--radius, 4px) 0}.om-forecast-controls button.active,.om-wsp-controls button.active{background:var(--accent, #1f6f8b);border-color:var(--accent, #1f6f8b);color:var(--accent-contrast, #ffffff)}.om-forecast-controls button[data-coarser]:before{content:"~";opacity:.65;margin-right:.15em}.om-bathy-controls{display:inline-flex;align-items:center;gap:var(--space-2xs, .25rem);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);color:var(--text-muted, #5b6672)}.om-bathy-controls[hidden]{display:none}.om-bathy-controls label{display:inline-flex;align-items:center;gap:var(--space-2xs, .25rem)}.om-bathy-controls input{width:6em;accent-color:var(--accent, #1f6f8b)}.om-field-controls button:not(:disabled):hover,.om-field-controls button:not(:disabled):focus-visible{background:var(--bg-subtle, #f4f6f8)}.om-field-controls .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.om-legend{display:flex;flex-wrap:wrap;gap:var(--space-md, 1rem)}.om-key:before{content:"";display:inline-block;width:.7em;height:.7em;border-radius:50%;margin-inline-end:.4em}.om-key.storm:before{background:#d1495b}.om-key.usv:before{background:#f08c00}.om-key.oshen:before{background:#eb9bff}.om-key.glider:before{background:#e8368f}.om-key.argo:before{background:#ffd400;box-shadow:inset 0 0 0 1px #3d3000}.om-key.buoy:before{background:#fbefde;box-shadow:inset 0 0 0 1px #3a2c10}.om-key.tide:before{background:#4f4447;box-shadow:inset 0 0 0 1px #e8dfc8}.om-key.tropic:before{background:#b09993;box-shadow:inset 0 0 0 1px #2f262b}.om-key.ship:before{background:#f84305;box-shadow:inset 0 0 0 1px #1f1410;inline-size:.85em;block-size:.85em}.om-key.sonde:before{background:#eaff00;box-shadow:inset 0 0 0 1px var(--map-asset-edge)}.om-key-flow:before{border-radius:.15em;width:1.4em;background:var(--om-key-ramp, linear-gradient(90deg, #ecd7ab, #fcf2e3))}[data-flow-key]{display:inline-flex;gap:var(--space-s, .75rem)}[data-flow-key][hidden]{display:none}.ocean-map .leaflet-container{background:var(--bg-subtle, #f4f6f8);font-family:var(--font-sans, system-ui, sans-serif)}.ocean-map .leaflet-bar a,.ocean-map .leaflet-control-layers,.ocean-map .leaflet-popup-content-wrapper,html.om-pressing,html.om-pressing *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.ocean-map .om-layer-group>summary{cursor:pointer;font-weight:600;font-size:.92em;padding-block:.2em;list-style:none;opacity:.72}.ocean-map .om-layer-group>summary::-webkit-details-marker{display:none}.ocean-map .om-layer-group>summary:before{content:"▸";display:inline-block;inline-size:1em}.ocean-map .om-layer-group[open]>summary:before{content:"▾"}.ocean-map .om-layer-group>label{padding-inline-start:1em}.ocean-map .om-layer-group+.om-layer-group{margin-block-start:.2em}.ocean-map .leaflet-popup-content{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.ocean-map .leaflet-popup-tip{background:var(--bg, #ffffff);color:var(--text, #12181f);border-color:var(--border, #d6dbe0)}.ocean-map .leaflet-bar a:hover{background:var(--bg-subtle, #f4f6f8)}.ocean-map .om-place-menu .om-place-button{width:auto;min-inline-size:calc(6ch + 1rem);text-align:center;padding-inline:.5rem;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem)}.ocean-map .om-place-menu{position:relative;overflow:visible}.ocean-map .om-place-panel{position:absolute;inset-inline-start:calc(100% + .35rem);inset-block-start:0;z-index:1000;min-inline-size:13rem;max-block-size:max(12rem,min(70svh,26rem));overflow-y:auto;padding:.25rem;background:var(--bg, #fff);border:1px solid var(--border, #d6dbe0);border-radius:.35rem;box-shadow:0 6px 18px #0000002e}.ocean-map .om-place-panel[hidden]{display:none}.ocean-map .om-place-item{display:block;inline-size:100%;appearance:none;-webkit-appearance:none;padding:.3rem .5rem;border:0;border-radius:.25rem;background:none;color:var(--text, #12181f);font:inherit;font-size:var(--text-sm, .875rem);text-align:start;cursor:pointer}.ocean-map .om-place-item:hover,.ocean-map .om-place-item:focus-visible{background:var(--bg-subtle, #f4f6f8)}.ocean-map .om-place-item[role=menuitemcheckbox]{padding-inline-start:1.5rem;position:relative}.ocean-map .om-place-item.om-place-checked:before{content:"✓";position:absolute;inset-inline-start:.45rem;font-weight:700}.ocean-map .om-place-item.om-place-checked{background:var(--bg-subtle, #f4f6f8);font-weight:600}.ocean-map .om-place-item.om-place-divide{margin-block-end:.25rem;padding-block-end:.45rem;border-block-end:1px solid var(--border, #d6dbe0)}.ocean-map .leaflet-popup-content{line-height:1.45}.ocean-map .leaflet-popup-content .muted{color:var(--text-muted, #5b6672)}.ocean-map .leaflet-tooltip.map-hover{background:var(--bg, #ffffff);color:var(--text, #12181f);border:1px solid var(--border, #d6dbe0);border-radius:var(--radius, 4px);box-shadow:0 1px 3px #0000002e;padding:.15rem .4rem;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);line-height:1.3;white-space:nowrap;pointer-events:none}.ocean-map .leaflet-tooltip.map-hover:before{display:none}.ocean-map .leaflet-popup-content dl.ocean{border-top:1px solid var(--border, #d6dbe0);padding-top:var(--space-2xs, .25rem);margin-top:var(--space-2xs, .25rem)}.ocean-map .leaflet-popup-content dl{display:grid;grid-template-columns:max-content auto;gap:.1rem var(--space-sm, .75rem);margin-block:var(--space-xs, .5rem);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem)}.ocean-map .leaflet-popup-content dt{color:var(--text-muted, #5b6672);white-space:nowrap}.ocean-map .leaflet-popup-content dd{margin:0;min-inline-size:0;overflow-wrap:break-word}.ocean-map .leaflet-control-attribution{background:var(--bg, #ffffff);color:var(--text-muted, #5b6672)}.ocean-map .leaflet-control-attribution a{color:var(--accent, #1f6f8b)}.ocean-map .leaflet-control-scale-line{background:var(--bg, #ffffff);color:var(--text-muted, #5b6672);border-color:var(--border, #d6dbe0);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.ocean-map-figure .om-vh,.om-kmz-controls .om-vh,.om-legend .om-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.om-kmz-controls{display:inline-flex;align-items:center;gap:var(--space-2xs, .25rem);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);color:var(--text-muted, #5b6672)}.om-kmz-controls label{display:inline-flex;align-items:center;gap:var(--space-2xs, .25rem)}.om-kmz-add{cursor:pointer;padding:.1rem .45rem;border:1px solid var(--border, #d6dbe0);border-radius:var(--radius, 4px);background:var(--bg, #ffffff);color:var(--text, #12181f);white-space:nowrap}.om-kmz-add:hover{background:var(--bg-subtle, #f4f6f8)}.om-kmz-add:focus-within{outline:2px solid var(--accent, #1f6feb);outline-offset:2px}.om-kmz-url{display:inline-flex;align-items:center;gap:var(--space-2xs, .25rem);min-inline-size:0}.om-kmz-url input{inline-size:14ch;min-inline-size:0;padding:.1rem .35rem;border:1px solid var(--border, #d6dbe0);border-radius:var(--radius, 4px);background:var(--bg, #ffffff);color:var(--text, #12181f);font:inherit}.om-kmz-url button,.om-kmz-clear{appearance:none;cursor:pointer;padding:.1rem .45rem;border:1px solid var(--border, #d6dbe0);border-radius:var(--radius, 4px);background:var(--bg, #ffffff);color:var(--text, #12181f);font:inherit;white-space:nowrap}.om-kmz-url button:hover,.om-kmz-clear:hover{background:var(--bg-subtle, #f4f6f8)}.om-kmz-url button:disabled{cursor:progress;opacity:.6}.om-kmz-list[hidden]{display:none}.om-kmz-item{display:inline-flex;align-items:center;gap:.15rem;margin-left:var(--space-2xs, .25rem);padding:0 .2rem;border:1px solid var(--border, #d6dbe0);border-radius:var(--radius, 4px)}.om-kmz-item button{font:inherit;line-height:1;color:var(--text-muted, #5b6672);background:none;border:0;padding:0 .1rem;cursor:pointer}.om-kmz-item button:hover{color:var(--text, #12181f)}.om-kmz-note:empty{display:none}.om-kmz-note{display:block;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);color:var(--text-muted, #5b6672)}.om-kmz-folder{color:var(--text-muted, #5b6672)}.ocean-map .map-grid-label{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.6875rem;line-height:1;color:var(--map-grid-label, #46525f);text-shadow:0 0 2px var(--map-grid-label-halo, rgba(255, 255, 255, .95)),0 0 4px var(--map-grid-label-halo, rgba(255, 255, 255, .95));white-space:nowrap;pointer-events:none}.ocean-map .map-grid-label>span{position:absolute}.ocean-map .map-grid-label-lat>span{transform:translateY(-140%)}.ocean-map .map-grid-label-lon>span{transform:translate(-50%,-140%)}.ocean-map{--om-lon-lane: 1rem}.ocean-map .leaflet-bottom .leaflet-control-scale{margin-bottom:calc(var(--om-lon-lane, 1rem) + 6px)}.om-credit{margin:.35rem 0 0;font-size:var(--text-xs, .8125rem);line-height:1.45;color:var(--map-credit, #4c5865)}.om-credit .leaflet-control-attribution{background:none;box-shadow:none;margin:0;padding:0;font-size:inherit;line-height:inherit;color:inherit}.om-credit .leaflet-control-attribution a{color:var(--link, #1b4f72)}.om-key-scalar:before{background:var(--sst-ramp, linear-gradient(to right, #2c7fb8, #edf8b1))}[data-sst-key]{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs, .5rem);align-items:center}.om-share,.om-share-fallback{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);appearance:none;-webkit-appearance:none;padding:.1rem .4rem;color:var(--text, #12181f);background:var(--bg, #ffffff);border:1px solid var(--border, #d6dbe0);border-radius:var(--radius, 4px)}.om-share{cursor:pointer}.om-share:hover,.om-share:focus-visible{background:var(--bg-subtle, #f4f6f8)}.om-share-fallback{inline-size:min(22rem,100%)}.om-field-controls-row{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs, .5rem);align-items:center}.om-field-name{font-size:var(--text-sm, .875rem);color:var(--text-muted, #5b6672);padding-inline-end:.4rem}.om-field-name-short{display:none}.om-particle-speed{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-sm, .875rem);color:var(--map-credit, #4c5865)}.om-particle-speed label{display:inline-flex;align-items:center;gap:.3rem}.om-particle-speed input[type=range]{inline-size:5rem}.om-speed-readout{font-variant-numeric:tabular-nums;inline-size:4.5rem;padding-inline-end:.5rem;text-align:end;flex:0 0 auto}.om-particle-speed label{flex:0 0 auto}.om-speed-name{color:var(--map-credit, #4c5865);inline-size:4.6rem;padding-inline-end:.4rem;flex:0 0 auto}.om-radar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.om-radar-controls .om-key{display:flex;align-items:center;gap:.5rem;flex:1 1 auto;min-inline-size:0}.om-radar-controls .om-key:before{content:none}.om-radar-controls input[type=range]{flex:1 1 6rem;min-inline-size:3rem;margin:0}.om-radar-controls .om-speed-readout{inline-size:auto;padding-inline-end:0;white-space:nowrap;flex:0 0 auto}.om-tints{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-inline-end:.9rem}@media(max-width:47.999rem){.om-kmz-controls{display:flex;flex-wrap:wrap}.om-kmz-url{inline-size:100%}.om-kmz-url input{flex:1 1 auto}.om-tints,.om-particle-speed label{flex:1 0 100%}.om-tints{margin-inline-end:0}.om-field-name-long{display:none}.om-field-name-short{display:inline}.om-field-controls{flex-wrap:wrap;gap:.2rem}.om-field-controls select{min-inline-size:0;flex:1 1 4.5rem;max-inline-size:8rem}.om-field-controls input{width:3.4em}}.om-tint-name{inline-size:4.6rem;padding-inline-end:.4rem;flex:0 0 auto;color:var(--map-credit, #4c5865)}.om-tint{appearance:none;-webkit-appearance:none;inline-size:1.1rem;block-size:1.1rem;padding:0;margin:0;border:1px solid var(--map-credit, #4c5865);border-radius:50%;background-color:var(--om-tint, transparent);background-image:none;cursor:pointer;flex:0 0 auto}.om-tint-auto{background:linear-gradient(135deg,transparent 44%,currentColor 44%,currentColor 56%,transparent 56%),var(--om-tint, transparent)}.om-tint.is-chosen{outline:2px solid currentColor;outline-offset:1px}.om-tint:disabled{cursor:default;opacity:.4}.om-tints[hidden],.om-particle-speed label[hidden],.om-particle-colors[hidden],.om-particle-speed[hidden],.om-field-controls[hidden],.om-field-controls-row[hidden],.om-key[hidden],.om-radar-controls[hidden],[data-layer-key][hidden],[data-sst-key][hidden],[data-flow-key][hidden]{display:none}.ocean-map .om-brand{pointer-events:none;user-select:none;margin:0 8px calc(var(--om-lon-lane, 1rem) + 6px) 0;padding:2px 9px 3px;border-radius:4px;font-family:var(--om-brand-font, "Chakra Petch", ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.8rem;font-weight:700;font-variant-caps:all-small-caps;text-transform:uppercase;letter-spacing:.14em;text-indent:.14em;line-height:1.25;white-space:nowrap;color:#1b2530;background:color-mix(in srgb,#ffffff 46%,transparent);border:1px solid color-mix(in srgb,#1b2530 22%,transparent);text-shadow:0 1px 0 color-mix(in srgb,#ffffff 55%,transparent)}.ocean-map[data-basemap-tone=dark] .om-brand{color:#eef3f8;background:color-mix(in srgb,#0b1219 46%,transparent);border-color:color-mix(in srgb,#eef3f8 26%,transparent);text-shadow:0 1px 2px color-mix(in srgb,#000000 65%,transparent)}@supports not (background: color-mix(in srgb,red 50%,transparent)){.ocean-map .om-brand{background:#ffffff75;border-color:#1b253038}.ocean-map[data-basemap-tone=dark] .om-brand{background:#0b121975;border-color:#eef3f842}}.om-rotate-row{display:inline-flex;align-items:center;gap:var(--space-xs, .5rem);flex-wrap:wrap}.om-rotate-row[hidden]{display:none}.om-rotate{display:inline-flex;align-items:center;gap:var(--space-2xs, .25rem);min-inline-size:0}.om-rotate input[type=range]{inline-size:7rem;min-inline-size:0;accent-color:var(--accent, #1f6feb)}.om-rotate-at{inline-size:3.5rem;font-variant-numeric:tabular-nums;text-align:end}@media(max-width:47.999rem){.om-rotate-row{display:flex;inline-size:100%}.om-rotate{flex:1 1 auto}.om-rotate input[type=range]{flex:1 1 auto;inline-size:auto}}