:root {
  --bg: #071523;
  --panel-dark: rgba(7, 21, 35, 0.88);
  --ink: #0c2740;
  --muted: #8aa4b8;
  --line: rgba(255,255,255,0.10);
  --cyan: #58f6d2;
  --blue: #2b6ef3;
  --orange: #ff9f1c;
  --overlay-opacity: .76;
}
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; font-family: "Avenir Next", "Helvetica Neue", sans-serif; background: var(--bg); }
#map { position: absolute; inset: 0; }
.ocean-raster { position:absolute; inset:0; z-index:1; pointer-events:none; opacity:var(--overlay-opacity); mix-blend-mode: screen; filter: saturate(1.12) blur(.45px); }
.mapboxgl-canvas-container { position: relative; z-index: 0; }
.brand-mark { background: conic-gradient(from 220deg, #58f6d2, #2b6ef3, #ff9f1c, #58f6d2); }
.rail-btn { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: #bce8f2; background: rgba(255,255,255,.04); font-size: 17px; cursor: pointer; transition:.18s ease; }
.rail-btn.active, .rail-btn:hover { background: rgba(88,246,210,.18); color: #fff; transform: translateY(-1px); }
.rail-svg { width:18px; height:18px; margin:auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
body.sidebar-collapsed .layer-panel { transform: translateX(-390px); }
body.sidebar-collapsed .timeline-dock:not(.floating) { left: 80px; }
body.sidebar-collapsed .api-warning { left: 80px; }
.sidebar-scroll::-webkit-scrollbar { width: 8px; }
.sidebar-scroll::-webkit-scrollbar-thumb { background: rgba(88,246,210,.25); border-radius: 999px; }
.layer-group { margin-bottom: 14px; padding: 12px; border:1px solid rgba(255,255,255,.10); border-radius: 24px; background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); }
.layer-group h2 { margin: 0 0 10px; color: #bfefff; font-size: 11px; font-weight: 950; text-transform: uppercase; letter-spacing: .18em; }
.layer-row { display: grid; grid-template-columns: 24px 1fr auto auto; align-items: center; gap: 8px; margin: 7px 0; padding: 9px 10px; border-radius: 17px; color: #e9fbff; background: rgba(6, 20, 34, .72); border:1px solid rgba(255,255,255,.07); text-transform: none; letter-spacing: 0; cursor: pointer; transition:.16s ease; }
.layer-row:hover { background: rgba(13, 38, 60, .92); border-color: rgba(88,246,210,.22); transform: translateX(2px); }
.layer-row input { width: 18px; height: 18px; accent-color: var(--cyan); }
.layer-row span { font-size: 14px; font-weight: 900; }
.layer-row small { color: var(--muted); font-size: 11px; font-weight: 800; }
.report-btn { border:0; border-radius:999px; background:rgba(88,246,210,.15); color:#aefbed; font-size:10px; font-weight:900; padding:5px 8px; cursor:pointer; }
.report-btn:hover { background:#58f6d2; color:#082033; }
body.trends-open .trend-panel { display: block; }
body.voyage-open .voyage-panel { display:block; }
.trend-panel { overflow:hidden; background:linear-gradient(150deg, rgba(7,18,34,.98), rgba(9,31,53,.94) 56%, rgba(6,14,28,.98)) !important; box-shadow:0 28px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08); }
.trend-panel::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 12% 8%, rgba(88,246,210,.13), transparent 28%), radial-gradient(circle at 94% 24%, rgba(255,159,28,.12), transparent 26%), linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px); background-size:auto, auto, 30px 30px, 30px 30px; }
.trend-panel.floating { right:auto; }
.trend-header { position:relative; z-index:1; cursor:grab; }
.trend-header:active { cursor:grabbing; }
.trend-shell-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:22px 24px 10px; }
.trend-kicker { margin:0 0 6px; color:#7db8ff; font-size:10px; font-weight:950; letter-spacing:.24em; text-transform:uppercase; }
.trend-shell-head h2 { margin:0; color:#fff; font-size:28px; line-height:1.02; font-weight:950; letter-spacing:-.04em; }
.trend-shell-head p:not(.trend-kicker) { margin:8px 0 0; color:#8fa9bc; font-size:12px; font-weight:850; }
.trend-select { flex:0 0 auto; width:122px; border:1px solid rgba(255,255,255,.14); border-radius:20px; padding:11px 14px; background:rgba(255,255,255,.08); color:#fff; font-size:13px; font-weight:950; outline:none; }
.trend-stat-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; padding:8px 24px 12px; }
.trend-stat { min-width:0; padding:11px 12px; border:1px solid rgba(255,255,255,.10); border-radius:18px; background:rgba(255,255,255,.055); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.trend-stat small { display:block; color:#84a9bd; font-size:9px; font-weight:950; text-transform:uppercase; letter-spacing:.14em; }
.trend-stat b { display:block; margin-top:5px; color:#fff; font-size:16px; font-weight:950; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trend-stat.up b { color:#58f6d2; }
.trend-stat.down b { color:#ffb86b; }
.trend-chart-card { position:relative; z-index:1; margin:0 24px 12px; padding:13px; border:1px solid rgba(255,255,255,.09); border-radius:24px; background:rgba(2,9,20,.46); }
.trend-chart-toolbar { display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; color:#92adbf; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.trend-chart-toolbar span:last-child { color:#dff8ff; text-transform:none; letter-spacing:0; }
.trend-canvas-wrap { position:relative; z-index:1; border-radius:18px; background:linear-gradient(180deg, rgba(3,12,24,.70), rgba(8,28,48,.25)); cursor:crosshair; overflow:hidden; }
#trendChart { width:100%; height:250px; display:block; }
.trend-crosshair { position:absolute; top:0; bottom:0; width:1px; display:none; background:linear-gradient(to bottom, transparent, rgba(255,255,255,.58), transparent); pointer-events:none; z-index:2; }
.trend-tooltip { position:absolute; display:none; min-width:190px; max-width:250px; padding:10px 11px; border-radius:16px; background:rgba(3,12,24,.97); border:1px solid rgba(88,246,210,.34); color:#eaffff; font-size:11px; font-weight:850; line-height:1.4; box-shadow:0 18px 45px rgba(0,0,0,.45); pointer-events:none; transform:translate(-50%, calc(-100% - 12px)); z-index:3; }
.trend-tooltip b { display:block; color:#fff; font-size:13px; margin-bottom:4px; }
.trend-tooltip small { display:block; color:#9fb9ca; font-size:10px; font-weight:900; }
.trend-legend { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; padding:0 24px 10px; }
.trend-legend span { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px; background:rgba(255,255,255,.07); color:#cce7f3; font-size:10px; font-weight:900; }
.trend-legend i { width:9px; height:9px; border-radius:999px; box-shadow:0 0 14px currentColor; }
.trend-detail-grid { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 24px 12px; }
.trend-detail-card { min-width:0; padding:12px 13px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.09); }
.trend-detail-card.accent { background:rgba(255,159,28,.09); border-color:rgba(255,159,28,.18); }
.trend-detail-card small { display:block; color:#91adbf; font-size:9px; font-weight:950; text-transform:uppercase; letter-spacing:.12em; }
.trend-detail-card b { display:block; margin-top:5px; color:#fff; font-size:15px; font-weight:950; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trend-detail-card span { display:block; margin-top:3px; color:#abc4d4; font-size:11px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trend-insight { position:relative; z-index:1; margin:0 24px 10px; padding:12px 13px; border-radius:18px; background:rgba(88,246,210,.10); border:1px solid rgba(88,246,210,.18); color:#dff8ff; font-size:12px; font-weight:850; line-height:1.45; }
.provenance { position:relative; z-index:1; margin:0 24px 20px; padding:9px 11px; border-radius:14px; background:rgba(255,255,255,.07); color:#b8d6e3; font-size:11px; font-weight:750; }
.voyage-panel { display:none; position:absolute; right:20px; top:20px; bottom:20px; z-index:17; width:390px; max-height:calc(100dvh - 40px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(88,246,210,.42) rgba(255,255,255,.05); padding:16px; border:1px solid rgba(255,255,255,.11); border-radius:28px; background:linear-gradient(145deg, rgba(6,18,34,.96), rgba(9,32,54,.92)); color:#eaffff; box-shadow:0 28px 90px rgba(0,0,0,.48); backdrop-filter:blur(16px); }
.voyage-panel::-webkit-scrollbar { width:8px; }
.voyage-panel::-webkit-scrollbar-track { background:rgba(255,255,255,.04); border-radius:999px; }
.voyage-panel::-webkit-scrollbar-thumb { background:rgba(88,246,210,.32); border-radius:999px; }
.voyage-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:11px; }
.voyage-head p { margin:0 0 5px; color:#58f6d2; font-size:10px; font-weight:950; letter-spacing:.22em; text-transform:uppercase; }
.voyage-head h2 { margin:0; color:#fff; font-size:23px; line-height:1; font-weight:950; letter-spacing:-.03em; }
.voyage-head small { display:block; margin-top:6px; color:#9fb9ca; font-size:10px; font-weight:800; }
.voyage-head button { position:sticky; top:0; flex:0 0 auto; width:32px; height:32px; border:1px solid rgba(255,255,255,.15); border-radius:999px; background:rgba(7,21,35,.92); color:#fff; font-size:22px; font-weight:900; cursor:pointer; }
.voyage-wpp-badge { display:inline-flex; margin-top:8px; padding:5px 8px; border-radius:999px; border:1px solid rgba(88,246,210,.22); background:rgba(88,246,210,.09); color:#c9fff4; font-size:9px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.voyage-wpp-badge.warning { border-color:rgba(255,159,28,.32); background:rgba(255,159,28,.12); color:#ffe0a8; }
.voyage-date-card { display:grid; grid-template-columns:1fr 132px; gap:8px; align-items:center; margin:8px 0 9px; padding:9px 10px; border-radius:16px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.09); }
.voyage-date-mode { display:flex; flex-wrap:wrap; gap:6px; }
.voyage-date-mode label { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:5px 7px; background:rgba(2,10,22,.50); color:#bfefff; font-size:9px; font-weight:900; cursor:pointer; }
.voyage-date-mode input { accent-color:#58f6d2; }
.voyage-date-card input[type="date"] { width:100%; border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:7px 8px; background:rgba(2,10,22,.72); color:#fff; color-scheme:dark; font-size:11px; font-weight:850; outline:none; }
.voyage-date-card input[type="date"]:disabled { opacity:.5; }
.voyage-date-readout { grid-column:1 / -1; color:#87aebd; font-size:9px; font-weight:850; line-height:1.35; }
.voyage-grid.two { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.voyage-grid.operational { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.voyage-grid.operational label:last-child { grid-column:1 / -1; }
.voyage-grid label { color:#9fb9ca; font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.12em; }
.voyage-grid input, .voyage-grid select { width:100%; margin-top:4px; padding:8px 9px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(2,10,22,.72); color:#fff; font-size:12px; font-weight:850; outline:none; }
.voyage-grid input[readonly] { color:#9fb9ca; background:rgba(2,10,22,.42); }
.voyage-grid.compact { margin-top:8px; }
.voyage-actions { display:grid; grid-template-columns:1fr 1fr 1fr; gap:7px; margin-top:8px; }
.voyage-actions button, .voyage-primary { border:0; border-radius:14px; padding:9px; cursor:pointer; font-size:10px; font-weight:950; }
.voyage-actions button { background:rgba(255,255,255,.08); color:#cfefff; border:1px solid rgba(255,255,255,.09); }
.voyage-assumption-note { margin-top:7px; color:#87aebd; font-size:9px; font-weight:800; line-height:1.35; }
.voyage-checks { display:grid; gap:6px; margin-top:9px; padding:9px 10px; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
.voyage-checks label { display:flex; gap:8px; align-items:center; color:#bfefff; font-size:10px; font-weight:850; }
.voyage-checks input { accent-color:#58f6d2; }
.voyage-primary { width:100%; margin-top:10px; background:#58f6d2; color:#062033; box-shadow:0 14px 30px rgba(88,246,210,.18); }
.voyage-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:10px; }
.voyage-summary div { padding:9px; border-radius:15px; background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.09); }
.voyage-summary small { display:block; color:#8fa9bc; font-size:8px; font-weight:950; text-transform:uppercase; letter-spacing:.12em; }
.voyage-summary b { display:block; margin-top:4px; color:#fff; font-size:13px; font-weight:950; }
.voyage-warning-list { max-height:116px; overflow:auto; margin-top:9px; padding:9px 10px; border-radius:16px; background:rgba(255,159,28,.09); border:1px solid rgba(255,159,28,.18); color:#ffe7bf; font-size:10px; font-weight:800; line-height:1.4; }
.voyage-recommendation { margin-top:8px; padding:9px 10px; border-radius:15px; background:rgba(88,246,210,.09); border:1px solid rgba(88,246,210,.17); color:#dff8ff; font-size:10px; font-weight:820; line-height:1.4; }
.voyage-source { margin-top:8px; padding:8px 9px; border-radius:13px; background:rgba(255,255,255,.07); color:#b8d6e3; font-size:9px; font-weight:800; }
.voyage-field-label { display:inline-flex; align-items:center; gap:6px; }
.voyage-field-label svg { width:14px; height:14px; fill:none; stroke:#58f6d2; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.voyage-layer-group { border-color:rgba(88,246,210,.16); background:linear-gradient(180deg, rgba(88,246,210,.075), rgba(43,110,243,.045)); }
.voyage-layer-row { grid-template-columns:24px 1fr auto; }
.voyage-layer-row span { color:#dff8ff; }
.voyage-layer-row small { color:#78a9b8; }
.map-toolbar { position:absolute; right:18px; top:112px; z-index:15; display:flex; flex-direction:column; gap:7px; }
.map-toolbar button { position:relative; width:38px; height:38px; border-radius:15px; border:1px solid rgba(255,255,255,.14); background:rgba(7,21,35,.78); color:#eaffff; font-size:17px; font-weight:950; box-shadow:0 8px 22px rgba(0,0,0,.28); cursor:pointer; backdrop-filter:blur(10px); transition:.16s ease; }
.map-toolbar button:hover, .map-toolbar button.active { background:rgba(88,246,210,.22); border-color:rgba(88,246,210,.5); transform:translateX(-2px); }
.map-toolbar button::after { content: attr(data-tip); position:absolute; right:46px; top:50%; transform:translateY(-50%); padding:5px 8px; border-radius:999px; background:rgba(7,21,35,.88); color:#dff8ff; font-size:10px; white-space:nowrap; opacity:0; pointer-events:none; transition:.16s ease; }
.map-toolbar button:hover::after { opacity:1; }
.timeline-dock { position: absolute; left: 430px; right: 24px; bottom: 16px; z-index: 16; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border-radius: 26px; background: rgba(8, 28, 48, .92); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 20px 60px rgba(0,0,0,.34); backdrop-filter: blur(14px); transition:.18s ease; }
.timeline-dock.floating { right:auto; width:min(1260px, calc(100vw - 80px)); }
.timeline-dock.compact .granularity-tabs, .timeline-dock.compact .timeline-tools, .timeline-dock.compact #timelineLabels { display:none; }
.timeline-dock.compact { width: min(760px, calc(100vw - 96px)); }
.gfw-play { flex:0 0 auto; width: 50px; height: 50px; border-radius: 50%; background: var(--cyan); font-size: 18px; border:0; color:#082033; cursor:pointer; font-weight:950; box-shadow:0 10px 26px rgba(88,246,210,.2); }
.timeline-mini-btn, .handle-btn, .settings-btn { flex:0 0 auto; border:0; border-radius:999px; min-width:38px; height:38px; cursor:pointer; font-weight:950; }
.timeline-mini-btn, .handle-btn { background:rgba(255,255,255,.92); color:#082033; }
.drag-handle { cursor: grab; }
.drag-handle:active { cursor: grabbing; }
.settings-btn { background:rgba(255,255,255,.08); color:#eaffff; }
.granularity-tabs { flex:0 0 auto; display:flex; gap:2px; padding:4px; border-radius:999px; background:rgba(255,255,255,.08); }
.granularity-tabs button { border:0; border-radius:999px; padding:8px 12px; background:transparent; color:#9fb9ca; font-size:10px; font-weight:950; cursor:pointer; letter-spacing:.08em; }
.granularity-tabs button.active { background:#58f6d2; color:#082033; }
.timeline-track { position: relative; flex: 1 1 auto; min-width:180px; height: 38px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; cursor:pointer; }
.timeline-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: linear-gradient(90deg, rgba(88,246,210,.18), rgba(88,246,210,.92)); }
.timeline-marker { position: absolute; top: 50%; left: 0; width: 18px; height: 18px; border-radius: 50%; background: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 0 6px rgba(88,246,210,.2); }
.timeline-months { position:absolute; inset:0 18px; display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.38); font-size:10px; font-weight:950; letter-spacing:.08em; pointer-events:none; }
.time-readout { flex:0 0 auto; min-width: 146px; color: #eaffff; font-weight: 950; font-size: 13px; }
.timeline-settings { display:none; position:absolute; right:18px; bottom:76px; width:310px; padding:14px; border-radius:22px; background:rgba(7,21,35,.94); border:1px solid rgba(255,255,255,.12); color:#eaffff; box-shadow:0 20px 60px rgba(0,0,0,.34); }
.timeline-settings.open { display:block; }
.timeline-settings label { display:grid; grid-template-columns:70px 1fr 42px; gap:8px; align-items:center; margin-bottom:10px; font-size:11px; font-weight:900; color:#bfefff; }
.timeline-settings input { accent-color: var(--cyan); }
.date-range-fields { display:grid; grid-template-columns:48px 1fr; gap:8px; align-items:center; margin:10px 0; font-size:11px; font-weight:900; color:#bfefff; }
.date-range-fields input { width:100%; border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:7px 9px; background:#0d2137; color:#eaffff; color-scheme:dark; }
.timeline-actions { display:grid; grid-template-columns:1fr 78px; gap:8px; margin-bottom:8px; }
.timeline-settings button { width:100%; border:0; border-radius:14px; padding:9px; background:rgba(255,255,255,.09); color:#eaffff; font-weight:900; cursor:pointer; }
.timeline-settings button:hover { background:rgba(88,246,210,.18); }
.legend-stack { position: absolute; right: 18px; bottom: 118px; z-index: 15; display: flex; flex-direction: column; gap: 8px; width: 250px; }
.legend { padding: 9px 11px; border-radius: 16px; background: rgba(8, 28, 48, .80); color: #fff; border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.legend-title { display:flex; justify-content:space-between; font-size: 12px; font-weight: 950; margin-bottom: 6px; }
.legend-bar { height: 8px; border-radius: 999px; }
.legend-scale { display:flex; justify-content:space-between; margin-top:5px; color:#9fb9ca; font-size:10px; font-weight:900; }
.coordinate-readout { position:absolute; right:18px; top:18px; z-index:14; }
.api-warning { position: absolute; top: 18px; left: 526px; z-index: 30; max-width: 520px; display: none; padding: 10px 12px; border-radius: 12px; color: #ffe7bf; background: rgba(175, 88, 0, .75); font-size: 12px; }
.mapboxgl-popup { z-index: 18; }
.mapboxgl-popup-content { position:relative; background: rgba(8,28,48,.96) !important; color: #eaffff !important; border: 1px solid rgba(255,255,255,.12); border-radius: 18px !important; font-size: 12px; padding:12px 14px 14px !important; width:min(390px, calc(100vw - 32px)); max-height:min(520px, calc(100dvh - 330px)) !important; overflow-y:auto !important; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(88,246,210,.45) rgba(255,255,255,.08); }
.mapboxgl-popup-content::-webkit-scrollbar { width:8px; }
.mapboxgl-popup-content::-webkit-scrollbar-thumb { background:rgba(88,246,210,.35); border-radius:999px; }
.mapboxgl-popup-close-button { position:sticky !important; top:8px !important; right:auto !important; left:auto !important; float:none !important; z-index:20; display:grid !important; place-items:center; width:34px; height:34px; margin:0 0 8px auto !important; border:1px solid rgba(255,255,255,.32) !important; border-radius:999px; background:rgba(7,21,35,.98) !important; color:#fff !important; font-size:24px !important; font-weight:950 !important; line-height:1 !important; box-shadow:0 10px 26px rgba(0,0,0,.46), 0 0 0 1px rgba(88,246,210,.18); cursor:pointer; backdrop-filter:blur(10px); }
.mapboxgl-popup-close-button:hover { background:#58f6d2 !important; color:#082033 !important; transform:scale(1.05); }
.map-detail-popup { min-width:0; max-width:100%; padding-right:4px; }
.popup-kicker { color:#58f6d2; font-size:10px; font-weight:950; letter-spacing:.14em; text-transform:uppercase; margin-bottom:4px; }
.map-detail-popup h3 { margin:0 0 4px; color:#fff; font-size:16px; line-height:1.2; }
.popup-muted { color:#9fb9ca; font-size:11px; margin:4px 0 8px; }
.popup-section { margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.10); }
.popup-section > b { display:block; margin-bottom:6px; color:#dff8ff; font-size:12px; }
.popup-row { display:flex; justify-content:space-between; gap:16px; padding:3px 0; color:#b7cfdf; }
.popup-row b { color:#fff; font-weight:900; text-align:right; }
@media (max-width: 1100px) { .trend-panel { display: none; } .timeline-dock { left: 88px; } .layer-panel { width: 360px; } .granularity-tabs { display:none; } }