.sun-arc{gap:.25rem;min-width:0;display:grid}.sun-arc-frame{height:9.5rem;margin-top:1.5rem;position:relative}.sun-arc-svg{width:100%;height:100%;display:block;overflow:visible}.sun-arc-night{fill:color-mix(in srgb, var(--bn-ink) 7%, transparent)}.sun-arc-fill{fill:color-mix(in srgb, var(--bn-section) 12%, transparent)}.sun-arc-line{fill:none;stroke:color-mix(in srgb, var(--bn-section) 45%, transparent);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.sun-arc-walked{fill:none;stroke:var(--bn-section);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.sun-arc-horizon{stroke:var(--bn-border);stroke-width:1.5px;vector-effect:non-scaling-stroke}.sun-arc-sun{border-radius:var(--radius-pill);background-image:radial-gradient(circle at 40% 35%, var(--bn-weather-sun0), var(--bn-weather-sun1) 55%, var(--bn-weather-sun2));width:1.5rem;height:1.5rem;box-shadow:0 0 0 5px color-mix(in srgb, var(--bn-section) 20%, transparent);pointer-events:none;margin:-.75rem 0 0 -.75rem;position:absolute}.sun-arc-sun[data-up=false]{opacity:.5}.sun-arc-marks{height:2.75rem;position:relative}.sun-arc-mark{white-space:nowrap;justify-items:center;display:grid;position:absolute;top:.25rem;transform:translate(-50%)}.sun-arc-mark-time{color:var(--bn-ink);font-weight:800}.sun-arc-axis{justify-content:space-between;display:flex}
.conditions-tide-chart-wrap{gap:.25rem;padding-top:1.5rem;display:grid}.conditions-tide-chart{aspect-ratio:320/136}.conditions-tide-svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.conditions-tide-night{fill:var(--bn-tone);opacity:.6}.conditions-tide-fill{fill:color-mix(in srgb, var(--bn-section) 18%, transparent)}.conditions-tide-line{fill:none;stroke:var(--bn-section);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.conditions-tide-labels{pointer-events:none;position:absolute;inset:0}.conditions-tide-label{white-space:nowrap;padding-bottom:.25rem;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.conditions-tide-label[data-kind=low]{padding:.25rem 0 0;transform:translate(-50%)}.conditions-tide-axis{justify-content:space-between;display:flex}.conditions-tide-turns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.conditions-tide-turns li[data-past]{opacity:.55}
.uv-section{display:contents}.uv-section[data-uv-band=none] .conditions-section[data-section=uv]{--bn-section:var(--bn-muted)}.uv-section[data-uv-band=low] .conditions-section[data-section=uv]{--bn-section:var(--bn-uv-low)}.uv-section[data-uv-band=moderate] .conditions-section[data-section=uv]{--bn-section:var(--bn-uv-moderate)}.uv-section[data-uv-band=high] .conditions-section[data-section=uv]{--bn-section:var(--bn-uv-high)}.uv-section[data-uv-band=very-high] .conditions-section[data-section=uv]{--bn-section:var(--bn-uv-very-high)}.uv-section[data-uv-band=extreme] .conditions-section[data-section=uv]{--bn-section:var(--bn-uv-extreme)}.uv-bar,.uv-scale-bar{background-color:var(--bn-tone)}.uv-bar[data-band=low],.uv-scale-bar[data-band=low]{background-color:var(--bn-uv-low)}.uv-bar[data-band=moderate],.uv-scale-bar[data-band=moderate]{background-color:var(--bn-uv-moderate)}.uv-bar[data-band=high],.uv-scale-bar[data-band=high]{background-color:var(--bn-uv-high)}.uv-bar[data-band=very-high],.uv-scale-bar[data-band=very-high]{background-color:var(--bn-uv-very-high)}.uv-bar[data-band=extreme],.uv-scale-bar[data-band=extreme]{background-color:var(--bn-uv-extreme)}.uv-chart{margin-top:1.5rem}.uv-plot{align-items:stretch;gap:.25rem;height:9.5rem;display:flex}.uv-col{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:.125rem;min-width:0;display:flex}.uv-value{height:1.125rem;color:var(--bn-ink);font-weight:700;line-height:1.125rem}.uv-bar{width:100%;height:max(.25rem, calc((100% - 1.25rem) * var(--uv-ratio,0)));border-radius:var(--radius-bar);display:block}.conditions-scrub[data-picked] .uv-col:not([data-active]){opacity:.35}.uv-axis{height:1.25rem;margin-top:.375rem;position:relative}.uv-axis-tick{color:var(--bn-muted);white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.uv-scale{gap:.5rem;display:grid}.uv-scale-bands{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.uv-scale-band{align-items:center;gap:.75rem;min-width:0;display:flex}.uv-scale-bar{border-radius:var(--radius-bar);flex:none;width:2.5rem;height:.625rem;display:block}.uv-scale-band[data-peak] .uv-scale-bar{outline:3px solid var(--bn-ink);outline-offset:2px}.uv-scale-band[data-peak] .uv-scale-label{color:var(--bn-ink)}.uv-scale-label{min-width:0;color:var(--bn-muted);flex:auto;font-weight:700}
.weather-hour-rain{border-radius:var(--radius-bar);background-color:var(--bn-tone);width:1.75rem;height:.25rem;display:block;overflow:hidden}.weather-hour-rain>i{border-radius:var(--radius-bar);background-color:var(--bn-data);height:100%;display:block}.weather-hour-percent{color:var(--bn-muted)}.weather-hour-percent[data-rain-emphasis],.weather-day-rain[data-rain-emphasis]{color:var(--bn-data-ink)}.weather-days{gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.weather-day{grid-template-columns:3.25rem 1.75rem minmax(0,1fr) 2.75rem;align-items:center;column-gap:.625rem;min-height:2.75rem;padding:.25rem 0;display:grid}.weather-day+.weather-day{border-top:1px solid var(--bn-border-hairline)}.weather-day-range{align-items:center;gap:.5rem;min-width:0;display:flex}.weather-day-range>span{flex:none;min-width:2rem}.weather-day-range>span:last-child{text-align:end}.weather-day-track{border-radius:var(--radius-bar);background-color:var(--bn-tone);flex:auto;min-width:2rem;height:.375rem;position:relative}.weather-day-track>i{border-radius:var(--radius-bar);background-color:var(--bn-section);position:absolute;inset-block:0}.weather-day-rain{text-align:end;color:var(--bn-muted)}
.wind-main{justify-items:center;gap:1rem;min-width:0;display:grid}.wind-main>.conditions-hours{justify-self:stretch;min-width:0}.wind-compass{flex:none;width:8.25rem;height:8.25rem}.wind-compass svg{width:100%;height:100%;display:block}.wind-compass-face{fill:color-mix(in srgb, var(--bn-section) 10%, var(--bn-paper))}.wind-compass-tick{stroke:var(--bn-muted);stroke-width:1px;opacity:.5}.wind-compass-tick[data-major]{stroke-width:2px;opacity:1}.wind-compass-letter{fill:var(--bn-muted);font-size:var(--text-caption);font-weight:800}.wind-compass-head{fill:var(--bn-section)}.wind-compass-tail{fill:var(--bn-section);opacity:.35}.wind-compass-speed{fill:var(--bn-ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.875rem;font-weight:800}.wind-compass-unit{fill:var(--bn-muted);font-size:var(--text-caption);font-weight:700}.wind-hour-arrow{width:1.25rem;height:1.25rem;fill:var(--bn-section);flex:none;display:block}.wind-hour-arrow-none:before{content:"";border-radius:var(--radius-pill);background-color:var(--bn-muted-subtle);width:.375rem;height:.375rem;margin:.4375rem;display:block}.wind-hour-speed[data-strong]{color:var(--bn-status-warning-fg)}@media (min-width:40rem){.wind-main{grid-template-columns:auto minmax(0,1fr);place-items:center stretch;gap:1.25rem}}