:root{--wx-bar:#0b4f8a;--wx-bg:#1470bf;--wx-bg-2:#0f5fa6;--wx-line:#ffffff2e;--wx-yellow:#fde047;--wx-accent:#fff;--wx-text:#fff;--wx-muted:#ffffffbf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--wx-bg);color:var(--wx-text);margin:0}html{overscroll-behavior-y:none}body{-webkit-tap-highlight-color:transparent;min-height:100vh}a{color:inherit}button,select,input{font:inherit;color:inherit}:where(button,a,input,select,[role=button]):focus-visible{outline:3px solid var(--wx-yellow);outline-offset:2px}svg.i{vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.2em;height:1.2em}.wx-bar{z-index:10;background:var(--wx-bar);flex-wrap:wrap;align-items:center;gap:.25rem;min-height:3.5rem;padding:.5rem;display:flex;position:sticky;top:0}.wx-bar-back{border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.wx-bar-back:hover{background:#ffffff1f}.wx-bar-home{padding:0 .25rem;display:flex}.wx-bar-home img{width:2rem;height:2rem;display:block}.wx-bar-title{flex:1 0 auto;min-width:0;max-width:100%;padding-left:.25rem}.wx-bar-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:600;overflow:hidden}.wx-main{max-width:720px;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));margin:0 auto}.wx-body-pages{height:100vh;flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.wx-body-pages .wx-bar{flex:none}.wx-body-pages .wx-main{flex:1;width:100%;max-width:none;min-height:0;margin:0;padding-bottom:0}.wx-pages{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;height:100%;display:flex;overflow:auto hidden}.wx-pages::-webkit-scrollbar{display:none}.wx-page{overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;width:100%;min-width:0;height:100%;padding-bottom:env(safe-area-inset-bottom);flex:0 0 100%;overflow:hidden auto}.wx-page-inner{max-width:720px;margin:0 auto}.wx-warn{background:#fde04726;border:1px solid #fde04780;border-radius:.5rem;margin:.75rem;padding:.6rem .8rem}.wx-muted{color:var(--wx-muted)}.wx-pad{padding:1rem}.wx-foot{color:var(--wx-muted);background:var(--wx-bar);flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.wx-foot a{color:var(--wx-accent)}.wx-dots{align-items:center;gap:.3rem;min-width:0;max-width:100%;margin-left:auto;padding-left:.25rem;display:flex}.wx-dots>.wx-dot,.wx-dots-sep{flex:none}.wx-dots-locs{flex:0 auto;min-width:0;position:relative}.wx-dots-scroll{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:.3rem;display:flex;overflow-x:auto}.wx-dots-scroll::-webkit-scrollbar{display:none}.wx-dots-scroll>.wx-dot{flex:none}.wx-dot{letter-spacing:.02em;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.wx-dot:hover{background:#ffffff1f}.wx-dot.is-active{background:var(--wx-yellow);border-color:var(--wx-yellow);color:var(--wx-bar)}.wx-dot-cfg{color:var(--wx-muted);border-color:#ffffff38}.wx-dots-sep{background:#ffffff59;width:1px;height:1.6rem;margin:0 .2rem}.wx-icon{vertical-align:middle;width:1em;height:1em;display:inline-block}.wx-now{grid-template-columns:repeat(3,1fr);gap:.25rem .5rem;padding:.75rem;display:grid}.wx-now-time{grid-column:1/-1;font-size:.95rem}.wx-now-cell{text-align:center;grid-template-rows:5.9rem auto;place-items:start center;gap:.25rem;min-width:0;display:grid}.wx-now-cell>svg{align-self:center}.wx-now-icon{width:5rem;height:5rem}.wx-now-temp{color:var(--wx-yellow);margin-top:-.2rem;font-size:3rem;font-weight:300;line-height:1.1}.wx-now-wind .wx-wind-rose{width:4.8rem;height:4.8rem}.wx-now-moon .wx-moon{width:5.9rem;height:5.9rem}.wx-now-txt{font-size:1.05rem;line-height:1.25}.wx-now-txt strong{font-size:1.4rem;font-weight:500;display:block}.wx-now-txt small{color:var(--wx-muted);white-space:nowrap;margin-top:.1rem;font-size:.78rem;display:block}.wx-obs{border:1px solid var(--wx-line);background:#00000024;border-radius:.5rem;margin:0 .75rem .75rem;padding:.5rem .75rem}.wx-obs-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem;display:flex}.wx-obs-src{color:var(--wx-muted);text-align:right;font-size:.8rem}.wx-obs-grid{grid-template-columns:repeat(4,1fr);gap:.35rem .5rem;display:grid}.wx-obs-grid>div{flex-direction:column;min-width:0;display:flex}.wx-obs-label{color:var(--wx-muted);white-space:nowrap;font-size:.72rem}.wx-obs-val{color:var(--wx-yellow);white-space:nowrap;font-size:1.05rem;font-weight:600}.wx-obs-val small{color:var(--wx-muted);font-size:.7rem;font-weight:400;display:block}.wx-obs-arrow{width:1.3em;height:1.3em}@media (max-width:480px){.wx-obs-grid{grid-template-columns:repeat(2,1fr)}}.wx-sun-row{color:var(--wx-yellow);background:var(--wx-bg-2);border-bottom:1px solid var(--wx-line);justify-content:space-around;padding:.35rem .6rem;font-size:.9rem;display:flex}.wx-hour-row.is-night{background:#0000002e}.wx-hour-row.is-night:nth-child(2n){background:#00000038}.wx-periods{border:1px solid var(--wx-line);background:var(--wx-bg-2);border-radius:.5rem;margin:0 .75rem .75rem;overflow:hidden}.wx-dayline{background:linear-gradient(to right, var(--wx-bg-2) var(--rise), #1e86d9 var(--rise), #1e86d9 var(--set), var(--wx-bg-2) var(--set));height:9.5rem;margin:0 10px;position:relative}.wx-dayline-ticks{height:1.4rem;position:absolute;top:4px;left:0;right:0}.wx-dayline-ticks>i{background:#ffffff80;width:1px;height:5px;position:absolute;top:0}.wx-dayline-ticks>i:last-child{margin-left:-1px}.wx-dayline-ticks>i.is-label{background:#ffffffd9;height:8px}.wx-dayline-ticks>i.is-label:after{content:attr(data-h);color:var(--wx-muted);font-size:.68rem;font-style:normal;position:absolute;top:9px;left:50%;transform:translate(-50%)}.wx-dayline-slots{position:absolute;inset:2.1rem 0 1.5rem}.wx-dayline-slot{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.wx-dayline-slot .wx-icon{width:2.3rem;height:2.3rem}.wx-dayline-slot span{color:var(--wx-yellow);font-size:.95rem;font-weight:600}.wx-dayline-sun{white-space:nowrap;font-size:.68rem;position:absolute;bottom:3px;transform:translate(2px)}.wx-dayline-sun.is-set{transform:translate(calc(-100% - 2px))}.wx-dayline-now{background:var(--wx-yellow);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #fde04799}.wx-dayline-now:before{content:"";border:5px solid #0000;border-top:6px solid var(--wx-yellow);position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:480px){.wx-dayline-slot .wx-icon{width:1.9rem;height:1.9rem}.wx-dayline-slot span{font-size:.85rem}}.wx-days{flex-direction:column;display:flex}.wx-day-row,.wx-hour-row{border-bottom:1px solid var(--wx-line);color:inherit;align-items:center;gap:.5rem;padding:.5rem .6rem;text-decoration:none;display:grid}.wx-day-row{grid-template-columns:minmax(2.6rem,.85fr) minmax(4rem,.9fr) minmax(2.9rem,1fr) minmax(4.9rem,1.25fr) minmax(6.9rem,1.25fr)}.wx-hour-row{grid-template-columns:minmax(3.6rem,.85fr) minmax(4rem,.9fr) minmax(2.9rem,.7fr) minmax(4.9rem,1.3fr) minmax(6.9rem,1.25fr)}.wx-hour-row:nth-child(2n){background:#0000000f}.wx-day-row.weekend{background:#00000024}.wx-day-row.is-today{background:#fde0471f}.wx-day-row:hover{background:#ffffff14}.wx-day-name{color:var(--wx-yellow);white-space:nowrap;font-size:1.2rem;font-weight:700;line-height:1.1}.wx-day-date{white-space:nowrap;font-size:.85rem}.wx-row-icon{justify-self:center;width:4rem;height:4rem}.wx-row-temp{white-space:nowrap;justify-self:center;width:2.7rem;font-size:1.25rem;font-weight:600;line-height:1.2}.wx-row-temp .max{color:var(--wx-yellow)}.wx-row-spread{color:var(--wx-muted);white-space:nowrap;margin-top:-.35rem;font-size:.72rem;line-height:1.1;display:none}.show-models .wx-row-spread,.wx-kept .wx-row-spread{display:block}.wx-kept:not(.show-models) .wx-row-spread{visibility:hidden}.wx-row-spread.is-temp{grid-column:3;justify-self:center}.wx-row-spread.is-stats{grid-column:4;justify-self:center}.wx-row-spread.is-wind{grid-column:5;justify-self:end}.wx-row-stats{white-space:nowrap;justify-self:center;width:4.9rem;font-size:.9rem;line-height:1.35}.wx-row-stats .sun{color:var(--wx-yellow)}.wx-row-stats svg.i{width:1em;height:1em}.wx-row-wind{justify-self:end;align-items:center;gap:.35rem;display:flex}.wx-row-wind .wx-icon{width:3.2rem;height:3.2rem}.wx-row-wind strong{white-space:nowrap;font-size:1.2rem;font-weight:600;line-height:1.05;display:block}.wx-row-wind-txt small{color:var(--wx-muted);white-space:nowrap;margin-top:.1rem;font-size:.78rem;display:block}.wx-hour-row.is-past{opacity:.5}.wx-hours-toggle{border:0;border-bottom:1px solid var(--wx-line);background:var(--wx-bg-2);width:100%;color:var(--wx-muted);text-align:left;cursor:pointer;align-items:center;gap:.4rem;padding:.45rem .6rem;font-size:.9rem;display:flex}.wx-hours-toggle svg{transition:transform .15s}.wx-hours-toggle.is-open svg{transform:rotate(180deg)}.wx-hour-row.is-now{background:#fde0471f}.wx-hour-row[role=button]{cursor:pointer}.wx-hour-row[role=button]:hover{background:#ffffff14}.wx-hour-time{white-space:nowrap;font-size:.95rem;line-height:1.2}.wx-hour-time strong{color:var(--wx-yellow);font-size:1.2rem;font-weight:700}.wx-day-bar{z-index:5;background:var(--wx-bg);border-bottom:1px solid var(--wx-line);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:sticky;top:3.5rem}.wx-day-back{color:var(--wx-accent);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.wx-day-bar select{background:var(--wx-bg-2);border:1px solid #ffffff59;border-radius:8px;padding:.3rem .5rem}.wx-modal{width:min(36rem,100% - 1.5rem);max-height:80vh;border:1px solid var(--wx-line);background:var(--wx-bg-2);max-height:80dvh;color:var(--wx-text);border-radius:12px;padding:0;overflow:hidden;box-shadow:0 .5rem 2rem #00000080}.wx-modal[open]{flex-direction:column;display:flex}.wx-modal::backdrop{background:#00000080}.wx-modal-head{background:var(--wx-bar);border-bottom:1px solid var(--wx-line);align-items:center;gap:.5rem;padding:.6rem .5rem .6rem .9rem;display:flex}.wx-modal-head h2{flex:1;margin:0;font-size:1rem;font-weight:600}.wx-modal-close{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:.35rem;display:inline-flex}.wx-modal-close:hover{background:#ffffff1f}.wx-modal-body{padding:.75rem .9rem 1rem;overflow-y:auto}.wx-detail-head{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.wx-detail-icon{flex:none;width:5rem;height:5rem}.wx-detail-temp{color:var(--wx-yellow);font-size:2.4rem;font-weight:300;line-height:1}.wx-detail-desc{margin-top:.2rem;font-size:1.05rem;font-weight:600}.wx-detail-title{border-bottom:1px solid var(--wx-line);text-transform:uppercase;letter-spacing:.04em;color:var(--wx-muted);margin:.9rem 0 .35rem;padding-bottom:.2rem;font-size:.8rem;font-weight:700}.wx-detail-grid{grid-template-columns:repeat(3,1fr);gap:.45rem .6rem;display:grid}.wx-detail-cell{flex-direction:column;min-width:0;display:flex}.wx-detail-label{color:var(--wx-muted);white-space:nowrap;font-size:.72rem}.wx-detail-val{color:var(--wx-yellow);white-space:nowrap;font-size:1.05rem;font-weight:600}.wx-detail-sub,.wx-detail-trend{color:var(--wx-muted);font-size:.72rem}.wx-detail-arrow{width:1.3em;height:1.3em}.wx-detail-table{overflow-x:auto}.wx-detail-table table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.85rem}.wx-detail-table th,.wx-detail-table td{text-align:left;padding:.2rem .35rem}.wx-detail-table thead th{color:var(--wx-muted);font-size:.72rem;font-weight:600}.wx-detail-table tbody th{font-weight:500}.wx-detail-table tbody th small{color:var(--wx-muted);font-size:.68rem;font-weight:400;display:block}.wx-detail-mini{width:1.6rem;height:1.6rem}@media (max-width:480px){.wx-detail-grid{grid-template-columns:repeat(2,1fr)}}.wx-modal input[type=search]{background:var(--wx-bg);border:1px solid #ffffff59;border-radius:8px;width:100%;padding:.5rem .7rem}.wx-pick-found,.wx-pick-mine{margin:.25rem 0 0;padding:0;list-style:none}.wx-pick-found li,.wx-pick-mine li{border-bottom:1px solid var(--wx-line);justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.wx-pick-found a,.wx-pick-mine a{color:var(--wx-accent);flex:1;text-decoration:none}.wx-pick-mine button{color:var(--wx-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:.25rem;display:inline-flex}.wx-pick-here{background:var(--wx-bg);cursor:pointer;border:1px solid #ffffff59;border-radius:8px;margin-top:.6rem;padding:.4rem .8rem}.wx-pick-note{margin:.6rem 0 0;font-size:.8rem}.wx-charts{padding:.75rem 0 1rem}.wx-charts-grid{grid-template-columns:minmax(0,1fr);display:grid}.wx-charts-grid>*{grid-column:1}.wx-charts-scroll{grid-template-rows:subgrid;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;grid-template-columns:max-content;display:grid;overflow:auto hidden}.wx-charts-scroll::-webkit-scrollbar{display:none}.wx-chart-head{background:var(--wx-bar);border-radius:8px;grid-template-columns:3.2rem 1fr 3.2rem;align-items:center;margin:0 .75rem .8rem;padding:.2rem .6rem;font-size:1.1rem;font-weight:700;display:grid}.wx-chart-head .u{font-size:1rem}.wx-chart-head .u:last-child{text-align:right}.wx-chart-head .t{text-align:center}.wx-chart-body{grid-template-columns:3.2rem max-content 3.2rem;display:grid}.wx-chart-body svg{display:block}.wx-chart-axis{z-index:1;background:var(--wx-bg);font-size:.85rem;position:sticky}.wx-chart-axis:first-child{left:0}.wx-chart-axis:last-child{right:0}.wx-hour-marker rect{fill:#0000004d}.wx-hour-marker text{fill:var(--wx-yellow)}.wx-chart-tip{min-height:1.2rem;color:var(--wx-muted);margin-bottom:.75rem;padding:0 .6rem .2rem;font-size:.8rem}.wx-chart-tip b{color:var(--wx-text)}.wx-tip-models{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wx-charts .wx-models{display:none}.wx-charts.show-models .wx-models{display:block}.wx-charts.show-models .wx-gusts{opacity:.3}.wx-charts.show-models .wx-prec rect{fill:#95bfe2}.wx-fab{z-index:5;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--wx-yellow);width:3.5rem;height:3.5rem;color:var(--wx-bar);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;box-shadow:0 .25rem .75rem #0006}.wx-fab svg{width:2rem;height:2rem}.wx-pages[data-view=grafieken] .wx-page[data-view=grafieken] .wx-fab,.wx-pages[data-view=verwachting] .wx-page[data-view=verwachting] .wx-fab,.wx-hours .wx-fab{display:flex}.show-models .wx-fab{background:var(--wx-text);transform:scale(.92)}.wx-wind-rose{width:100%;height:auto;display:block}.wx-wind-rose text{fill:var(--wx-text);text-anchor:middle;dominant-baseline:middle;font-size:15px;font-weight:600}.wx-wind-rose .wx-wind-rose-bft{fill:var(--wx-yellow);font-size:34px;font-weight:300}.wx-wind-rose .wx-wind-rose-unit{fill:var(--wx-muted);font-size:12px;font-weight:400}.wx-wind-rose .wx-wind-rose-dir{fill:var(--wx-yellow);font-size:30px;font-weight:500}.wx-wind-rose .wx-wind-rose-dir.is-long{font-size:22px}