.tide-details{z-index:7;width:350px;overflow-x:hidden;overflow-wrap:anywhere}.tide-details>.close-button{float:right;margin:-12px -12px 0 0}.tide-details h2{margin-top:18px}.tide-details h3{font-size:13px;color:#b9dce6;margin:25px 0 9px}.tide-note{font-size:10px!important;line-height:1.7!important;color:#94aebb!important}.tide-events{width:100%;border-collapse:collapse;font-size:10px;margin:19px 0}.tide-events caption{text-align:left;font-size:9px;color:#8ba9b8;margin-bottom:8px}.tide-events th,.tide-events td{padding:9px 4px;border-bottom:1px solid #263f49;text-align:left}.tide-events th{color:#a7dce4}.tide-events td:last-child{text-align:right;white-space:nowrap}.tide-gauge{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;padding:13px 0;border-bottom:1px solid #28424e;gap:7px;font-size:11px;color:#c1e1e8}.tide-gauge small{grid-column:1/-1;font-size:9px;color:#91adbb}.tide-details .source-link{display:block;font-size:10px;margin:14px 0}@media(max-width:640px){.tide-details{width:auto;max-height:72%;bottom:35px}}