.oj-fog__stage svg{width:100%;height:auto;display:block}.oj-fog__stage svg text,.oj-fog__panel svg text{font-family:inherit;font-weight:700}.oj-fog__stars circle{fill:#e9f2fb}.oj-fog__moon{fill:#eef4fb}.oj-fog__sun{fill:#fff;stroke:var(--salmon);stroke-width:4px}.oj-fog__stratus rect,.oj-fog__stratus ellipse{fill:#dfe7ef}.oj-fog__runway{fill:#3b4754}.oj-fog__dash{fill:#f2f6fa}.oj-fog__hangar{fill:#52677a}.oj-fog__pole{stroke:#3b4754;stroke-width:3px;stroke-linecap:round}.oj-fog__sock{fill:var(--hot)}.oj-fog__sock-band{fill:#fff}.oj-fog__fog{fill:#eef2f6;stroke:#a9b9c8;stroke-width:1.5px}.oj-fog__clock rect{fill:#fff;stroke:var(--line);stroke-width:2px}.oj-fog__clock text{fill:var(--navy);font-size:16px}.oj-fog__chart{border-top:1px solid var(--line);background:#fff}.oj-fog__chart text{fill:var(--muted);font-size:14px}.oj-fog__plot{fill:#fff;stroke:var(--line);stroke-width:2px}.oj-fog__nightband{fill:#032e580a}.oj-fog__tick line{stroke:var(--line);stroke-width:1.5px}.oj-fog__band{fill:#a5f0fc66}.oj-fog__templine{fill:none;stroke:var(--navy);stroke-width:3.5px;stroke-linejoin:round}.oj-fog__dewline{fill:none;stroke:var(--royal);stroke-width:3px;stroke-dasharray:7 6}.oj-fog__sunrise{stroke:var(--deep);stroke-width:2px;stroke-dasharray:3 5}.oj-fog__stretch{fill:#8fa3b6}.oj-fog__stretch.is-stratus{fill:#c9d6e2}.oj-fog__cursor{stroke:var(--hot);stroke-width:2px}.oj-fog__cursor-dot{fill:#fff;stroke:var(--hot);stroke-width:3px}.oj-fog__time{font-weight:600!important}.oj-fog__unit{font-weight:700}.oj-fog__legend{border-top:1px solid var(--line);color:#2c3a47;background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0;padding:12px 16px 14px;font-size:14px;list-style:none;display:grid}.oj-fog__legend li{align-items:center;gap:10px;display:flex}.oj-fog__legend svg.oj-fog__swatch{flex:none;width:40px;height:12px;display:inline-block}.oj-fog__presets,.oj-fog__mode{gap:8px;display:grid}.oj-fog__presets>span,.oj-fog__mode>span{color:#3b4754;font-size:14px;font-weight:600}.oj-fog__mode .oj-switch{justify-self:start}.oj-fog__time-slider{border-top:1px solid var(--line);padding-top:12px}.oj-fog__buttons{justify-items:start;gap:10px;display:grid}.oj-fog__buttons .oj-ck-toggle{height:auto;min-height:44px;padding:8px 18px}.oj-lsim__readout.oj-fog__readout{grid-template-columns:repeat(2,minmax(0,1fr))}.oj-fog__readout dd.oj-fog__small{font-size:18px}.oj-fog__wind{gap:22px;display:grid}.oj-fog__wind-controls{justify-items:start;gap:12px;max-width:560px;display:grid}.oj-fog__wind-controls .oj-slider{width:100%}.oj-fog__pause{height:auto;min-height:44px;padding:8px 18px}.oj-fog__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.oj-fog__panel{border:1px solid var(--line);background:#fff;border-radius:20px;margin:0;overflow:hidden}.oj-fog__panel svg{width:100%;height:auto;display:block}.oj-fog__panel figcaption{color:#2c3a47;padding:12px 16px 0;font-size:15px}.oj-fog__state{color:var(--navy);min-height:3em;margin:6px 16px 16px;font-size:15px;font-weight:600}.oj-fog__night{fill:#0c2646}.oj-fog__dusk{fill:#5d7d9c}.oj-fog__land{fill:#223e5c}.oj-fog__sea{fill:#1a4977}.oj-fog__wave{fill:none;stroke:#73a2cf;stroke-width:1.5px}.oj-fog__streaks line{stroke:#e9f2fb;stroke-width:2px;stroke-linecap:round}.oj-fog__streaks path{fill:#e9f2fb}.oj-fog__label text{fill:#fff;font-size:14px}.oj-fog__label path{fill:#fff}.oj-fog__label .oj-fog__label-arrow{fill:none;stroke:#fff;stroke-width:2.5px}@media (max-width:760px){.oj-fog__pair{grid-template-columns:1fr}}@media (max-width:640px){.oj-fog__clock text{font-size:21px}.oj-fog__chart text{font-size:22px}.oj-fog__legend{grid-template-columns:1fr}.oj-fog__mode .oj-switch{justify-self:stretch}.oj-fog__mode .oj-switch button{flex:1;padding:10px 8px}}