:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090b0f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}html,body,#root{background:#090b0f;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}button,input{font:inherit}#coastal-live-shade{background:linear-gradient(90deg,#05080cf0 0%,#05080c85 36%,#05080c0a 70%),linear-gradient(#05080c80 0%,#0000 50%,#05080cdb 100%)}#coastal-live-shade-region{background:linear-gradient(90deg,#05080cd1 0%,#05080c4d 38%,#05080c05 74%),linear-gradient(#05080c5c 0%,#0000 50%,#05080ccc 100%);transition:background .5s}#coastal-live-viewer{transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}#coastal-live-viewer canvas{cursor:grab;touch-action:none}#coastal-live-viewer canvas:active{cursor:grabbing}#coastal-launch-status{animation:.6s ease-out .26s both coastal-status-in}[aria-label="Coastal location navigation"]{animation:.62s ease-out .32s both coastal-navigation-in}#coastal-live-page button{cursor:pointer}#coastal-live-page a{transition:color .14s,opacity .14s}#coastal-live-page a:hover{color:#fff}#coastal-live-page a:focus-visible,#coastal-live-page button:focus-visible{outline-offset:4px;outline:2px solid #f2f3f5c7}[aria-label="Previous coastal location"],[aria-label="Next coastal location"]{transition:border-color .16s,background-color .16s,transform .16s}[aria-label="Previous coastal location"]:hover,[aria-label="Next coastal location"]:hover{transform:translateY(-2px);background-color:#191d24c7!important;border-color:#f2f3f57a!important}@keyframes coastal-status-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes coastal-navigation-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (width<=699px){#coastal-live-shade{background:linear-gradient(#05080c75 0%,#05080c29 30%,#05080cd6 62%,#05080cf5 100%),linear-gradient(90deg,#05080c8a,#05080c0a)}#coastal-live-shade-region{background:linear-gradient(#05080c57 0%,#05080c14 34%,#05080cc9 66%,#05080cf5 100%),linear-gradient(90deg,#05080c57,#05080c05)}}.map-beach-label,.map-buoy-label,.map-ferry-label{color:#e6e9ed;white-space:nowrap;flex-direction:column;align-items:center;gap:1px;line-height:1.05;display:inline-flex}.map-beach-label{background:#0f1115e8;border:1px solid #ffffff1a;border-radius:5px;width:84px;padding:3px 5px}.map-buoy-label{background:#0f1115cc;border:1px solid #ffffff1a;border-radius:6px;width:116px;padding:4px 7px}.map-ferry-label{background:#0f1115e6;border:1px solid #ffffff1a;border-radius:4px;width:102px;padding:2px 4px}.map-marker-heading{align-items:center;gap:4px;font-size:7px;font-weight:700;display:inline-flex}.map-marker-dot{border-radius:999px;flex:none;width:4px;height:4px}.map-marker-dot--buoy{background:#f0c419;width:6px;height:6px}.map-beach-label .map-marker-heading{font-size:9px}.map-beach-label .map-marker-dot{width:5px;height:5px}.map-beach-label .map-marker-state{font-size:7px}.map-buoy-label .map-marker-heading{color:#9aa2ac;font-size:9.5px;font-weight:600}.map-buoy-label .map-marker-state{color:#626a74;letter-spacing:.45px;text-transform:none;font-size:7.5px;font-weight:600}.map-marker-state{color:#9aa2ac;letter-spacing:.35px;text-transform:uppercase;font-size:5.5px;font-weight:700}@media (prefers-reduced-motion:reduce){#coastal-live-viewer,#coastal-launch-status,[aria-label="Coastal location navigation"]{transition:none;animation:none}}::selection{color:#fff;background:#8e949d6b}