.tides{text-align:left;width:100%}.tides__controls{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:stretch;align-items:center;margin:0;padding:0}.tides__controls-item{order:0;flex:0 1 auto;align-self:auto;list-style:none;margin:var(--spacing)}.tides__controls-item--date{max-width:200px}.tides__date-field{--icon-size:var(--icon-size-xs);display:flex;flex-direction:column;gap:.5rem}.tides__date-field .flatpickr-wrapper{position:relative}.tides__date-field .flatpickr-wrapper:after{--mask:var(--icon-date-field) 25% 50% no-repeat;content:"";display:block;width:calc(var(--icon-size)*2);position:absolute;inset:0 0 0 auto;mask:var(--mask);-webkit-mask:var(--mask);mask-size:var(--icon-size);-webkit-mask-size:var(--icon-size);background-color:var(--color-link);pointer-events:none}.tides__date-input{color:#757575;max-width:100%;padding:.75rem calc(var(--icon-size)*2) .75rem .75rem;border:var(--color-border) 1px solid;border-radius:var(--form-field-border-radius)}.tides__chart{margin-bottom:var(--spacing);position:relative}.tides__chart-labels{font-family:var(--typo-text-font-family);font-weight:var(--typo-text-font-weight);line-height:var(--typo-text-line-height);font-style:var(--typo-text-font-style);font-size:var(--typo-xs-font-size);font-family:var(--typo-xs-font-family,var(--typo-text-font-family));font-weight:var(--typo-xs-font-weight,var(--typo-text-font-weight));line-height:var(--typo-xs-line-height,var(--typo-text-line-height));font-style:var(--typo-xs-font-style,var(--typo-text-font-style));-moz-box-sizing:content-box;position:absolute;z-index:1;width:54px;background-image:linear-gradient(rgb(var(--color-link-rgb)/0.1) 50.1%,rgb(var(--color-link-rgb)/0.1) 50.1%,#ffffff 50.1%);border-bottom:1px solid #000}.tides__chart-label{position:absolute;left:.5em}@media(min-width:768px){.tides__chart-label{white-space:nowrap}}.tides__chart-label--flood{top:.5em}.tides__chart-label--hightide{top:28%}.tides__chart-label--lowtide{top:67%}.tides__chart-label--baseflow{bottom:.5em}.tides__graph{font-family:var(--typo-text-font-family);font-weight:var(--typo-text-font-weight);line-height:var(--typo-text-line-height);font-style:var(--typo-text-font-style);font-size:var(--typo-xs-font-size);font-family:var(--typo-xs-font-family,var(--typo-text-font-family));font-weight:var(--typo-xs-font-weight,var(--typo-text-font-weight));line-height:var(--typo-xs-line-height,var(--typo-text-line-height));font-style:var(--typo-xs-font-style,var(--typo-text-font-style))}