.tide-chart{--tc-water:var(--color-accent);--tc-area-from:color-mix(in oklch, var(--tc-water) 28%, transparent);--tc-area-to:color-mix(in oklch, var(--tc-water) 3%, transparent);--tc-badge-h:2rem;--tc-label:.8rem;margin:0}.tide-chart .tc-plate{border-radius:var(--radius-md);background:var(--color-background-secondary);padding:.85rem}.tide-chart .tc-head{justify-content:space-between;align-items:center;gap:.45rem 1rem;margin-block-end:1.1rem;display:flex}@media (width<=34rem){.tide-chart .tc-head{flex-direction:column;align-items:start}}.tide-chart .tc-title{white-space:nowrap;margin:0;font-size:1.15rem;font-weight:660;line-height:1.2}.tide-chart .tc-controls{flex:none;align-items:center;gap:.35rem;display:flex}html:not(.js) .tide-chart .tc-controls{display:none}.tide-chart .tc-picker,.tide-chart .tc-units{height:var(--tc-badge-h);box-sizing:border-box}.tide-chart .tc-picker{border-radius:var(--radius-pill);background:var(--color-fill-tertiary);flex:none;position:relative}.tide-chart .tc-picker:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.tide-chart .tc-select{appearance:none;border-radius:inherit;height:100%;font:inherit;font-variant-numeric:tabular-nums;color:var(--color-accent-ink);cursor:pointer;background:0 0;border:0;margin:0;padding:0 1.5rem 0 .7rem;font-size:.8rem;font-weight:620}.tide-chart .tc-select:focus-visible{outline:none}.tide-chart .tc-chevrons{width:.62rem;height:1rem;color:var(--color-accent-ink);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:.5rem;transform:translateY(-50%)}.tide-chart .tc-units{border-radius:var(--radius-pill);background:var(--color-fill-tertiary);align-items:center;padding:.12rem;display:inline-flex}.tide-chart .tc-unit{border-radius:var(--radius-pill);min-height:1.51rem;font:inherit;color:var(--color-label-primary-60);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 .55rem;font-size:.75rem;font-weight:560;display:inline-flex}.tide-chart .tc-unit[aria-pressed=true]{background:var(--color-background-primary);color:var(--color-label-primary)}.tide-chart .tc-body{grid-template-columns:var(--tc-y-w) 1fr;column-gap:.45rem;display:grid}.tide-chart[data-unit=ft] .tc-body{--tc-y-w:calc(var(--tc-y-w-ft) * .8)}.tide-chart[data-unit=m] .tc-body{--tc-y-w:calc(var(--tc-y-w-m) * .8)}.tide-chart .tc-y,.tide-chart .tc-plot{height:12.5rem;position:relative}@media (width<=34rem){.tide-chart .tc-y,.tide-chart .tc-plot{height:11rem}}.tide-chart .tc-y-label,.tide-chart .tc-hour,.tide-chart .tc-pill{font-size:var(--tc-label);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.tide-chart .tc-y-label{inset-inline-start:0;top:var(--y);color:var(--color-label-primary-60);position:absolute;transform:translateY(-50%)}.tide-chart .tc-grid{inset-inline:0;top:var(--y);border-block-start:1px solid var(--color-line);opacity:.55;position:absolute}.tide-chart .tc-curve{width:100%;height:100%;position:absolute;inset:0}.tide-chart .tc-area{fill:var(--tc-area-from)}.tide-chart .tc-line{fill:none;stroke:var(--tc-water);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.tide-chart .tc-dot{left:var(--x);top:var(--y);border:2px solid var(--tc-water);background:var(--color-background-secondary);border-radius:50%;width:.5rem;height:.5rem;margin:-.25rem 0 0 -.25rem;position:absolute}.tide-chart .tc-pill{box-sizing:border-box;width:var(--w);left:clamp(0px, calc(var(--x) - var(--w) / 2), calc(100% - var(--w)));border-radius:var(--radius-pill);background:var(--tc-water);color:#fff;place-items:center;height:1.35rem;font-weight:620;display:grid;position:absolute}.tide-chart .tc-pill[data-side=above]{top:max(0px, calc(var(--y) - 1.75rem))}.tide-chart .tc-pill[data-side=below]{top:min(calc(100% - 1.35rem), calc(var(--y) + .55rem))}.tide-chart .tc-tail{left:var(--x);border-inline:.25rem solid #0000;width:0;height:0;margin-inline-start:-.25rem;position:absolute}.tide-chart .tc-tail[data-side=above]{top:calc(var(--y) - .58rem);border-block-start:.3rem solid var(--tc-water)}.tide-chart .tc-tail[data-side=below]{top:calc(var(--y) + .32rem);border-block-end:.3rem solid var(--tc-water)}.tide-chart .tc-hours{grid-column:2;height:1.5rem;position:relative}.tide-chart .tc-hour{left:var(--x);color:var(--color-label-primary-60);position:absolute;top:.5rem;transform:translate(-50%)}.tide-chart .tc-hour[data-edge=start]{transform:none}.tide-chart .tc-hour[data-edge=end]{transform:translate(-100%)}@media (width<=34rem){.tide-chart .tc-hour:not([data-edge]):nth-child(2n){display:none}}.tide-chart .tc-view{display:none}.tide-chart .tc-view[data-active]{display:block}.tide-chart [data-unit-view]{display:none}.tide-chart[data-unit=ft] [data-unit-view=ft],.tide-chart[data-unit=m] [data-unit-view=m]{display:block}.tide-chart[data-unit=ft] .tc-pill[data-unit-view=ft],.tide-chart[data-unit=m] .tc-pill[data-unit-view=m]{display:grid}.tide-chart .tc-note{color:var(--color-label-primary-60);margin-block-start:.5rem;font-size:.8rem}.tide-table caption{caption-side:bottom;color:var(--color-ink-soft);text-align:start;padding:.6rem .85rem .75rem;font-size:.85rem}.tide-table th[scope=row],.tide-table td{white-space:nowrap}.tide-table .today-flag{letter-spacing:.04em;text-transform:uppercase;min-width:3.4em;color:var(--color-accent-ink);font-size:.72rem;font-weight:640;display:inline-block}.tide-table tr[aria-current=date]{background:var(--color-accent-soft)}.tide-table tr[aria-current=date] .today-flag:after{content:"today"}