#root{width:100%;margin:0 auto;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}@media (max-width: 600px){#root{padding:1rem}}.logo-block{display:flex;align-items:center;justify-content:center;gap:2rem;word-break:break-word}.logo-block h1{margin:0}@media (max-width: 600px){.logo-block{gap:0;flex-direction:column}.logo-block h1{font-size:2.5rem;margin-top:1rem}}.logo-block .logo{color:#fff;font-size:5em}@media (max-width: 600px){.logo-block .logo{font-size:5em}}.dashboard-grid{display:grid;gap:2rem;width:100%}@media (min-width: 2000px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 2000px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid .fourth-item{grid-column:span 3}}@media (max-width: 1400px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid .fourth-item{grid-column:span 1}}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-grid .dashboard-item{background-color:#1d1b1c;border-radius:.5rem;display:flex;flex-direction:column}.dashboard-grid .dashboard-item h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;z-index:10}.dashboard-grid .dashboard-item h2.margin-top{margin-top:1rem}.dashboard-grid .dashboard-item .dashboard-item-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.dashboard-grid .dashboard-item .dashboard-item-content{font-size:1.25rem;color:#fff}.dashboard-grid .dashboard-group-item,.dashboard-grid .dashboard-item{padding:1rem}.dashboard-grid .dashboard-group-item h2,.dashboard-grid .dashboard-item h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;z-index:10}.dashboard-grid .dashboard-group-item h2.margin-top,.dashboard-grid .dashboard-item h2.margin-top{margin-top:1rem}.dashboard-grid .dashboard-group-item.no-padding,.dashboard-grid .dashboard-item.no-padding{padding:0}.dashboard-grid .dashboard-group-vertical{display:grid;gap:2rem;grid-template-rows:auto 1fr}.dashboard-grid .dashboard-group-vertical .dashboard-group-item{background-color:#1d1b1c;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}.dashboard-grid .dashboard-group-horizontal{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1280px){.dashboard-grid .dashboard-group-horizontal.break{grid-template-columns:2fr 3fr}}.dashboard-grid .dashboard-group-horizontal .dashboard-group-item{background-color:#1d1b1c;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}.wind-block{position:relative;width:100%;border-radius:0 0 .5rem .5rem;overflow:hidden;flex-grow:1}.wind-block .wind-direction-wrapper{position:relative;z-index:10;width:100%;height:auto;aspect-ratio:1/1}.wind-block .wind-direction-wrapper .wind-data{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;position:absolute}@media (max-width: 600px){.wind-block .wind-direction-wrapper .wind-data{font-size:.9rem}}.wind-block .wind-direction-wrapper .wind-data .wind-direction-degrees{font-size:1.5rem}@media (max-width: 600px){.wind-block .wind-direction-wrapper .wind-data .wind-direction-degrees{font-size:1rem}}.wind-block .wind-direction-wrapper .wind-data .wind-speed{font-size:3rem}@media (max-width: 600px){.wind-block .wind-direction-wrapper .wind-data .wind-speed{font-size:2rem}}.wind-block .wind-direction-wrapper .wind-data .wind-speed-unit{font-size:.5em}.wind-block .wind-direction-wrapper .wind-direction-label{font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}@media (max-width: 600px){.wind-block .wind-direction-wrapper .wind-direction-label{font-size:1rem}}.wind-block .wind-direction-wrapper .wind-direction-label-n{top:5%}.wind-block .wind-direction-wrapper .wind-direction-label-s{bottom:5%;transform:translate(-50%,50%)}.wind-block .wind-direction-wrapper .wind-direction-label-e{right:5%;top:50%;transform:translate(50%,-50%)}.wind-block .wind-direction-wrapper .wind-direction-label-w{left:5%;top:50%}.wind-block .wind-direction-wrapper .wind-direction-element-wrapper{height:100%;width:100%;transition:transform 1s ease;position:absolute;top:0%;left:0%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:20}.wind-block .wind-direction-wrapper .wind-direction-element-wrapper .wind-direction-element{font-size:2rem;position:relative;bottom:-40%;display:flex;align-items:center;flex-direction:column}.wind-block .wind-direction-wrapper .wind-direction-element-wrapper .wind-direction-element-degrees{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:700;color:#000}.wind-block .wind-direction-wrapper .average-wind-direction-element-wrapper{height:100%;width:100%;transition:transform 1s ease;position:absolute;top:0%;left:0%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:10}.wind-block .wind-direction-wrapper .average-wind-direction-element-wrapper .average-wind-direction-element{font-size:1.5rem;position:relative;display:flex;align-items:center;bottom:-40%;opacity:.75;flex-direction:column}.wind-block .wind-direction-wrapper .average-wind-direction-element-wrapper .average-wind-direction-element-degrees{font-size:.65rem;padding:.25rem .5rem;border-radius:4px;color:#000}.wind-block .wind-direction-wrapper .wind-direction-line-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%}.wind-block .wind-direction-wrapper .wind-direction-line-wrapper .wind-direction-line-wrapper{position:absolute;left:15%;width:35%;height:3px;transform-origin:100%;display:flex;justify-content:start}.wind-block .wind-direction-wrapper .wind-direction-line-wrapper .wind-direction-line-wrapper .wind-direction-line{width:20px;height:3px;border-radius:10px;background-color:#fff}.wind-block .netherlands-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.wind-block .netherlands-bg{position:absolute;top:50%;left:50%;width:3000px;height:3000px;opacity:.15;z-index:0;transform:translate(-50%,-50%);fill:#fff}.wind-history .wind-history-chart{width:100%;height:100%}.wind-history .bar-wind{background:linear-gradient(to top,#add8e6,#1c1cff,green,#ff0,orange,red,#8b0000,purple,indigo,brown,#000)}.wind-history .bar-wind.bar-hover{fill:orange}.wind-history .tooltip{background-color:#333;border-radius:.5rem;color:#fff;padding:.5rem 1rem;position:absolute;z-index:1000;pointer-events:none}.wind-history .duration-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.wind-history .duration-tabs .duration-tab{background-color:#242424;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.wind-history .duration-tabs .duration-tab.active{background-color:#333}@media (max-width: 600px){.wind-history .duration-tabs .duration-tab{font-size:.9rem;padding:.5rem .75rem}}.sea-water-temperature-wrapper{height:100%;display:flex;flex-direction:column}.sea-water-temperature-wrapper .sea-water-temperature-value{font-size:3rem;margin:1rem 0;font-weight:700;color:#fff}.sea-tide-wrapper{height:100%;display:flex;flex-direction:column}.sea-tide-wrapper .sea-tide{display:flex;justify-content:center;align-items:center;flex-grow:1;gap:2rem}@container (max-width: 200px){.sea-tide-wrapper .sea-tide{flex-direction:column;background-color:#000}}.sea-tide-wrapper .sea-tide .tides-value{font-size:2rem;font-weight:700;margin:1rem 0;color:#fff}@media (max-width: 600px){.sea-tide-wrapper .sea-tide .tides-value{font-size:2rem}}.sun-times-wrapper .sun-times{display:flex;gap:2rem;justify-content:center}.sun-times-wrapper .sun-times .sun-set,.sun-times-wrapper .sun-times .sun-rise{font-size:2rem;font-weight:700;margin:1rem 0}.wind-prediction-wrapper .period-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;margin-top:2rem}.wind-prediction-wrapper .period-tabs .period-tab{background-color:#242424;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.wind-prediction-wrapper .period-tabs .period-tab.active{background-color:#333}@media (max-width: 600px){.wind-prediction-wrapper .period-tabs .period-tab{font-size:.9rem;padding:.5rem .75rem}}.wind-graph-tooltip{background-color:#333;border-radius:.5rem;color:#fff;padding:.5rem 1rem;position:absolute;z-index:1000;pointer-events:none}.windmeter-footer{margin-top:2rem}.windmeter-footer a{text-decoration:none}.windmeter-footer .copyright,.windmeter-footer .supported-by{font-size:.8rem;color:#9a9a9a}.webcam{width:100%;height:100%;aspect-ratio:16/9}@font-face{font-family:Kilimanjaro Sans ExtraTall Rnd3;src:url(/assets/Kilimanjaro-Sans-Extra-Tall-Round3-B2x0CGsi.woff2) format("woff2");font-weight:400;font-style:normal}:root{font-family:Mundial,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#2d8e60;background-image:url(/assets/background-6nkk8wFP.jpg);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{word-break:break-word}a{font-weight:500;color:#e39e33;text-decoration:inherit}a:hover{color:#c5882a}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Kilimanjaro Sans ExtraTall Rnd3,system-ui,Avenir,Helvetica,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}