@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100);@import url(https://cdnjs.cloudflare.com/ajax/libs/weather-icons/1.3.2/css/weather-icons.min.css);.footer{align-items:center;align-self:flex-end;display:flex;flex-direction:column;grid-area:footer;justify-content:center;z-index:10}.footer_content{color:#fff;font-size:.8125rem;letter-spacing:.15em;padding:2rem;text-align:center;text-transform:uppercase}.footer_content-middle{font-size:1.1rem;font-weight:700;padding-bottom:.5rem;padding-top:.5rem}.homepage{display:grid;height:100vh;grid-template-areas:"header" "main" "footer";max-width:100vw;overflow:hidden;position:relative;width:100vw}.branding{align-items:center;display:flex;flex-direction:column;grid-area:header;justify-content:center;z-index:4}.waves{-webkit-animation:waves 21s cubic-bezier(.36,.45,.63,.53) infinite;animation:waves 21s cubic-bezier(.36,.45,.63,.53) infinite;background:url(/media/wave-large.svg) repeat-x;bottom:0;height:80vh;min-width:200vw;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:875rem;z-index:0}.waves:nth-of-type(2){-webkit-animation:waves 21s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 14s ease -1.25s infinite;animation:waves 21s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 14s ease -1.25s infinite;height:78vh;opacity:1;z-index:2}.waves:nth-of-type(3){-webkit-animation:waves 20s cubic-bezier(.36,.45,.63,.53) -.15s infinite,swell 18s ease -1.5s infinite;animation:waves 20s cubic-bezier(.36,.45,.63,.53) -.15s infinite,swell 18s ease -1.5s infinite;opacity:1;z-index:6}@-webkit-keyframes waves{0%{margin-right:0}to{margin-right:-840px}}@keyframes waves{0%{margin-right:0}to{margin-right:-840px}}@-webkit-keyframes swell{0%,to{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}@keyframes swell{0%,to{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}.station-form{border-bottom:2px solid #fff;padding:.25rem 0;position:relative;z-index:11}.station-form__input{background:transparent;border:none;color:#fff;font-size:1.5rem;font-style:italic;min-width:24rem}.station-form__input::-webkit-input-placeholder{color:#fff}.station-form__input::-moz-placeholder{color:#fff}.station-form__input:-ms-input-placeholder{color:#fff}.station-form__input::-ms-input-placeholder{color:#fff}.station-form__input::placeholder{color:#fff}.station-form__button{background:none;border:none;padding:0}.station-form svg g{stroke:#fff}.station-form__error{bottom:-3rem;color:#fff;font-style:italic;font-size:1rem;position:absolute}.autocomplete{position:relative;display:inline-block}.autocomplete__items{border:1px solid #d4d4d4;border-top:none;border-bottom:none;left:0;position:absolute;right:0;top:100%;z-index:99}.autocomplete__item{background-color:#fff;border-bottom:1px solid #d4d4d4;cursor:pointer;padding:.625rem;text-transform:capitalize}.autocomplete__item--hidden{display:none}.header{align-items:center;color:#000;fill:#000;grid-area:header}.header__container{display:flex;flex-direction:row;justify-content:center;padding:1rem}.header__menu{justify-self:flex-start}.header__logo{display:flex;flex-grow:1;justify-content:center}.header__search{justify-self:flex-end}.header svg{fill:#000}@-webkit-keyframes wave{0%{background-position:0 0}to{background-position:8.5rem 0}}@keyframes wave{0%{background-position:0 0}to{background-position:8.5rem 0}}.loader-container{align-items:center;border:2px solid #000;display:flex;height:6.25rem;justify-content:center;left:50%;overflow:hidden;padding:1.5rem;position:fixed;top:30%;-webkit-transform:translate(-50%,-30%);transform:translate(-50%,-30%);width:100px}.loader{-webkit-animation:wave 5s linear infinite;animation:wave 5s linear infinite;background:url(/media/wave-loader-3.svg) repeat-x 0;box-shadow:0 0 1rem inner red;height:2.875rem;margin:2rem auto;position:relative;width:8.5rem}.loader:before{content:"";background:-webkit-gradient(linear,left top,right top,color-stop(25%,hsla(0,0%,100%,0)),color-stop(75%,#fff));background:linear-gradient(90deg,hsla(0,0%,100%,0) 25%,#fff 75%);height:100%;width:100%}.current__container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem 1rem;text-transform:uppercase}.current__date{font-size:.625rem;font-weight:700;letter-spacing:.075em;margin-bottom:.75rem}.current__tide{font-size:1.75rem}.current__time-container{align-items:center;display:flex;margin-bottom:.5rem}.current__time-pre{font-size:1.25rem;letter-spacing:.075em;padding:.25rem}.current__time{font-size:3.75rem;letter-spacing:.075em}.current__time-post{font-size:1.25rem;letter-spacing:.075em;padding:.25rem}.current__location{background:#ead7c0;border-radius:.25rem;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.5rem}.wave{display:flex;flex-direction:column;flex-grow:1;font-size:1.625rem;font-weight:700;height:70vh;min-height:20rem;text-transform:uppercase;width:100vw}.wave__header{box-sizing:border-box;display:flex;padding:1rem 1rem 0;width:100%}.wave__header-tide{align-items:flex-end;display:flex;flex-direction:row}.wave__tide-direction.high{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.wave__tide-direction.high,.wave__tide-direction.low{-webkit-transition:1s ease-in-out;transition:1s ease-in-out}.wave__tide-direction.low{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.wave__tide-height{padding-left:.25rem}.wave__header-unit{font-size:.875rem;font-weight:700;padding-bottom:.2rem;padding-left:.2rem}.wave__header-label{flex-grow:1;text-align:right}.wave__container{height:100%}.wave__footer{background-color:#1b998f;color:#fff;display:flex;justify-content:flex-end;padding:0 1rem 1rem}.percentage{font-size:.8em;height:100%;line-height:1;margin:0;position:relative;text-transform:uppercase;width:100%}.percentage:after{background:url(/media/wave-small.svg);background-repeat:repeat-x;content:"";cursor:pointer;display:block;height:90%;position:relative;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 2s ease;transition:all 2s ease;width:100%}.percentage-1:after{height:1%}.percentage-2:after{height:2%}.percentage-3:after{height:3%}.percentage-4:after{height:4%}.percentage-5:after{height:5%}.percentage-6:after{height:6%}.percentage-7:after{height:7%}.percentage-8:after{height:8%}.percentage-9:after{height:9%}.percentage-10:after{height:10%}.percentage-11:after{height:11%}.percentage-12:after{height:12%}.percentage-13:after{height:13%}.percentage-14:after{height:14%}.percentage-15:after{height:15%}.percentage-16:after{height:16%}.percentage-17:after{height:17%}.percentage-18:after{height:18%}.percentage-19:after{height:19%}.percentage-20:after{height:20%}.percentage-21:after{height:21%}.percentage-22:after{height:22%}.percentage-23:after{height:23%}.percentage-24:after{height:24%}.percentage-25:after{height:25%}.percentage-26:after{height:26%}.percentage-27:after{height:27%}.percentage-28:after{height:28%}.percentage-29:after{height:29%}.percentage-30:after{height:30%}.percentage-31:after{height:31%}.percentage-32:after{height:32%}.percentage-33:after{height:33%}.percentage-34:after{height:34%}.percentage-35:after{height:35%}.percentage-36:after{height:36%}.percentage-37:after{height:37%}.percentage-38:after{height:38%}.percentage-39:after{height:39%}.percentage-40:after{height:40%}.percentage-41:after{height:41%}.percentage-42:after{height:42%}.percentage-43:after{height:43%}.percentage-44:after{height:44%}.percentage-45:after{height:45%}.percentage-46:after{height:46%}.percentage-47:after{height:47%}.percentage-48:after{height:48%}.percentage-49:after{height:49%}.percentage-50:after{height:50%}.percentage-51:after{height:51%}.percentage-52:after{height:52%}.percentage-53:after{height:53%}.percentage-54:after{height:54%}.percentage-55:after{height:55%}.percentage-56:after{height:56%}.percentage-57:after{height:57%}.percentage-58:after{height:58%}.percentage-59:after{height:59%}.percentage-60:after{height:60%}.percentage-61:after{height:61%}.percentage-62:after{height:62%}.percentage-63:after{height:63%}.percentage-64:after{height:64%}.percentage-65:after{height:65%}.percentage-66:after{height:66%}.percentage-67:after{height:67%}.percentage-68:after{height:68%}.percentage-69:after{height:69%}.percentage-70:after{height:70%}.percentage-71:after{height:71%}.percentage-72:after{height:72%}.percentage-73:after{height:73%}.percentage-74:after{height:74%}.percentage-75:after{height:75%}.percentage-76:after{height:76%}.percentage-77:after{height:77%}.percentage-78:after{height:78%}.percentage-79:after{height:79%}.percentage-80:after{height:80%}.percentage-81:after{height:81%}.percentage-82:after{height:82%}.percentage-83:after{height:83%}.percentage-84:after{height:84%}.percentage-85:after{height:85%}.percentage-86:after{height:86%}.percentage-87:after{height:87%}.percentage-88:after{height:88%}.percentage-89:after{height:89%}.percentage-90:after{height:90%}.percentage-91:after{height:91%}.percentage-92:after{height:92%}.percentage-93:after{height:93%}.percentage-94:after{height:94%}.percentage-95:after{height:95%}.percentage-96:after{height:96%}.percentage-97:after{height:97%}.percentage-98:after{height:98%}.percentage-99:after{height:99%}.percentage-100:after{height:100%}.tooltip{display:inline-block;-webkit-filter:drop-shadow(rgba(0,0,0,.3) 0 2px 10px);filter:drop-shadow(rgba(0,0,0,.3) 0 2px 10px);position:absolute;right:9rem;-webkit-transition:all 2s ease;transition:all 2s ease;z-index:10}.tooltip__text{background-color:#fff;border-radius:1rem;padding:.5rem 0;position:absolute;text-align:center;width:7rem}.tooltip__text:after{border:1rem solid transparent;border-left-color:#fff;content:" ";left:calc(100% - .5rem);margin-top:-1rem;position:absolute;top:50%}.tooltip__time{font-size:1.375rem}.tooltip__period{font-size:1rem}.tooltip-1{bottom:1%}.tooltip-2{bottom:2%}.tooltip-3{bottom:3%}.tooltip-4{bottom:4%}.tooltip-5{bottom:5%}.tooltip-6{bottom:6%}.tooltip-7{bottom:7%}.tooltip-8{bottom:8%}.tooltip-9{bottom:9%}.tooltip-10{bottom:10%}.tooltip-11{bottom:11%}.tooltip-12{bottom:12%}.tooltip-13{bottom:13%}.tooltip-14{bottom:14%}.tooltip-15{bottom:15%}.tooltip-16{bottom:16%}.tooltip-17{bottom:17%}.tooltip-18{bottom:18%}.tooltip-19{bottom:19%}.tooltip-20{bottom:20%}.tooltip-21{bottom:21%}.tooltip-22{bottom:22%}.tooltip-23{bottom:23%}.tooltip-24{bottom:24%}.tooltip-25{bottom:25%}.tooltip-26{bottom:26%}.tooltip-27{bottom:27%}.tooltip-28{bottom:28%}.tooltip-29{bottom:29%}.tooltip-30{bottom:30%}.tooltip-31{bottom:31%}.tooltip-32{bottom:32%}.tooltip-33{bottom:33%}.tooltip-34{bottom:34%}.tooltip-35{bottom:35%}.tooltip-36{bottom:36%}.tooltip-37{bottom:37%}.tooltip-38{bottom:38%}.tooltip-39{bottom:39%}.tooltip-40{bottom:40%}.tooltip-41{bottom:41%}.tooltip-42{bottom:42%}.tooltip-43{bottom:43%}.tooltip-44{bottom:44%}.tooltip-45{bottom:45%}.tooltip-46{bottom:46%}.tooltip-47{bottom:47%}.tooltip-48{bottom:48%}.tooltip-49{bottom:49%}.tooltip-50{bottom:50%}.tooltip-51{bottom:51%}.tooltip-52{bottom:52%}.tooltip-53{bottom:53%}.tooltip-54{bottom:54%}.tooltip-55{bottom:55%}.tooltip-56{bottom:56%}.tooltip-57{bottom:57%}.tooltip-58{bottom:58%}.tooltip-59{bottom:59%}.tooltip-60{bottom:60%}.tooltip-61{bottom:61%}.tooltip-62{bottom:62%}.tooltip-63{bottom:63%}.tooltip-64{bottom:64%}.tooltip-65{bottom:65%}.tooltip-66{bottom:66%}.tooltip-67{bottom:67%}.tooltip-68{bottom:68%}.tooltip-69{bottom:69%}.tooltip-70{bottom:70%}.tooltip-71{bottom:71%}.tooltip-72{bottom:72%}.tooltip-73{bottom:73%}.tooltip-74{bottom:74%}.tooltip-75{bottom:75%}.tooltip-76{bottom:76%}.tooltip-77{bottom:77%}.tooltip-78{bottom:78%}.tooltip-79{bottom:79%}.tooltip-80{bottom:80%}.tooltip-81{bottom:81%}.tooltip-82{bottom:82%}.tooltip-83{bottom:83%}.tooltip-84{bottom:84%}.tooltip-85{bottom:85%}.tooltip-86{bottom:86%}.tooltip-87{bottom:87%}.tooltip-88{bottom:88%}.tooltip-89{bottom:89%}.tooltip-90{bottom:90%}.tooltip-91{bottom:91%}.tooltip-92{bottom:92%}.tooltip-93{bottom:93%}.tooltip-94{bottom:94%}.tooltip-95{bottom:95%}.tooltip-96{bottom:96%}.tooltip-97{bottom:97%}.tooltip-98{bottom:98%}.tooltip-99{bottom:99%}.tooltip-100{bottom:100%}.tide{display:grid;height:100vh;grid-template-areas:"header" "main";max-width:100vw;position:relative;width:100vw}.main{align-items:center;display:flex;justify-content:center;flex-direction:column;flex-grow:1;grid-area:main}body{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(291 690 445)'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%234FE'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.04'%3E%3Cpath fill='%23444' d='M90 150L0 300h180z'/%3E%3Cpath d='M90 150L180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150L360 0H180z'/%3E%3Cpath fill='%23DDD' d='M450 150l-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150L540 0H360z'/%3E%3Cpath d='M630 150l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150L720 0H540z'/%3E%3Cpath fill='%23444' d='M810 150l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150L900 0H720z'/%3E%3Cpath fill='%23DDD' d='M990 150l-90 150h180z'/%3E%3Cpath fill='%23444' d='M990 150l90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450L0 600h180z'/%3E%3Cpath d='M90 450l90-150H0z'/%3E%3Cpath fill='%23666' d='M270 450l-90 150h180z'/%3E%3Cpath fill='%23AAA' d='M270 450l90-150H180z'/%3E%3Cpath fill='%23DDD' d='M450 450l-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 450l90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M630 450l90-150H540z'/%3E%3Cpath d='M810 450l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M810 450l90-150H720z'/%3E%3Cpath fill='%23AAA' d='M990 450l-90 150h180z'/%3E%3Cpath fill='%23444' d='M990 450l90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750L0 900h180z'/%3E%3Cpath d='M270 750l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M270 750l90-150H180z'/%3E%3Cpath d='M450 750l90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='M630 750l90-150H540z'/%3E%3Cpath fill='%23AAA' d='M810 750l-90 150h180z'/%3E%3Cpath fill='%23666' d='M810 750l90-150H720z'/%3E%3Cpath fill='%23999' d='M990 750l-90 150h180zM180 0L90 150h180z'/%3E%3Cpath fill='%23444' d='M360 0l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M540 0l-90 150h180z'/%3E%3Cpath d='M900 0l-90 150h180z'/%3E%3Cpath fill='%23222' d='M0 300l-90 150H90z'/%3E%3Cpath fill='%23FFF' d='M0 300l90-150H-90zM180 300L90 450h180z'/%3E%3Cpath fill='%23666' d='M180 300l90-150H90z'/%3E%3Cpath fill='%23222' d='M360 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M360 300l90-150H270z'/%3E%3Cpath fill='%23444' d='M540 300l-90 150h180z'/%3E%3Cpath fill='%23222' d='M540 300l90-150H450z'/%3E%3Cpath fill='%23AAA' d='M720 300l-90 150h180z'/%3E%3Cpath fill='%23666' d='M720 300l90-150H630z'/%3E%3Cpath fill='%23FFF' d='M900 300l-90 150h180z'/%3E%3Cpath fill='%23999' d='M900 300l90-150H810z'/%3E%3Cpath d='M0 600l-90 150H90z'/%3E%3Cpath fill='%23666' d='M0 600l90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600L90 750h180z'/%3E%3Cpath fill='%23444' d='M180 600l90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='M360 600l90-150H270z'/%3E%3Cpath fill='%23666' d='M540 600l90-150H450z'/%3E%3Cpath fill='%23222' d='M720 600l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M900 600l-90 150h180z'/%3E%3Cpath fill='%23222' d='M900 600l90-150H810z'/%3E%3Cpath fill='%23DDD' d='M0 900l90-150H-90z'/%3E%3Cpath fill='%23444' d='M180 900l90-150H90z'/%3E%3Cpath fill='%23FFF' d='M360 900l90-150H270z'/%3E%3Cpath fill='%23AAA' d='M540 900l90-150H450z'/%3E%3Cpath fill='%23FFF' d='M720 900l90-150H630z'/%3E%3Cpath fill='%23222' d='M900 900l90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M1080 300l90-150H990z'/%3E%3Cpath d='M1080 600l-90 150h180z'/%3E%3Cpath fill='%23666' d='M1080 600l90-150H990z'/%3E%3Cpath fill='%23DDD' d='M1080 900l90-150H990z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;font-family:Karla,sans-serif;font-size:16px;margin:0}
/*# sourceMappingURL=main.e6b4bfb8.chunk.css.map */