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);font-family:Arial,Helvetica,sans-serif;margin:0}#chart{touch-action:pan-y}svg text{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);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:transparent;stroke:#ffffff4d;stroke-width:8;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}.breedingSeasonText{fill:rgb(var(--bad));font-size:18px;font-weight:700}.hat{fill:transparent;stroke:#0003;stroke-dasharray:8 4;stroke-width:2}.one-metre{fill:transparent;stroke:#00800033;stroke-dasharray:8 4;stroke-width:2}.now-marker-bg{fill:transparent;stroke:#fff;stroke-width:2}.now-marker{fill:transparent;stroke:#c80000cc;stroke-dasharray:6 4;stroke-width:2}.today-marker{fill:#ffffc866}.good-tide-times dt{margin-top:16px;margin-bottom:8px;color:#4d80c1}.good-tide-times dd{color:#748d78;display:flex;justify-content:space-between;align-items:baseline;margin-left:0;position:relative;padding:4px 4px 4px 16px;margin-bottom:4px}.good-tide-times .bar{position:absolute;left:0;top:0;bottom:0;background-color:#98bbce40}.good-tide-times .duration{font-weight:700}.badPoints{fill:transparent;stroke:rgba(var(--bad),var(--chart-line-opacity));stroke-width:3;stroke-linecap:round}.badPointsArea{fill:rgba(var(--bad),var(--chart-area-opacity))}.cautionPoints{fill:transparent;stroke:rgba(var(--caution),var(--chart-line-opacity));stroke-width:8;stroke-linecap:round}.cautionPointsArea{fill:rgba(var(--caution),var(--chart-area-opacity))}.goodPoints{fill:transparent;stroke:rgba(var(--good),var(--chart-line-opacity));stroke-width:8;stroke-linecap:round}.goodPointsArea{fill:rgba(var(--good),var(--chart-area-opacity))}.legend{font-size:80%;color:#000000de}.legend-item{width:16px;height:16px;border-radius:4px;margin-right:4px;margin-left:16px}.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)}