.theme-grid .wx .wx-sub{text-transform:lowercase;margin:10px 0 0}.theme-grid .wx .wx-mute{color:var(--g-ink-2);opacity:.7}.theme-grid .wx .wx-now{flex-direction:column;gap:6px;display:flex}.theme-grid .wx .wx-now .gx-num{margin:4px 0 0}.theme-grid .wx .wx-now .gx-h3{min-height:1.3em;margin:0 0 10px}.theme-grid .wx .wx-now .gx-dl{margin-top:auto}.theme-grid .wx .wx-days-wrap{overflow-x:auto}.theme-grid .wx .wx-days{grid-template-columns:repeat(10,minmax(104px,1fr));margin:0;padding:0;list-style:none;display:grid}.theme-grid .wx .wx-day{border-left:var(--g-line);flex-direction:column;gap:4px;min-height:150px;padding:16px 14px;display:flex}.theme-grid .wx .wx-day:first-child{border-left:0}.theme-grid .wx .wx-day .gx-cap{margin:0 0 4px}.theme-grid .wx .wx-t{font:300 34px/1 var(--g-font)}.theme-grid .wx .wx-tn{color:var(--g-mute);font-size:15px}.theme-grid .wx .wx-sky{margin-top:auto;font-size:13.5px;font-weight:600;line-height:1.25}.theme-grid .wx .wx-mm{color:var(--g-mute);font-size:12.5px}.theme-grid .wx .wx-day.is-wet{background:var(--g-mint-2)}.theme-grid .wx .wx-chart-cell{flex-direction:column;gap:12px;display:flex}.theme-grid .wx .wx-chart{width:100%;height:auto;display:block}.theme-grid .wx .wx-col{cursor:pointer}.theme-grid .wx .wx-hit{fill:#0000}.theme-grid .wx .wx-col.is-on .wx-hit{fill:#26262612}.theme-grid .wx .wx-bar{stroke:var(--g-ink);stroke-width:1.5px}.theme-grid .wx .wx-bar.g3{fill:var(--g-mint)}.theme-grid .wx .wx-bar.g2{fill:var(--g-yellow)}.theme-grid .wx .wx-bar.g1{fill:var(--g-coral)}.theme-grid .wx .wx-axis{font:700 14px var(--g-font);fill:var(--g-ink);text-transform:uppercase;letter-spacing:.06em}.theme-grid .wx .wx-col.is-on .wx-axis{text-decoration:underline}.theme-grid .wx .wx-line{fill:none;stroke-width:3px;stroke-linejoin:round}.theme-grid .wx .wx-line--air{stroke:var(--g-ink)}.theme-grid .wx .wx-line--sea{stroke:var(--g-blue)}.theme-grid .wx .wx-dot{stroke:var(--g-ink);stroke-width:1.5px;pointer-events:none}.theme-grid .wx .wx-dot--air{fill:var(--g-paper)}.theme-grid .wx .wx-dot--sea{fill:var(--g-blue)}.theme-grid .wx .wx-legend{flex-wrap:wrap;gap:8px 18px;margin:0;font-size:13px;font-weight:600;display:flex}.theme-grid .wx .wx-legend i{border:1.5px solid var(--g-ink);vertical-align:0;width:18px;height:10px;margin-right:6px;display:inline-block}.theme-grid .wx .wx-legend .k-air{border-width:1.5px 0 0;border-top:3px solid var(--g-ink);height:0}.theme-grid .wx .wx-legend .k-sea{border-width:1.5px 0 0;border-top:3px solid var(--g-blue);height:0}.theme-grid .wx .wx-legend .k-rain{background:linear-gradient(90deg,var(--g-mint) 33%,var(--g-yellow) 33% 66%,var(--g-coral) 66%)}.theme-grid .wx .gx-stack article>.gx-h3{margin:4px 0 14px}.theme-grid .wx .wx-dl{margin-bottom:14px}.theme-grid .wx .wx-table tr.g3 th{background:var(--g-mint)}.theme-grid .wx .wx-table tr.g2 th{background:var(--g-yellow)}.theme-grid .wx .wx-table tr.g1 th{background:var(--g-coral)}.theme-grid .wx .gx-cell>.gx-h3+.gx-text{margin-top:10px}.theme-grid .wx .wx-link{color:var(--g-ink);flex-direction:column;gap:8px;padding-right:56px;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.theme-grid .wx .wx-link .gx-text{margin:0}.theme-grid .wx .wx-go{right:var(--g-pad);bottom:var(--g-pad);font:800 24px var(--g-font);position:absolute}.theme-grid .wx .wx-link:hover{background:var(--g-coral)}.theme-grid .wx .wx-src{color:var(--g-mute);margin:18px 0 0;font-size:12.5px}.theme-grid .wx .wx-src a{color:inherit}.theme-grid .wx #months>*{min-width:0}.theme-grid .wx .wx-cam{aspect-ratio:16/9;background:var(--g-ink)}.theme-grid .wx .wx-cam iframe{border:0;width:100%;height:100%;display:block}.theme-grid .wx .wx-cam-btn{background:var(--g-ink);width:100%;height:100%;color:var(--g-paper);font:800 clamp(18px,2vw,26px) var(--g-font);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.theme-grid .wx .wx-cam-btn small{opacity:.7;font-size:13px;font-weight:500}.theme-grid .wx .wx-cam-dot{background:var(--g-coral);border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 6px #ee7a504d}.theme-grid .wx .wx-cam-btn:hover .wx-cam-dot{box-shadow:0 0 0 10px #ee7a504d}.theme-grid .wx #cam>*{min-width:0}.theme-grid .wx #cam .gx-text+.gx-text{margin-top:10px}
