html{--bad:255, 89, 94;--caution:255, 202, 58;--good:138, 201, 38;--chart-line-opacity:1;--chart-area-opacity:.8;--night:0, 53, 84;--night-opacity:.8}body{color:var(--foreground);background:var(--background);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:#0000008a;text-decoration:none}#chart{touch-action:pan-y}svg text{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#fff0;pointer-events:none}.night{fill:rgba(var(--night), .8)}.dusk1{fill:rgba(var(--night), .6)}.dusk2{fill:rgba(var(--night), .4)}.dusk3{fill:rgba(var(--night), .2)}.midnight{fill:#0000;stroke:#ffffff4d;stroke-width:8px;stroke-dasharray:0 16;stroke-linecap:round}.goodIntervalText{fill:rgb(var(--good));font-size:16px;font-weight:700}.cautionIntervalText{fill:rgb(var(--caution));font-size:16px;font-weight:700}.nestingSeasonText{fill:rgb(var(--bad));font-size:18px;font-weight:700}.hat{fill:#0000;stroke:#0003;stroke-dasharray:8 4;stroke-width:2px}.one-metre{fill:#0000;stroke:#00800033;stroke-dasharray:8 4;stroke-width:2px}.now-marker-bg{fill:#0000;stroke:#fff;stroke-width:2px}.now-marker{fill:#0000;stroke:#c80000cc;stroke-dasharray:6 4;stroke-width:2px}.today-marker{fill:#ffffc866}.good-tide-times dt{color:#4d80c1;margin-top:16px;margin-bottom:8px}.good-tide-times dd{color:#748d78;justify-content:space-between;align-items:baseline;margin-bottom:4px;margin-left:0;padding:4px 4px 4px 16px;display:flex;position:relative}.good-tide-times .bar{background-color:#98bbce40;position:absolute;top:0;bottom:0;left:0}.good-tide-times .duration{font-weight:700}.badPoints{fill:#0000;stroke:rgba(var(--bad), var(--chart-line-opacity));stroke-width:3px;stroke-linecap:round}.badPointsArea{fill:rgba(var(--bad), var(--chart-area-opacity))}.cautionPoints{fill:#0000;stroke:rgba(var(--caution), var(--chart-line-opacity));stroke-width:8px;stroke-linecap:round}.cautionPointsArea{fill:rgba(var(--caution), var(--chart-area-opacity))}.goodPoints{fill:#0000;stroke:rgba(var(--good), var(--chart-line-opacity));stroke-width:8px;stroke-linecap:round}.goodPointsArea{fill:rgba(var(--good), var(--chart-area-opacity))}.legend{color:#000000de;font-size:80%}.legend-item{border-radius:4px;width:16px;height:16px;margin-left:16px;margin-right:4px}.legend-item-good{background-color:rgba(var(--good), .8)}.legend-item-caution{background-color:rgba(var(--caution), .8)}.legend-item-bad{background-color:rgba(var(--bad), .8)}.imageContainer{background-color:#404040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.galleryImage{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.galleryControls{justify-content:space-between;gap:8px;height:48px;padding:8px;display:flex;position:absolute;top:0;left:0;right:0}.galleryStepper{justify-content:space-between;gap:8px;height:48px;padding:0;display:flex;position:absolute;bottom:0;left:0;right:0}