.telemetry{background:#102f31;color:#fff}.telemetry-head{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end;margin-bottom:2.5rem}.telemetry-head h2{margin-bottom:0}.telemetry-info{justify-self:end;max-width:560px}.telemetry-info>p:first-child{color:#d1e2e2}.lanzarote-clock{margin:1.4rem 0 .25rem;font-size:1rem}.lanzarote-clock strong{font-family:"Manrope",sans-serif;font-size:1.35rem}.telemetry-status{margin:0;color:#b9d5d6}.telemetry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.17)}.telemetry-card{border:0;color:#fff;text-align:left;font:inherit;background:#102f31;padding:2rem;min-height:185px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:background .2s,transform .2s}.telemetry-card:hover,.telemetry-card:focus-visible{background:#174b51;outline:2px solid #e7aa60;outline-offset:-2px}.telemetry-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#b9d5d6}.telemetry-card strong{font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1.1;letter-spacing:-.04em}.telemetry-card small{color:#b9d5d6}.telemetry-card.unavailable strong{font-size:1rem;letter-spacing:0;color:#a9bbbb;font-family:"DM Sans",sans-serif}.telemetry-card.rain-yes{background:#174b51}.telemetry-dialog{width:min(1100px,94vw);max-height:92vh;border:0;border-radius:1.5rem;padding:2rem;background:#f6f4ee;color:#132a2b;box-shadow:0 32px 100px rgba(0,0,0,.4)}.telemetry-dialog::backdrop{background:rgba(4,20,21,.78)}.telemetry-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:2rem}.telemetry-dialog-head h3{font-size:clamp(2rem,4vw,3.4rem);margin:.3rem 0 1rem}.telemetry-dialog-close,.telemetry-range button{border:1px solid rgba(19,42,43,.2);background:#fff;color:#132a2b;border-radius:50%;width:2.7rem;height:2.7rem;font-size:1.25rem;cursor:pointer}.telemetry-periods{display:flex;gap:.35rem;background:#e4ebea;padding:.35rem;border-radius:999px;width:max-content}.telemetry-periods button{border:0;background:transparent;padding:.65rem 1.35rem;border-radius:999px;font:inherit;cursor:pointer}.telemetry-periods button.active{background:#132a2b;color:#fff}.telemetry-range{display:grid;grid-template-columns:2.7rem 1fr 2.7rem;gap:1rem;align-items:center;margin:1.4rem 0}.telemetry-range strong{text-align:center;font-size:1.1rem}.telemetry-range button:disabled{opacity:.28;cursor:not-allowed}.telemetry-chart-wrap{position:relative;min-height:380px;background:#fff;border:1px solid rgba(19,42,43,.13);border-radius:1rem;padding:.5rem}.telemetry-chart{width:100%;height:auto;display:block}.telemetry-chart .grid{stroke:#d9e2e1;stroke-width:1}.telemetry-chart .axis-label{fill:#667778;font-size:13px}.telemetry-chart .line{fill:none;stroke:#0d5158;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.telemetry-chart .area{fill:rgba(13,81,88,.1)}.telemetry-chart .dot{fill:#e7aa60;stroke:#fff;stroke-width:2}.telemetry-chart-message{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#667778}.telemetry-chart-note{margin:1rem 0 0;color:#56696a;font-size:.9rem}@media(max-width:900px){.telemetry-head{grid-template-columns:1fr}.telemetry-info{justify-self:start}.telemetry-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.telemetry-grid{grid-template-columns:1fr}.telemetry-card{min-height:145px}.telemetry-dialog{padding:1.1rem}.telemetry-periods{width:100%}.telemetry-periods button{flex:1}.telemetry-chart-wrap{min-height:280px;overflow-x:auto}.telemetry-chart{min-width:680px}}