@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{height:100%;overflow:hidden}a{color:inherit}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:1rem;color:#333;background-color:#f2f7f9}input{border:none;margin:0;padding:0;width:auto;background:transparent;color:inherit;font:inherit;-webkit-appearance:none}input:focus{outline:none}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}button:focus{outline:none}button:not([disabled]):hover{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}svg{display:inline-block}.hamburger-button[data-v-558fcf1e]{border-width:1px;border-style:solid;border-radius:.25rem;padding:.25rem;transition:all .25s ease-in-out;border-color:#0058b0;background-color:#0058b0;color:#fff}.hamburger-button[disabled][data-v-558fcf1e]{opacity:.6}.hamburger-button[data-v-558fcf1e]:not([disabled]):hover{background-color:#004284;border-color:#004284}.hamburger-button[data-v-558fcf1e]:focus{box-shadow:0 0 2px 2px #58acff}.hamburger[data-v-558fcf1e]{display:block;position:relative;width:30px;height:22px}.line[data-v-558fcf1e]{display:block;position:absolute;left:0;right:0;height:20%;background-color:#fff;border-radius:.25rem;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out}.line[data-v-558fcf1e]:first-child{top:0}.line[data-v-558fcf1e]:nth-child(2),.line[data-v-558fcf1e]:nth-child(3){top:40%}.line[data-v-558fcf1e]:nth-child(4){top:80%}.hamburger:not(.collapsed) .line[data-v-558fcf1e]:first-child,.hamburger:not(.collapsed) .line[data-v-558fcf1e]:nth-child(4){opacity:0;top:40%;left:50%;right:50%}.hamburger:not(.collapsed) .line[data-v-558fcf1e]:nth-child(2){transform:rotate(45deg)}.hamburger:not(.collapsed) .line[data-v-558fcf1e]:nth-child(3){transform:rotate(-45deg)}.navbar[data-v-63ef7995]{background-color:#0058b0}.container[data-v-63ef7995]{display:flex;margin-left:auto;margin-right:auto;width:100%;max-width:576px;padding:.5rem;color:#fff}.left[data-v-63ef7995]{flex-grow:1}.left[data-v-63ef7995] svg{display:block;height:32px}.home-page-layout[data-v-26864f00]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column}.container[data-v-26864f00]{position:relative;flex-grow:1;width:100%;max-width:576px;margin:0 auto}.collapse-menu[data-v-2cc2a3f5]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}.v-enter-active[data-v-2cc2a3f5],.v-leave-active[data-v-2cc2a3f5]{transition:all .25s ease-in-out}.v-enter-from[data-v-2cc2a3f5],.v-leave-to[data-v-2cc2a3f5]{height:0}.swipe-card[data-v-2e95c770]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.animated[data-v-2e95c770]{transition:all .25s ease-in-out}.dismissed[data-v-2e95c770]{opacity:0}.swipe-card-stack[data-v-c843b44c]{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1000}.aspect-ratio-box[data-v-7025763f]{position:relative;width:100%;height:0;overflow:hidden}.aspect-ratio-content[data-v-7025763f]{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden}.text-overlay[data-v-1242f13e]{color:#fff;text-shadow:0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333,0 0 1px #333;font-size:1.25rem;font-weight:700}.surf-cam-button[data-v-02689ede]{border-width:1px;border-style:solid;border-radius:.25rem;padding:.25rem;transition:all .25s ease-in-out;border-color:#333;background-color:#fff;color:#333;width:32px;height:32px}.surf-cam-button[disabled][data-v-02689ede]{opacity:.6}.surf-cam-button[data-v-02689ede]:not([disabled]):hover{background-color:#bfbfbf;border-color:#262626}.surf-cam-button[data-v-02689ede]:focus{box-shadow:0 0 2px 2px #999}.current-camera[data-v-02689ede]{display:block;position:absolute;top:50%;left:5px;width:13px;overflow:hidden;transform:translateY(-50%);font-size:8px;line-height:1;color:#fff;text-align:center}@supports(-webkit-hyphens:none) and (not (-ms-accelerator:true)){.current-camera[data-v-02689ede]{margin-top:-1px}}svg[data-v-02689ede]{display:block;margin:0 auto;max-width:100%;max-height:100%}.share-button[data-v-f117332a]{border-width:1px;border-style:solid;border-radius:.25rem;padding:.25rem;transition:all .25s ease-in-out;border-color:#333;background-color:#fff;color:#333;width:32px;height:32px}.share-button[disabled][data-v-f117332a]{opacity:.6}.share-button[data-v-f117332a]:not([disabled]):hover{background-color:#bfbfbf;border-color:#262626}.share-button[data-v-f117332a]:focus{box-shadow:0 0 2px 2px #999}svg[data-v-f117332a]{display:block;margin:0 auto;max-width:100%;max-height:100%}.hls-video[data-v-06665b9e]{width:100%;height:auto;display:inline-block}video[data-v-06665b9e]::-webkit-media-controls-panel{display:none!important}.hud-overlay[data-v-c2385e76]{display:inline-block;font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:.75rem;font-weight:700;background-color:rgba(0,0,0,.75);color:#23d737;border-radius:.25rem;padding:.5rem}svg[data-v-7746084f]{display:inline-block;vertical-align:top;width:1em;height:1em}.arrow[data-v-7746084f]{transform-box:fill-box;transform-origin:center}hr[data-v-11c84cb4]{border:none;border-top:1px solid #23d737}.aspect-ratio-box[data-v-02763528]{background-color:#000}.hls-video[data-v-02763528]{vertical-align:top}.text-overlay[data-v-02763528]{position:absolute;top:.5rem;left:.5rem;z-index:1}.surf-cam-button[data-v-02763528]{position:absolute;bottom:.5rem;left:.5rem;z-index:1}.share-button[data-v-02763528]{position:absolute;bottom:.5rem;right:.5rem;z-index:1}.hud-overlay[data-v-02763528]{position:absolute;top:.5rem;right:.5rem;z-index:1}.conditions-bar[data-v-59aa348e]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;color:#fff}.conditions-text[data-v-59aa348e]{font-size:1.5rem;font-weight:700}.human-relation[data-v-59aa348e]{font-size:.75rem}.surf-height-text[data-v-59aa348e]:empty:before,.surf-summary-text[data-v-59aa348e]:empty:before{content:"​"}.flat[data-v-59aa348e]{background-color:#a9a9a9}.poor[data-v-59aa348e]{background-color:#42a5fc}.fair[data-v-59aa348e]{background-color:#23d737}.good[data-v-59aa348e]{background-color:#ffbe00}.epic[data-v-59aa348e]{background-color:red}img[data-v-d75bfb4c]{display:inline-block;width:100%;height:auto}svg[data-v-e546d2d4]{display:inline-block}.text-path[data-v-e546d2d4]{fill:none;stroke:none}.compass[data-v-e546d2d4]{fill:none;stroke:#000;stroke-width:1}.compass-label-major[data-v-e546d2d4]{font-size:12.06px;font-weight:700}.compass-label-major[data-v-e546d2d4],.compass-label-minor[data-v-e546d2d4]{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;white-space:pre}.compass-label-minor[data-v-e546d2d4]{font-size:9.9px}.origin[data-v-e546d2d4]{fill:#000;fill-opacity:.75;stroke:none}svg[data-v-4581af00]{display:inline-block}.pointer[data-v-4581af00]{fill:#0058b0;-webkit-animation-name:pointer-animation-4581af00;animation-name:pointer-animation-4581af00;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes pointer-animation-4581af00{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes pointer-animation-4581af00{0%{fill-opacity:0}to{fill-opacity:1}}svg[data-v-37897dd6]{display:inline-block}.swell-petal[data-v-37897dd6]{-webkit-animation-name:swell-petal-animation-37897dd6;animation-name:swell-petal-animation-37897dd6;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes swell-petal-animation-37897dd6{0%{fill-opacity:0;transform:scale(0)}to{fill-opacity:.75;transform:scale(1)}}@keyframes swell-petal-animation-37897dd6{0%{fill-opacity:0;transform:scale(0)}to{fill-opacity:.75;transform:scale(1)}}.swell-petal-0[data-v-37897dd6]{fill:#0058b0}.swell-petal-1[data-v-37897dd6]{fill:#c358ed}.swell-petal-2[data-v-37897dd6]{fill:#ff8309}.swell-petal-3[data-v-37897dd6]{fill:#0197f6}.swell-petal-4[data-v-37897dd6]{fill:#333}.swell-petal-5[data-v-37897dd6]{fill:#96a9b2}.layer[data-v-fe344792]{position:absolute;width:100%;height:100%}.spacer[data-v-fe344792]{padding:.5rem}.skeleton[data-v-10ecedb4]{position:relative;display:inline-block;vertical-align:top;width:100%;height:1em;background-color:#a9a9a9;background-clip:content-box;border:1px solid transparent;border-radius:.25rem;overflow:hidden}.skeleton[data-v-10ecedb4]:after{content:"";position:absolute;width:200%;height:100%;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 25%,hsla(0,0%,100%,.5) 75%,hsla(0,0%,100%,0));transform:translateX(-100%);-webkit-animation:shimmer-10ecedb4 2s ease-in-out infinite;animation:shimmer-10ecedb4 2s ease-in-out infinite}@-webkit-keyframes shimmer-10ecedb4{to{transform:translateX(50%)}}@keyframes shimmer-10ecedb4{to{transform:translateX(50%)}}ul[data-v-4c20ecb4]{display:inline-flex;flex-direction:column;flex-wrap:wrap;max-height:3em}li[data-v-4c20ecb4]{white-space:nowrap;margin-right:.25rem}li.dot[data-v-4c20ecb4]:before{content:"";display:inline-block;vertical-align:top;width:1em;height:1em;border:.25em solid transparent;border-radius:50%;background-color:#000;background-clip:content-box}li.dot-color-0[data-v-4c20ecb4]:before{background-color:#0058b0}li.dot-color-1[data-v-4c20ecb4]:before{background-color:#c358ed}li.dot-color-2[data-v-4c20ecb4]:before{background-color:#ff8309}li.dot-color-3[data-v-4c20ecb4]:before{background-color:#0197f6}li.dot-color-4[data-v-4c20ecb4]:before{background-color:#333}li.dot-color-5[data-v-4c20ecb4]:before{background-color:#96a9b2}.current-tide[data-v-1a862643]{white-space:nowrap}.next-tide[data-v-1a862643]{white-space:nowrap;font-size:calc(1em - .25rem)}.two-columns[data-v-1e1d2f60]{display:flex}.two-columns>[data-v-1e1d2f60]{flex-basis:50%;flex-grow:0;margin-right:.5rem}.air-temp[data-v-1e1d2f60],.water-temp[data-v-1e1d2f60]{white-space:nowrap;display:inline-flex;align-items:center}.icon[data-v-1e1d2f60]{max-width:1em;max-height:1em;margin-right:.25rem}.air-temp .icon[data-v-1e1d2f60]{color:#888}.water-temp .icon[data-v-1e1d2f60]{color:#036}.two-columns[data-v-01c3edba]{display:flex}.two-columns>[data-v-01c3edba]{flex-basis:50%;flex-grow:0;margin-right:.5rem}.sunrise[data-v-01c3edba],.sunset[data-v-01c3edba]{white-space:nowrap;display:inline-flex;align-items:center}.icon[data-v-01c3edba]{max-width:1em;max-height:1em;margin-right:.25rem}.sunrise .icon[data-v-01c3edba]{color:#ff8309}.sunset .icon[data-v-01c3edba]{color:#333}.spot-report-panel[data-v-1e96aab8]{display:flex;margin:0 -.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.column-left[data-v-1e96aab8]{padding:0 .25rem;width:50%;min-width:170px;max-width:200px;flex-shrink:0}.column-right[data-v-1e96aab8]{padding:0 .25rem;flex-grow:1}.heading[data-v-1e96aab8]{font-weight:700;border-bottom:1px solid #a9a9a9}.heading[data-v-1e96aab8],.kpi[data-v-1e96aab8]{font-size:.75rem;margin-bottom:.5rem}.spin-button[data-v-669f01ac]{border-width:1px;border-style:solid;border-radius:.25rem;padding:.25rem;transition:all .25s ease-in-out;border-color:#42a5fc;background-color:#42a5fc;color:#fff;display:inline-flex;align-items:center}.spin-button[disabled][data-v-669f01ac]{opacity:.6}.spin-button[data-v-669f01ac]:not([disabled]):hover{background-color:#047feb;border-color:#047feb}.spin-button[data-v-669f01ac]:focus{box-shadow:0 0 2px 2px #a1d2fe}.inner[data-v-669f01ac]{display:inline-grid;overflow:hidden}.option[data-v-669f01ac]{grid-column:1/2;grid-row:1/2;visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.option.visible[data-v-669f01ac]{visibility:visible}.option.rotate-in[data-v-669f01ac]{-webkit-animation-name:rotate-in-669f01ac;animation-name:rotate-in-669f01ac}.option.rotate-out[data-v-669f01ac]{-webkit-animation-name:rotate-out-669f01ac;animation-name:rotate-out-669f01ac}@-webkit-keyframes rotate-in-669f01ac{0%{transform:rotateX(-90deg) translateZ(.5em)}to{transform:rotateX(0deg) translateZ(.5em)}}@keyframes rotate-in-669f01ac{0%{transform:rotateX(-90deg) translateZ(.5em)}to{transform:rotateX(0deg) translateZ(.5em)}}@-webkit-keyframes rotate-out-669f01ac{0%{transform:rotateX(0deg) translateZ(.5em)}to{transform:rotateX(90deg) translateZ(.5em)}}@keyframes rotate-out-669f01ac{0%{transform:rotateX(0deg) translateZ(.5em)}to{transform:rotateX(90deg) translateZ(.5em)}}.icon[data-v-669f01ac]{margin-left:.5rem;display:inline-block;width:1em;height:1em}.toggle-button[data-v-beb1e138]{border-width:1px;border-style:solid;border-radius:.25rem;padding:.25rem;transition:all .25s ease-in-out;border-color:#a9a9a9;background-color:#fff;color:#333;display:inline-flex;justify-content:center;align-items:center}.toggle-button[disabled][data-v-beb1e138]{opacity:.6}.toggle-button[data-v-beb1e138]:not([disabled]):hover{background-color:#bfbfbf;border-color:#7f7f7f}.toggle-button[data-v-beb1e138]:focus{box-shadow:0 0 2px 2px #d4d4d4}.toggle-button.selected[data-v-beb1e138]{border-color:#42a5fc;background-color:#42a5fc;color:#fff}.toggle-button.selected[data-v-beb1e138]:not([disabled]):hover{background-color:#047feb;border-color:#047feb}.toggle-button.selected[data-v-beb1e138]:focus{box-shadow:0 0 2px 2px #a1d2fe}.toggle-button-group[data-v-073e3b70]{border-radius:.25rem;display:flex}.toggle-button[data-v-073e3b70]{flex-grow:1;text-align:center;border-radius:0;position:relative}.toggle-button.selected[data-v-073e3b70]{z-index:1}.toggle-button[data-v-073e3b70]:hover{z-index:2}.toggle-button[data-v-073e3b70]:focus{z-index:3}.toggle-button[data-v-073e3b70]:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.toggle-button[data-v-073e3b70]:not(:first-child){margin-left:-1px}.toggle-button[data-v-073e3b70]:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}svg[data-v-3020964e]{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-axis[data-v-3020964e],.y-axis[data-v-3020964e]{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:10px;font-weight:700}.area[data-v-3020964e]{fill:#0058b0;fill-opacity:.75;cursor:pointer}.line[data-v-3020964e]{stroke:#0058b0;fill:none;cursor:pointer}.circle[data-v-3020964e]:not([cx]),.circle[data-v-3020964e]:not([cy]){display:none}.circle.blue[data-v-3020964e]{stroke:#fff;fill:#0058b0}.circle.red[data-v-3020964e]{stroke:#fff;fill:red}.spinner[data-v-3d5c52ea]{display:inline-block;width:1em;height:1em}.spinner[data-v-3d5c52ea]:before{content:"";display:block;width:100%;height:100%;border:.125em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-3d5c52ea .75s linear infinite;animation:rotate-3d5c52ea .75s linear infinite}@-webkit-keyframes rotate-3d5c52ea{to{transform:rotate(1turn)}}@keyframes rotate-3d5c52ea{to{transform:rotate(1turn)}}.forecast-charts[data-v-5a3c9242]{overflow-x:auto;-webkit-overflow-scrolling:touch}.fit-content-box[data-v-5a3c9242]{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.controls[data-v-5a3c9242]{display:flex;padding:4px 4px 0 4px;margin-bottom:.5rem}.spin-button[data-v-5a3c9242]{flex-grow:0;margin-right:.5rem}.toggle-button-group[data-v-5a3c9242]{flex-grow:1}.spinner[data-v-5a3c9242]{position:absolute;top:50%;left:50%;color:#a9a9a9;font-size:32px;transform:translate(-16px,-16px)}.last-updated[data-v-1b55a9e3]{font-size:.75rem;margin-bottom:.5rem}.body[data-v-1b55a9e3] strong{font-weight:700}.body[data-v-1b55a9e3] a{color:#0058b0}.surf-spot-card[data-v-543be78e]{border:1px solid #a9a9a9;border-radius:.5rem;height:100%;display:flex;flex-direction:column;overflow:hidden}.no-scroll-panel[data-v-543be78e]{flex-shrink:0}.no-scroll-panel[data-v-543be78e] video{border-radius:.5rem .5rem 0 0}.scroll-panel[data-v-543be78e]{flex-grow:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:.5rem;background-color:#fff}.heading[data-v-543be78e]{font-weight:700;border-bottom:1px solid #a9a9a9;margin-top:1rem;margin-bottom:1rem}.surf-spot-card-stack[data-v-7f06c08d]{position:absolute;top:.5rem;left:.5rem;bottom:.5rem;right:.5rem}.spinner[data-v-7f06c08d]{position:absolute;top:50%;left:50%;color:#a9a9a9;font-size:32px;transform:translate(-16px,-16px)}.menu-nav-button[data-v-0b87da46]{border-width:1px;border-style:solid;border-radius:.25rem;padding:.25rem;transition:all .25s ease-in-out;border-color:#0058b0;background-color:#0058b0;color:#d9d9d9;display:inline-flex;align-items:center}.menu-nav-button[disabled][data-v-0b87da46]{opacity:.6}.menu-nav-button[data-v-0b87da46]:not([disabled]):hover{background-color:#004284;border-color:#004284}.menu-nav-button[data-v-0b87da46]:focus{box-shadow:0 0 2px 2px #58acff}.menu-nav-button.selected[data-v-0b87da46]{color:#fff}.icon[data-v-0b87da46]{display:block;width:22px;height:22px}.text[data-v-0b87da46]{display:block;margin-left:.25rem;font-size:.75rem}.menu-nav[data-v-368fbdc3]{background-color:#0058b0;color:#fff;display:flex;justify-content:space-around;padding:.5rem}.heading[data-v-4eb0cd8a]{position:sticky;top:0;padding:.5rem;font-size:1.25rem;font-weight:700;color:#fff;background-color:#888;z-index:2001}.content[data-v-4eb0cd8a]{padding:0 .5rem 0 1rem}.crosshair-button[data-v-1432bc36]{border-width:1px;border-style:solid;border-radius:.25rem;padding:.25rem;transition:all .25s ease-in-out;border-color:#42a5fc;background-color:#42a5fc;color:#fff;width:28px;height:28px}.crosshair-button[disabled][data-v-1432bc36]{opacity:.6}.crosshair-button[data-v-1432bc36]:not([disabled]):hover{background-color:#047feb;border-color:#047feb}.crosshair-button[data-v-1432bc36]:focus{box-shadow:0 0 2px 2px #a1d2fe}svg[data-v-1432bc36]{display:block}.conditions-badge[data-v-542ef3c3]{display:inline-block;font-size:.75rem;padding:.25rem;color:#fff;border-radius:.25rem;white-space:nowrap}.flat[data-v-542ef3c3]{background-color:#a9a9a9}.poor[data-v-542ef3c3]{background-color:#42a5fc}.fair[data-v-542ef3c3]{background-color:#23d737}.good[data-v-542ef3c3]{background-color:#ffbe00}.epic[data-v-542ef3c3]{background-color:red}.spot-menu-item[data-v-5fc8362c]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #a9a9a9}.spot-menu-item[data-v-5fc8362c]:last-child{border-bottom:transparent}.text[data-v-5fc8362c]{margin:0 .5rem;flex-grow:1}.surf-spots-menu-panel[data-v-4a314f57]{height:100%;background-color:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.spinner[data-v-4a314f57]{position:absolute;top:50%;left:50%;color:#a9a9a9;font-size:32px;transform:translate(-16px,-16px)}.about-menu-panel[data-v-678a14c4]{height:100%;background-color:#036;color:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.logo[data-v-678a14c4]{display:block;margin:0 auto;padding:2rem 0;width:50%}.blurb[data-v-678a14c4]{margin:2rem;line-height:1.5}.blurb a[data-v-678a14c4]:hover{color:#42a5fc}.version[data-v-678a14c4]{margin:2rem;font-size:.75rem;text-align:center}.home-menu-panel[data-v-1f5ba682]{height:100%;display:flex;flex-direction:column}.menu-nav-container[data-v-1f5ba682]{flex-shrink:0}.menu-content-container[data-v-1f5ba682]{flex-grow:1;position:relative;overflow:hidden}.v-enter-active[data-v-1f5ba682],.v-leave-active[data-v-1f5ba682]{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .25s ease-in-out}.slide-left .v-leave-to[data-v-1f5ba682],.slide-right .v-enter-from[data-v-1f5ba682]{transform:translateX(-100%)}.v-enter-to[data-v-1f5ba682],.v-leave-from[data-v-1f5ba682]{transform:translateX(0)}.slide-left .v-enter-from[data-v-1f5ba682],.slide-right .v-leave-to[data-v-1f5ba682]{transform:translateX(100%)}.login-page-layout[data-v-ad1361e6]{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:center;background-color:#036;padding:0 1rem}.container[data-v-ad1361e6]{flex-grow:1;max-width:576px}.login-form-input[data-v-6e2d553a]{position:relative}.login-form-input.disabled[data-v-6e2d553a]{opacity:.6}.icon-container[data-v-6e2d553a]{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 .5rem}.icon-container[data-v-6e2d553a] svg{width:1em;height:1em;color:#a9a9a9}.input[data-v-6e2d553a]{display:block;width:100%;border:1px solid #a9a9a9;border-radius:.25rem;background-color:#fff;padding:.5rem;padding-left:calc(1em + 1rem)}.input[data-v-6e2d553a]:focus{box-shadow:0 0 2px 2px #d4d4d4}.login-form-button[data-v-27003a8e]{border-width:1px;border-style:solid;border-radius:.25rem;padding:.25rem;transition:all .25s ease-in-out;border-color:#42a5fc;background-color:#42a5fc;color:#fff;padding:.5rem;width:100%;display:flex;justify-content:center;align-items:center}.login-form-button[disabled][data-v-27003a8e]{opacity:.6}.login-form-button[data-v-27003a8e]:not([disabled]):hover{background-color:#047feb;border-color:#047feb}.login-form-button[data-v-27003a8e]:focus{box-shadow:0 0 2px 2px #a1d2fe}.spinner[data-v-27003a8e]{margin-right:.5rem}form[data-v-5cf10971]{border-radius:.5rem;padding:1rem;background-color:#fff}.error[data-v-5cf10971]{color:#bf0000;margin-bottom:1rem;position:relative}.icon[data-v-5cf10971]{position:absolute;max-width:1em;max-height:1em}.text[data-v-5cf10971]{margin-left:calc(1em + .25rem)}.login-form-input[data-v-5cf10971]{margin-bottom:1rem}.logo[data-v-0de6b9de]{display:block;max-width:192px;height:auto;margin:0 auto;margin-bottom:2rem}