*{font-feature-settings:"kern" off;font-family:Inter,sans-serif}:focus{outline:0!important}body{height:100vh;margin:0}p{margin-top:0;margin-bottom:0;font-size:2em}#header{z-index:10;box-sizing:border-box;background-color:#fff;border-radius:1em;flex-direction:column;align-items:center;height:160px;padding:15px;display:flex;position:fixed;top:50px;overflow:visible}.forecast-header{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;width:100%;height:90px;padding:5px;display:flex;position:fixed;overflow:visible;box-shadow:2px 2px 10px #d6d6d6}img{width:100%}#current-wave-height,.wave-and-weather-title,.wave-height,.data,.no-alerts{font-weight:700}.landing-page-title{z-index:10;color:#04717a;font-size:2.5em;font-weight:700}#root{flex-direction:column;align-items:center;min-height:100vh;display:flex}.location-form{z-index:10;background-color:#fff;border-radius:8px;min-width:450px;height:22px;margin:1vw;padding:10px;box-shadow:0 4px 12px #0000001a}#current-wave-height{margin-top:50px;font-size:1em}.home-map{z-index:1;flex:1;width:100%;position:inherit!important}.leaflet-layer,.leaflet-control-zoom-in,.leaflet-control-zoom-out,.leaflet-control-attribution{filter:hue-rotate(-12deg)}.wave-and-weather-title{color:#04717a;align-items:center;padding-left:1em;font-size:1.5em;text-decoration:none;display:flex}.individual-data-fields{justify-content:center;width:80%;margin:80px;display:flex}.wind-layout,.forecast-layout,.alerts-layout,.wave-height-layout{flex-direction:column;max-width:100%;display:flex}.wave-height-layout{width:100%}.alerts-layout{--shadow-color:#0003;box-shadow:2px 2px 10px var(--shadow-color);text-align:center;border-radius:50%;justify-content:center;align-items:center;width:400px;height:400px;padding:20px;display:flex}.surf-rating{margin-bottom:20px;font-weight:700}.weather-warning-label{color:red;font-size:20px}.wave-height{font-size:9em}.data{font-size:1.5em}#surf-logo{width:50px;height:50px;margin-right:10px}#title-block{flex-direction:row;display:flex}#tides-text{text-align:center;font-family:inter}#wave-height-graph-title{margin-top:30px;font-size:30px}#surf-logo-forecast-page{width:50px;height:30px;margin-top:5px}.label{width:300px;margin-bottom:20px;font-size:1.3em}#location-list:focus{border:none;outline:none}.wave-data-fields,.wind-data-fields,.general-weather-data-fields{justify-content:space-between;display:flex}.wind-data-fields,.general-weather-data-fields{max-width:50%}.wave-wind-air{flex-direction:column;justify-content:space-between;width:50%;height:400px;display:flex}.progress-container{background-color:#fff;width:30vw;margin-top:35vh;position:relative;overflow:hidden}.progress-filler{background-color:#36a8ac;width:100%;height:100%;transition:left linear;position:absolute;top:0;left:-100%}.error-message{text-align:center;font-size:2em;font-weight:700}.error-details{font-size:1.5em}.error-container{flex-direction:column;justify-content:center;align-items:center;margin-top:20vh;display:flex}.loading-forecast-text{margin-top:2vh}.leaflet-popup-content{width:100%;margin-right:6px!important;font-size:1.6em!important}.custom-cluster-icon{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;background-color:#008316ba;border-radius:50%;font-size:17px;box-shadow:0 0 0 6px #53c766a3;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;line-height:1!important;display:flex!important}#location-list{z-index:10;background-color:#fff;border:0;width:100%;max-height:300px;padding:0;overflow-y:auto}#location-list li{cursor:pointer;padding:8px;list-style-type:none;transition:background-color .2s ease-in-out}#dropdown-group-list li:hover{background-color:#aeadad}#tide-container{width:80%;overflow-x:scroll}input[type=search],input{border:none}.dropdown-group{padding:10px 0}.dropdown-group strong{padding-left:10px;font-size:1.1em;font-weight:700}#no-wave-chart-available{margin-bottom:150px}.dropdown-group-list{padding-left:20px}.dropdown-item{cursor:pointer;padding:8px;transition:background-color .2s ease-in-out}.dropdown-item:hover{background-color:#f0f0f0}.forecast-container{flex-direction:row;align-items:center;width:80%;margin-top:20px;margin-bottom:50px;display:flex;overflow-x:scroll}.forecast-items{gap:20px;padding-top:10px;display:flex}.forecast-item{text-align:center;background-color:#f7fafc;border:1px solid #edf2f7;border-radius:8px;flex-direction:column;align-items:center;width:200px;padding:15px 15px 20px;display:flex}.forecast-time,.forecast-height,.forecast-date{text-align:center;margin:5px 0}.forecast-title{text-align:center;margin-bottom:20px;font-size:1.6rem;font-weight:700}.forecast-height{font-size:2em;font-weight:700}.forecast-time{font-weight:700}.graph{width:1300px;height:700px}.forecast-date-banner{text-align:center;background-color:#f0f0f0;border-radius:4px;justify-items:center;height:40px;margin-top:16px;padding:18px 10px 10px 8px;font-size:16px;font-weight:700}.forecast-day-group{padding:20px}.mobile-forecast-nav{display:none}.mobile-forecast-arrow{cursor:pointer;background:0 0;border:none;padding:0 1em;font-size:1.5em}.mobile-forecast-arrow:disabled{opacity:.3;cursor:default}.mobile-forecast-date-label{text-align:center;flex-grow:1;font-size:1.1em;font-weight:700}.wind-arrow{border-bottom:20px solid #000;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin-left:10px;transition:transform .3s ease-in-out}.wind-direction-layout{flex-direction:row;display:flex}.location-name{margin-top:130px;font-size:2.5em;font-weight:700}.forecast-content-location{margin-right:900px}#number-of-days-label{margin-top:40px;font-weight:700}#generation-time{font-size:1.5em}.forecast-air-temperature{margin-top:14px}#weather-alerts{color:red;max-width:300px}#swell_period{font-weight:700}@media (width<=800px){.location-form{min-width:50%}.input-wrapper{min-width:100px}.error-container{margin-left:3vh;margin-right:3vh}.error-details{text-align:center}.forecast-header{flex-direction:column;justify-content:normal;align-items:center;height:90px;position:relative}.wave-and-weather-title{color:#36a8ac;margin-top:.2em;padding:0}.individual-data-fields{flex-direction:column;gap:10vh;margin:0}.wave-wind-air{width:100%;height:unset;justify-content:space-between}.wave-data-fields,.wind-data-fields,.general-weather-data-fields{flex-direction:column}.label,p{font-size:1em}.landing-page-title{color:#36a8ac;font-size:1.5em}.error-message{text-align:center;padding:10px}#header{z-index:10;background-color:#fff;flex-direction:column;align-items:center;height:130px;padding-top:2vh;display:flex}#title-block{align-items:center}#wave-height-graph-title{margin-top:40px;margin-bottom:40px;font-size:20px}#tides-text{text-align:start;margin-left:180px}#tide-container{width:400px}.wave-height{font-size:6em}.forecast-items{flex-direction:column;align-items:stretch;width:100%}.forecast-item{flex-direction:column;justify-content:space-between;width:100%;padding:10px;display:flex}.forecast-time,.forecast-height,.forecast-date{text-align:center;flex:1;padding:5px;font-size:1.2em}.forecast-title{margin-bottom:15px}.graph{width:100%;height:100%}.forecast-container{flex-direction:column;align-items:normal;overflow-x:hidden}.mobile-forecast-nav{z-index:5;background-color:#f0f0f0;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0}.location-name{margin-top:30px;font-size:2.5em;font-weight:700}.location-details{margin-bottom:30px}#number-of-days-label{margin-top:40px;font-weight:700}#generation-time{text-align:center;padding:35px;font-size:1em}.alerts-layout{border-radius:0;border-radius:none;width:auto;height:auto}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(inter-cyrillic-ext-700-normal.048356a5.woff2)format("woff2"),url(inter-cyrillic-ext-700-normal.6078779e.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(inter-cyrillic-700-normal.a3d11a1b.woff2)format("woff2"),url(inter-cyrillic-700-normal.eff7f35c.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(inter-greek-ext-700-normal.6727cc12.woff2)format("woff2"),url(inter-greek-ext-700-normal.783cbfd7.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(inter-greek-700-normal.1f27a7b1.woff2)format("woff2"),url(inter-greek-700-normal.85366151.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(inter-vietnamese-700-normal.711aa486.woff2)format("woff2"),url(inter-vietnamese-700-normal.0b79021d.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(inter-latin-ext-700-normal.ff448ab3.woff2)format("woff2"),url(inter-latin-ext-700-normal.27d3573a.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(inter-latin-700-normal.7c4c7212.woff2)format("woff2"),url(inter-latin-700-normal.7fd2327c.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(inter-cyrillic-ext-400-normal.7252e1dc.woff2)format("woff2"),url(inter-cyrillic-ext-400-normal.677c3e01.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(inter-cyrillic-400-normal.53cf194b.woff2)format("woff2"),url(inter-cyrillic-400-normal.6bebcc19.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(inter-greek-ext-400-normal.feddba69.woff2)format("woff2"),url(inter-greek-ext-400-normal.d023a4c2.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(inter-greek-400-normal.85c666f1.woff2)format("woff2"),url(inter-greek-400-normal.7b75cd59.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(inter-vietnamese-400-normal.1be791cc.woff2)format("woff2"),url(inter-vietnamese-400-normal.8c613654.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(inter-latin-ext-400-normal.c1dd9e21.woff2)format("woff2"),url(inter-latin-ext-400-normal.7ee8b7b5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(inter-latin-400-normal.4868384e.woff2)format("woff2"),url(inter-latin-400-normal.f0dc8a20.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(inter-cyrillic-ext-600-normal.7693a99a.woff2)format("woff2"),url(inter-cyrillic-ext-600-normal.4e55f56d.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(inter-cyrillic-600-normal.bc610546.woff2)format("woff2"),url(inter-cyrillic-600-normal.0594cc6e.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(inter-greek-ext-600-normal.0e2fbaa7.woff2)format("woff2"),url(inter-greek-ext-600-normal.a8b858bd.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(inter-greek-600-normal.bdbf95e1.woff2)format("woff2"),url(inter-greek-600-normal.a1cc89b0.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(inter-vietnamese-600-normal.45c1f09c.woff2)format("woff2"),url(inter-vietnamese-600-normal.fca1e9a6.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(inter-latin-ext-600-normal.43986067.woff2)format("woff2"),url(inter-latin-ext-600-normal.c94b1780.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(inter-latin-600-normal.cd71eff6.woff2)format("woff2"),url(inter-latin-600-normal.27507079.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(inter-cyrillic-ext-500-normal.165c8552.woff2)format("woff2"),url(inter-cyrillic-ext-500-normal.282e8894.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(inter-cyrillic-500-normal.e80c57f8.woff2)format("woff2"),url(inter-cyrillic-500-normal.371bdac7.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(inter-greek-ext-500-normal.e0e2827a.woff2)format("woff2"),url(inter-greek-ext-500-normal.1711da0c.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(inter-greek-500-normal.f972419e.woff2)format("woff2"),url(inter-greek-500-normal.bee3fd1d.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(inter-vietnamese-500-normal.282aaece.woff2)format("woff2"),url(inter-vietnamese-500-normal.870d3fd0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(inter-latin-ext-500-normal.47644b88.woff2)format("woff2"),url(inter-latin-ext-500-normal.a1d93114.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(inter-latin-500-normal.bb666cf6.woff2)format("woff2"),url(inter-latin-500-normal.531d791d.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}