:root{--bg-chart-urls: url(charts-bg.jpg) #4d4d4d;--bg-chart-rep: no-repeat;--bg-chart-pos: center center;--bg-chart-size: cover;--bg-chart-att: fixed;--bg-flip-btn: #333;--c-flip-btn: #e4e4e4;--bg-flip-table: #2e2e2e;--c-flip-table: #fff;--c-fare-low: #51ab2c;--c-fare-high: #fd6108;--c-primary: #ffdf10;--c-secondary: #81cff4;--c-text: #4d4d4d;--c-y-axis-text: #fff;--c-y-axis-text-shadow: #4d4d4d;--f-finance-rad: #676767;--f-legend: #999;--bg-infobox: #3a3939;--bd-infobox: hsl(0, 0%, 32%);--bd-infobox-top: rgba(200, 200, 200, 0.7);--c-infobox: #3a3939;--c-news-readmore: #e4e4e4;--c-yellow: #ffdf10;--c-btn-primary-hover: rgb(26, 26, 26);--c-blue: 90, 189, 232;--c-white: #fff;--range-shadow: rgba(0, 0, 0, 0.3);--range-bd: #414141;--c-third: #4d4d4d;--checkbox: url(icon-box-inset.svg);--checkbox-checked: url(icon-box-checked-inset.svg);--c-edit: #ffff;--c-headertext: #c8c8c8;--bd-barchart-title: rgba(200, 200, 200, 0.3);--opacity: 0.7;--c-arrow-up: #737373;--c-blue-veiled: #47758a;--c-white-veiled: #949494;--c-yellow-veiled: #978831;--c-grey: #777777;--c-charttext: #888;--bg-progress: #D2EDF9;--sh-progress: 200, 200, 200;--area-line: #fff;--chart-bg: url(chart-bg.svg);--bg-selectbox: #e3e3e3;--pos-stamp: -152px;--scale-stamp: 1;--btn-secondary-bg: #e4e4e4;--btn-secondary-bg-hover: var(--c-headertext);--svg-fill: var(--c-third);--btn-round-bg: var(--c-third);--bg-dash-readout: #fdf166;--c-dash-readout: #4d4d4d;--fill-dash-readout-icon: #4d4d4d;--fill-dash-readout-icon-color: transparent;--fz-y-axis: 0.8rem;--fz-x-axis: 0.8rem;--c-y-line: var(--c-charttext);--pos-y-axis-left: calc(100vw - 100px);--lantaarn-btn-bg: #999;--lantaarn-btn-bg-hover: #1a1a1a;--lantaarn-btn-c: var(--c-text);--lantaarn-btn-c-hover: #fff;--lantaarn-c-table: hsl(0, 0%, 84%);--lantaarn-c-table-detail: hsl(0, 0%, 84%);--lantaarn-bg-odd: hsl(0, 0%, 24%);--lantaarn-state-bg: #a0d20c;--lantaarn-state-neg: #FF7800;--lantaarn-toggle-c: #e4e4e4;--lantaarn-bullet-c: currentColor;--fill-doc-item: var(--c-news-readmore);--fill-doc-item-hover: var(--c-headertext);--fill-finance-title: #fff;--fill-prev-next: #c8c8c8;--dp-now: #7fcc29;--dp-average-c: #7fcc29;--dp-bg: #2e2e2e;--dp-box-shadow-c: hsla(0, 0%, 0%, 0.2);--dp-period-c: #e4e4e4;--dp-period-past-c: #888;--dp-now-bg: #34412a;--dp-page-title-c: #fff;--dp-tariff-c: var(--dp-average-c);--dp-tariff-past-c: #579132;--dp-usage-c: rgb(61, 197, 255);--dp-gas-c: #e4e4e4;--dp-area-line-c: hsl(99, 72%, 40%);--dp-area-fill: hsla(91, 72%, 51%, 0.2);--dp-area-future-fill: hsla(91, 72%, 51%, 0.4);--dp-average-line-c: hsl(99, 72%, 40%);--dp-stack-current-c: hsl(91, 72%, 42%);--dp-stack-c: rgb(var(--c-blue));--dp-stack-selected-c: transparent;--dp-y-axis-c: #e4e4e4;--dp-y-line-c: var(--c-y-line);--dp-x-line-c: var(--c-y-line);--height-pricing-chart: 432px;--fg-scrollbar: rgb(106, 106, 106);--bg-scrollbar: rgba(41, 41, 41, 0.5);--size-icon: 1.8rem}@font-face{font-family:MuseoSans;src:url(MuseoSans_300.otf) format("opentype");font-style:normal;font-weight:normal;font-display:swap}@font-face{font-family:MuseoSans;src:url(MuseoSans_500.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:MuseoSans;src:url(MuseoSans_700.otf) format("opentype");font-style:normal;font-weight:bold;font-display:swap}@font-face{font-family:MuseoSans;src:url(MuseoSans_900.otf) format("opentype");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:"Public Sans";font-weight:100 900;font-display:swap;font-style:normal;src:url("PublicSans-var.woff2") format("woff2")}*{box-sizing:border-box}html{font-family:MuseoSans,sans-serif;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ffdf10;color:var(--c-text);font-size:62.5%}body{margin:0;font-size:15px;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}a.btn-primary{color:var(--c-headertext)}a.has-line{text-decoration:underline}a.tile-green{display:flex;justify-content:center;align-items:center;height:100%;font-size:20px;color:#60b639;font-weight:500;background-color:#e9f8e6;border-radius:4px}a.icon-left,a.icon-right{display:inline-flex;align-items:center}a.icon-left svg,a.icon-right svg{fill:#c8c8c8;flex:0 0 2.4rem}.prev-next-nav a{color:var(--fill-prev-next)}.prev-next-nav a svg{fill:var(--fill-prev-next)}hr{margin:48px 0;border:none;padding:0;height:1px;background-color:rgba(77, 77, 77, 0.1)}hr.login-form,hr.demo-page{margin:24px 0}textarea,input,button{font-family:inherit}textarea,select,button,input[type=button],input[type=reset],input[type=submit],input[type=text],input[type=email],input[type=number],input[type=date],input[type=time],input[type=password]{border:none}input[type=text],input[type=email],input[type=number],input[type=date],input[type=time],input[type=password]{height:48px;font-size:15px;padding:4px 8px}button,input[type=button],input[type=reset],input[type=submit]{padding:2px 14px 2px;color:#c8c8c8;font-size:13px;-webkit-appearance:button;border:none;border-radius:4px;font-weight:bold;cursor:pointer;text-transform:uppercase}button.dash-readout-item,input[type=button].dash-readout-item,input[type=reset].dash-readout-item,input[type=submit].dash-readout-item{text-transform:none}.tile textarea,.tile input[type=text],.tile input[type=email],.tile input[type=number],.tile input[type=date],.tile input[type=time],.tile input[type=password]{background-color:#e4e4e4}.btn{display:inline-block;margin-bottom:8px;padding:2px 0;border-radius:4px;font-size:13px;font-weight:bold;color:inherit;text-transform:uppercase}.btn-transp{background:none;padding:0}.btn-round{display:inline-flex;align-items:center;border-radius:50%;background-color:var(--btn-round-bg)}@keyframes scaleChat{0%{transform:scale(0)}50%{transform:scale(0)}100%{transform:scale(1)}}.chat{position:fixed;bottom:9px;right:12px;display:flex;justify-content:center;align-items:center;height:48px;width:48px;border-radius:24px 6px 24px 24px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.2);cursor:pointer;background-color:#81cff4;animation:1s ease-out 0s 1 scaleChat}.chat svg{width:20px;height:auto}.chat svg path{fill:#444}.chat-page .chat{display:none}.btn-icon{display:flex;align-items:center;padding-left:14px;padding-right:1px}.btn-icon.left{padding-left:1px;padding-right:14px}.btn-icon [class^=icon-]{width:30px;height:30px}.btn-single-icon{padding:4px 6px 3px}.btn-single-icon svg{width:20px;height:20px;margin-top:1px}.btn-primary{--c-third: rgb(77, 77, 77);--c-third-50: rgba(77, 77, 77, 0.5);background-color:var(--c-third);transition:background-color .3s}.btn-primary:hover,.btn-primary.selected{background-color:var(--c-btn-primary-hover)}.btn-primary.hover-50:hover{background-color:var(--c-third-50)}.btn-primary [class^=icon-]{fill:#c8c8c8;color:transparent}.btn-secondary{background-color:var(--btn-secondary-bg);transition:background-color .3s}.btn-secondary:hover{background-color:var(--btn-secondary-bg-hover)}.btn-secondary [class^=icon-]{fill:var(--svg-fill);color:transparent}.btn-third,.btn-blue{color:#fff;transition:background-color .3s}.btn-third [class^=icon-],.btn-blue [class^=icon-]{fill:#fff;color:transparent}.btn-third{background-color:#b3b3b3}.btn-third:hover{background-color:#4d4d4d}.btn-blue{background-color:rgb(var(--c-blue))}.btn-blue:hover{background-color:#36a6ce}.btn-white{background-color:#fff;color:rgb(var(--c-blue))}.btn-fourth{color:var(--c-headertext);background-color:var(--c-third);margin:12px 0 0;padding:6px;transition:background-color .3s}.btn-fourth:hover{background-color:#1a1a1a}.btn-fourth [class^=icon-]{fill:var(--c-headertext);color:transparent}.lantaarn-btn{color:var(--lantaarn-btn-c);margin:12px 0 0;padding:6px;transition:background-color .3s;background-color:var(--lantaarn-btn-bg)}.lantaarn-btn:hover{--lantaarn-btn-bg: var(--lantaarn-btn-bg-hover);--lantaarn-btn-c: var(--lantaarn-btn-c-hover)}.lantaarn-btn [class^=icon-]{fill:var(--lantaarn-btn-c);color:transparent}.btn-green{color:#fff;background-color:#4fbf34}.btn-green [class^=icon-]{fill:#fff;color:transparent}.btn-disabled{background-color:#fdf166;color:#ffdf10;cursor:default}.btn-disabled [class^=icon-]{fill:#ffdf10;color:transparent}.fill-bg{fill:currentColor}.link-icon{display:flex;align-items:center;transition:color .3s}.link-icon [class^=icon-]{width:24px;height:24px;margin-right:8px}.section-thankyou>.centered,.section-form>.centered,.section-sma>.centered{max-width:360px;margin:0 auto}@media screen and (max-width: 64em){.section-thankyou>.centered,.section-form>.centered,.section-sma>.centered{padding:0 2em}}.section-thankyou>.right,.section-form>.right,.section-sma>.right{text-align:right}.section-form>.centered{padding:3vh 0}@media screen and (max-width: 64em){.section-form>.centered{padding:6rem 2em 4rem}}.demo-user-page .sun,.section-thankyou .sun{display:block;margin-left:auto;margin-right:auto}.section-thankyou{padding:64px 15px 0}.section-thankyou h1{font-size:22px;font-weight:900;text-align:center}.section-thankyou .centered{padding:12px 0}.demo-user-page{margin-top:3rem}@media screen and (max-width: 64em){.demo-user-page .sun{width:150px;height:150px}.demo-user-page+.section-form>.centered{padding-block:1rem}}.no-display{display:none}.messages{margin-top:-12px}.account-page .messages{margin-top:0}.account-page .messages .message:first-child{margin-top:20px}.messages .message{margin-bottom:8px;padding-top:18px;padding-bottom:18px;color:#333;background-color:var(--c-secondary);animation:goAway ease-out .5s 6s forwards}.messages .message-content{max-width:1000px;margin-left:auto;margin-right:auto;padding-left:4vw;padding-right:4vw}@media screen and (max-width: 27.5em){.messages .message-content{padding-left:24px;padding-right:24px}}.dashboard-page .messages{position:absolute;top:76px;left:0;right:0;z-index:1}@keyframes goAway{0%{opacity:1}50%{opacity:0}99%{opacity:0;height:0;overflow:hidden;z-index:0}100%{opacity:0;height:0;overflow:hidden;z-index:0;margin:0;padding-top:0;padding-bottom:0}}.pioneer-form .pioneer-formfield{margin-bottom:15px;margin-top:10px}.pioneer-form textarea{width:100%}.pioneer-form .pioneer-label{margin-bottom:5px}.pioneer-form .pioneer-widget input:not([type=checkbox]):not([type=radio]){width:100%}.pioneer-form .form-extra-links{margin-bottom:10px}.pioneer-form .link-icon{font-size:14px}.pioneer-form .link-icon [class^=icon-]{fill:#4d4d4d;color:rgba(77, 77, 77, 0.1)}.formcontrols{display:flex;margin-top:24px}.formcontrols button{margin-left:auto;margin-bottom:8px}.formcontrols.stay-signed-in{justify-content:flex-end}.formcontrols.stay-signed-in button{margin-left:10px}.formcontrols.flex-end{justify-content:flex-end}.formcontrols.flex-end button,.formcontrols.flex-end span.btn,.formcontrols.flex-end a.btn{margin-left:10px}.formcontrols.flex-end a.btn{padding:4px 0}.formcontrols.flex-start{justify-content:flex-start}.formcontrols.flex-start button,.formcontrols.flex-start a.btn{margin-left:0;margin-right:8px}.pioneer-errors{margin:10px 0 0;font-size:14px;color:#e63312}.move-form .pioneer-errors{margin:20px 0;font-weight:bold}.pioneer-field{display:flex;flex-direction:column}.pioneer-field .pioneer-widget{order:1}.pioneer-field .pioneer-help-text{order:2;font-size:14px}.pioneer-field .pioneer-help-text ul{margin:10px 0 4px 16px;padding:0}.pioneer-field .pioneer-field-errors{order:3;margin-top:4px;font-size:14px;font-weight:bold;color:#e63312}.pioneer-field-has-error input{border-left:8px solid #e63312}.pioneer-widget input[name=totp]{width:175px}.pioneer-field-inline input{width:100%}@media screen and (min-width: 23.8125em){.pioneer-fields-inline{display:flex;flex-wrap:wrap}.pioneer-field-inline{flex-grow:1;margin-right:1rem}.pioneer-field-inline:last-child{margin-right:0}.pioneer-field-inline input[name=postcode],.pioneer-field-inline input[name=city]{width:100%}.street-info{display:flex;flex-wrap:wrap}.street-info .pioneer-formfield:first-child{margin-right:1rem;flex-grow:1}.street-info .pioneer-formfield:last-child>.pioneer-label{display:none}.street-info .pioneer-field-inline{max-width:10rem}.street-info .pioneer-field-inline:first-child{max-width:15rem}.street-info .pioneer-field-inline:last-child{max-width:15rem}.lookupaddress{max-width:30.5rem}.lookupaddress .pioneer-field-inline:first-child{width:18.5rem}.lookupaddress .pioneer-field-inline:last-child{width:8rem}}.street-info .pioneer-formfield{margin-bottom:0}.street-info .pioneer-field-inline{margin-bottom:1rem}.color-mode-form .pioneer-radioselect-label,.dynamic-price-form .pioneer-radioselect-label,.pioneer-checkboxinput label{position:relative}.color-mode-form .pioneer-radioselect-label input,.dynamic-price-form .pioneer-radioselect-label input,.pioneer-checkboxinput label input{position:absolute;opacity:0;left:-10px}.color-mode-form .pioneer-radioselect-label span,.dynamic-price-form .pioneer-radioselect-label span,.pioneer-checkboxinput label span{padding-left:32px;display:block}.color-mode-form .pioneer-radioselect-label span::before,.dynamic-price-form .pioneer-radioselect-label span::before,.pioneer-checkboxinput label span::before{content:"";position:absolute;left:0;top:0;display:block;width:18px;height:18px}.pioneer-checkboxinput label{display:inline-block}.pioneer-checkboxinput span::before{background:url(icon-box.svg) no-repeat}.pioneer-checkboxinput input:checked+span::before{background-image:url(icon-box-checked.svg)}.pioneer-checkboxinput a{color:var(--c-secondary);text-decoration:underline}.color-mode-form,.dynamic-price-form{margin-top:16px}.color-mode-form .pioneer-formfield:last-child,.dynamic-price-form .pioneer-formfield:last-child{margin-bottom:0}.color-mode-form .pioneer-radioselect-label,.dynamic-price-form .pioneer-radioselect-label{display:block;margin-top:8px}.color-mode-form .pioneer-radioselect-label span::before,.dynamic-price-form .pioneer-radioselect-label span::before{background:url(icon-radio.svg) no-repeat}.color-mode-form .pioneer-radioselect-label input:checked+span::before,.dynamic-price-form .pioneer-radioselect-label input:checked+span::before{background-image:url(icon-checkmark.svg)}label.switch{position:relative;display:flex;align-items:center}label.switch input{position:absolute;opacity:0;left:-10px}label.switch .icon-chart{margin-right:12px}label.switch span~svg{margin-left:auto}label.switch svg .action-move{transform:translateX(0);transition:transform 100ms}label.switch svg .action-change-color{fill:#b3b3b3;stroke:#a6a6a6;transition:fill 100ms,stroke 100ms}label.switch input:checked+svg .action-move{transform:translateX(170px)}label.switch input:checked+svg .action-change-color{stroke:#4ab007;fill:#50be08}.pioneer-selectbox{position:relative;max-width:380px;margin-bottom:8px;background-color:var(--bg-selectbox)}.pioneer-selectbox::after{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:block;width:32px;height:32px;content:url(icon-chevron-bullet-down.svg);pointer-events:none}.pioneer-selectbox select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;width:100%;margin-bottom:8px;padding:8px 40px 8px 8px;font-family:MuseoSans,Helvetica,sans-serif;font-size:1.6rem;color:var(--c-text);background-color:var(--bg-selectbox)}.toggle-pw-visibility{position:relative}.toggle-pw-visibility svg{position:absolute;top:0;right:0;width:var(--size-icon);height:var(--size-icon);fill:var(--c-text)}.toggle-pw-visibility .icon-eye-blocked{translate:-1rem 1.6rem;display:none}.toggle-pw-visibility .icon-eye{translate:-1rem 1.7rem}.toggle-pw-visibility .checkbox-toggle-password{position:absolute;clip-path:circle(0)}.toggle-pw-visibility .checkbox-toggle-password:checked~label .icon-eye-blocked{display:block}.toggle-pw-visibility .checkbox-toggle-password:checked~label .icon-eye{display:none}.toggle-pw-visibility .checkbox-toggle-password:focus-visible~label svg{outline:1px dotted var(--c-text)}main{padding:76px 0 6em}.dashboard-page main{padding:0}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;height:64px;padding-right:2vw;padding-left:4vw;color:#c8c8c8;background-color:#333}header [class^=icon-]{width:36px;height:36px;margin:0 6px;fill:#c8c8c8}header .move-item-right{margin-left:auto}header .icon-menu{cursor:pointer}header img{display:block}header .my-account-page .icon-user{fill:#ffdf10}.logo-header{display:inline-block;width:45px;height:28px;text-align:center}.logo-header .icon-home.logo{width:28px;height:28px;margin-inline:0;vertical-align:top;fill:var(--c-yellow)}.header-shadow{position:fixed;left:0;top:64px;right:0;z-index:2;display:block;content:"";height:10px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%)}.dropdown-location{position:relative;margin-left:4px}.selected-location{display:flex;align-items:center;cursor:pointer}.selected-location .icon-chevron-bullet-down-bold{width:32px;height:32px;fill:#c8c8c8;color:transparent;margin:0}.selected-location strong{font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 26.25em){.selected-location strong{width:140px}}.one-location{font-weight:500;padding-left:12px}[name=toggle-location-dropdown]{position:absolute;top:-20px}[name=toggle-location-dropdown]:checked+.dropdown-list{top:64px;box-shadow:2px 6px 4px 0 rgba(0, 0, 0, 0.4)}[name=toggle-location-dropdown]:checked+.dropdown-list>div{overflow:auto;max-height:70vh}.dropdown-list{position:fixed;top:-800px;left:0;right:0;overflow:hidden;color:#c8c8c8;padding-bottom:24px;background-color:#333;max-height:70vh;transition:top .3s}@media screen and (min-width: 40.0625em){.dropdown-list{left:80px;right:unset;width:320px}}.dropdown-list a{position:relative;display:block;padding:10px 10px 10px 40px;color:#c8c8c8;border-bottom:1px solid rgba(200, 200, 200, 0.25)}.dropdown-list a .icon-chevron-bullet-right{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;fill:#c8c8c8;color:transparent}.dropdown-list a:first-child{border-top:1px solid rgba(200, 200, 200, 0.25)}.dropdown-list a:hover,.dropdown-list a.selected{background-color:#4d4d4d}.dropdown-list .address{display:block;margin-bottom:4px;font-weight:500}.nav-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0, 0, 0, 0.4);display:none}[name=toggle-navigation]{position:absolute;top:-20px;opacity:0}[name=toggle-navigation]:checked+.nav-overlay+nav{transform:translateX(-330px) translate3d(0, 0, 0)}[name=toggle-navigation]:checked+.nav-overlay{display:block}nav{position:fixed;top:0;right:-330px;bottom:0;width:320px;transform:translateX(0) translate3d(0, 0, 0);background-color:#f2f2f2;transition:transform .3s;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3)}@media screen and (max-width: 26.25em){nav{width:84vw;transform:translateX(84vw)}}nav a:hover{color:#3bb3ec}nav a:hover .icon-chevron-bullet-right{fill:#3bb3ec}nav strong{font-weight:500}nav [role=menuitem]{display:block;position:relative;color:#4d4d4d;text-decoration:none;background-color:#fff;border-top:none;padding:7px 0 7px 32px;transition:color .2s ease}nav [role=menuitem].selected{color:#3bb3ec}nav [role=menuitem].selected .icon-chevron-bullet-right{fill:#3bb3ec}nav .icon-chevron-bullet-right{position:absolute;left:0;top:2px;width:28px;height:28px;fill:#4d4d4d;color:transparent;transition:fill .2s ease}nav .location{color:#4d4d4d;background-color:#fff;margin-bottom:24px;padding-top:8px}nav .location strong{font-size:1.8rem}nav .location [role=menuitem]{font-weight:bold;border-top:1px solid rgba(200, 200, 200, 0.4);padding:12px 32px}nav .location a:first-of-type{display:block;margin:12px 0 16px 32px}nav .location .icon-chevron-bullet-right{top:8px;left:auto;right:10px}nav .nav-links{background-color:#fff;padding:20px}.nav-header{height:64px;text-align:right;padding-top:14px;padding-right:16px;background-color:#3a3a3a}.nav-header .icon-close{width:32px;height:32px;fill:#c8c8c8;cursor:pointer}.scrollable-nav{height:calc(100% - 64px);overflow-y:auto}.mobile-menu{position:fixed;bottom:0;left:0;width:100vw;height:66px;background-color:var(--c-third);text-align:center}@media screen and (min-width: 40.0625em){.mobile-menu{position:relative;top:0;height:64px;width:auto;margin-left:24px;background-color:transparent}}.mobile-menu a{display:inline-block;width:36px;height:36px;margin:10px 5px}@media screen and (min-width: 40.0625em){.mobile-menu a{margin:14px 1px}}.mobile-menu a svg{width:100%;height:auto;fill:var(--c-charttext)}.mobile-menu a.selected svg{fill:var(--c-headertext)}header .mobile-menu [class^=icon-]{margin:0}@media screen and (max-width: 40em){.mobile-menu.hide-mobile{display:none}}.base-page{background:url(dashboard-bg.jpg) #ffdf10 no-repeat center center fixed;background-size:cover;min-height:calc(100vh - 6em)}.base-page.public main{padding-top:16rem}.base-page .btn-primary{color:#fff;background-color:#4d4d4d}.base-page .btn-primary:hover{background-color:#1a1a1a}.base-page .btn-primary svg{fill:#fff}.dashboard{padding:64px 0 0 0}@media screen and (min-width: 48.0625em){.dashboard{height:100vh}}.dash-columns{max-width:120rem;margin-left:auto;margin-right:auto;padding:2.4rem}@media screen and (min-width: 56em){.dash-columns{display:flex;flex-wrap:wrap;align-items:center;min-height:100%;padding:4.8rem}.dash-columns .dash-column-1{flex:1 0 36rem;padding-right:3.2rem}.dash-columns .dash-column-2{flex-grow:1;max-width:44rem}.dash-columns [name=dash-dropdown-toggle],.dash-columns label[for=toggle-dash-dropdown]{display:none}}.dash-halo-svg{display:block;max-width:40rem;margin:3.2rem auto}[name=dash-dropdown-toggle]{position:absolute;top:-20px;opacity:0}.dash-dropdown-slide{width:100%}@media screen and (max-width: 55.9375em){.dash-dropdown-slide{position:absolute;top:64px;left:50%;padding-top:20px;padding-bottom:5px;transform:translate(-50%, -93%) translate3d(0, 0, 0);background-color:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25);transition:transform .3s}.dash-dropdown-slide.init_state[data-items="1"],.dash-dropdown-slide.init_close[data-items="1"]{transform:translate(-50%, -23%) translate3d(0, 0, 0)}.dash-dropdown-slide.init_state[data-items="2"],.dash-dropdown-slide.init_close[data-items="2"]{transform:translate(-50%, -45%) translate3d(0, 0, 0)}.dash-dropdown-slide.init_state[data-items="3"],.dash-dropdown-slide.init_close[data-items="3"]{transform:translate(-50%, -60%) translate3d(0, 0, 0)}[name=dash-dropdown-toggle]:checked+.dash-dropdown-slide:not(.init_close){transform:translate(-50%, 0) translate3d(0, 0, 0)}[name=dash-dropdown-toggle]:checked+.dash-dropdown-slide:not(.init_close) .icon-chevron-bullet-down-bold{transform:rotate(-180deg)}[name=dash-dropdown-toggle]:checked+.dash-dropdown-slide.init_close{transform:translate(-50%, -90%) translate3d(0, 0, 0)}.dash-dropdown-slide label[for=toggle-dash-dropdown]{position:absolute;bottom:-16px;left:50%;width:80px;height:16px;transform:translate(-50%, 0)}.dash-dropdown-slide label[for=toggle-dash-dropdown] svg{width:inherit;height:inherit;fill:#676767;color:#fff;transform:rotate(0deg);transition:transform .25s;filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.12))}}@media screen and (min-width: 62.5625em){.dash_bg{background-color:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.4)}}.dash-item{padding:12px 8px 12px 20px;background-color:#fff;border-top:1px solid #e4e4e4}.dash-item.news{display:flex}.dash-item .date{margin-top:4px;font-size:11px;text-transform:uppercase}.dash-item .date b{font-weight:900}.dash-item-title{font-weight:900;font-size:36px}.dash-item-title small{font-size:18px}.dash-item-title .icon-arrow{width:24px;height:24px;fill:#b3b3b3}.dash-item-title .icon-arrow.decreased{display:none;transform:rotate(180deg);fill:#60b639}.dash-item-image{width:80px}.dash-item-image+.dash-link .news-title{padding-top:8px}.dash-item-image .image-border{position:relative;width:inherit;height:80px;overflow:hidden;border-radius:4px}.dash-item-image img{width:100%;height:80px;object-fit:cover}.dash-link{display:flex;width:100%;padding-left:12px}.dash-link span{display:block}.dash-link>span:first-child{flex-grow:1}.dash-link .dash-readmore-icon{align-self:center}.dash-link .dash-readmore-icon svg{width:32px;height:32px;fill:#4d4d4d;color:transparent}.close-news{text-align:left;text-decoration:underline;font-size:85%;color:#888;padding-left:32px}.dash-readout,.dash-dynamic-pricing{max-width:440px;margin:2rem auto}.dash-readout.white{--bg-dash-readout: #fff}.dash-readout.green{--bg-dash-readout: #60b639}.dash-readout.dark{--bg-dash-readout: #333}.dash-readout.dark .icon-meterstoring{--fill-dash-readout-icon-color: var(--bg-dash-readout)}.dash-readout.dark,.dash-readout.green{--c-dash-readout: #fff;--fill-dash-readout-icon: #ffdf10}.dash-readout-item{display:flex;align-items:center;justify-content:center;min-height:72px;padding:10px 0 12px 20px;font-size:22px;color:var(--c-dash-readout);background-color:var(--bg-dash-readout);border-radius:4px}@media screen and (max-height: 55.9375em){.dash-readout-item{font-size:18px}}.dashboard .dash-readout-item>span{font-size:18px}.dashboard .dash-readout-item>span>span{font-size:20px}@media screen and (max-height: 55.9375em){.dashboard .dash-readout-item>span{font-size:16px}.dashboard .dash-readout-item>span>span{font-size:18px}}.dash-readout-item>span{display:block;flex-grow:1;margin-left:16px}.dash-readout-item>span>span{display:block;font-weight:900}.dash-readout-item>span .larger{font-size:140%}.dash-readout-item svg{flex:0 0 48px;height:48px;fill:var(--fill-dash-readout-icon);color:var(--fill-dash-readout-icon-color)}.dash-readout-item svg.weather-icon{--fill-dash-readout-icon: rgb(61, 197, 255)}.dash-readout-item svg.icon-meterstoring{--fill-dash-readout-icon-color: #ff7800}.dash-readout-item svg.icon-1plus1free{--fill-dash-readout-icon: var(--c-dash-readout)}.dash-readout-item .icon-chevron-bullet-right-bold{--fill-dash-readout-icon: var(--c-dash-readout)}button.dash-readout-item{width:100%}button.dash-readout-item>span{text-align:left}.icon-meterstoring{color:#ff7800}.dash-dynamic-pricing{--bg-dash-readout: #333;display:flex;font-size:1.6rem;color:#fff}.dash-dynamic-pricing.desktop{display:none}@media screen and (min-width: 56em){.dash-dynamic-pricing{font-size:2.1rem}.dash-dynamic-pricing.desktop{display:flex}.dash-dynamic-pricing.mobile{display:none}}.dash-dynamic-pricing b{font-weight:900}.dash-dynamic-pricing small{font-size:60%}.dash-dynamic-pricing .larger{font-size:125%}.dash-dynamic-pricing .pricing-gas{font-size:1.7rem}.dash-dynamic-pricing .pricing-gas small{font-size:80%}.dash-dynamic-pricing .pricing-average{margin-bottom:.4rem}.dash-dynamic-pricing .text-info{position:relative;width:20rem;padding:10px 0 10px 15px;background-color:var(--bg-dash-readout);border-radius:4px 0 0 4px}.dash-dynamic-pricing .text-info::after{content:"";display:block;position:absolute;right:-2.4rem;top:50%;transform:translateY(-50%);height:0;width:0;border-style:solid;border-width:1.2rem;border-color:transparent transparent transparent var(--bg-dash-readout)}.dash-dynamic-pricing .svg-info{display:flex;align-items:center;flex:1 0 15rem;background:repeating-linear-gradient(135deg, rgb(57, 57, 57), rgb(57, 57, 57) 4px, rgb(82, 82, 82) 4px, rgb(82, 82, 82) 8px);border-radius:0 4px 4px 0}svg.pricing-dashboard{--c-y-line: #999;--dp-x-line-c: #999;--c-charttext: #999;--dp-average-line-c: hsl(99, 72%, 45%);--dp-area-line-c: hsl(99, 72%, 45%);display:block;width:100%}svg.pricing-dashboard .y-text{font-size:.8rem}svg.pricing-dashboard .vert-line{stroke-dasharray:2 1}svg.pricing-dashboard .line-price-average{stroke-dasharray:3 4}svg.pricing-dashboard .area-area.area-green{--dp-area-fill: hsla(91, 72%, 51%, 0.45)}svg.pricing-dashboard .stack-current-hour{fill:var(--dp-stack-current-c)}.no-prices{font-size:1.6rem;text-align:center}.meter-readout{max-width:710px;margin-left:auto;margin-right:auto;padding:64px 15px 0}.meter-readout h1{margin-top:48px;display:flex;align-items:center;font-size:22px;font-weight:900}@media screen and (max-width: 41.6875em){.meter-readout h1{font-size:20px}}.meter-readout h1 svg{fill:#4d4d4d;width:48px;height:48px;margin-right:12px}.meter-readout .meter-cat-title,.meter-readout strong{font-weight:900}.meter-readout-address,.meter-cat-title,.meter-readout-columns{padding-left:10px}.meter-cat-title{margin-top:20px;margin-bottom:10px}.meter-readout-columns.tlv,.meter-readout-columns.lvr{display:flex;flex-wrap:wrap}.meter-readout-columns.tlv .meter-box,.meter-readout-columns.lvr .meter-box{flex-grow:1}@media screen and (min-width: 41.75em){.meter-readout-columns.tlv .meter-box:first-child,.meter-readout-columns.lvr .meter-box:first-child{margin-right:12px}}.meter-readout-columns .meter-box{max-width:330px;margin-bottom:10px;padding:15px;background-color:#fdf166;border-radius:4px}.meter-readout-columns .meter-box-label{font-weight:900;margin-bottom:6px}.meter-readout-columns .meter-box-value{display:flex;margin:10px 0 10px 0}.meter-readout-columns .meter-box-value.field-error{position:relative}.meter-readout-columns .meter-box-value.field-error::before{content:"";position:absolute;top:50%;left:0;display:block;width:0;height:0;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #e63312}.meter-readout-columns input[inputmode=numeric],.meter-readout-columns .readout-dec,.meter-readout-columns .readout-unit{height:48px;font-weight:500}.meter-readout-columns input[inputmode=numeric]{font-size:32px;text-align:right;letter-spacing:5px;margin:0;padding:0}.meter-readout-columns input[inputmode=numeric].e{width:210px}.meter-readout-columns input[inputmode=numeric].g{width:180px}.meter-readout-columns .readout-dec{padding:10px 8px 0 4px;font-size:26px;background-color:#fdf8a8}.meter-readout-columns .readout-dec>span{padding-left:4px}.meter-readout-columns .readout-dec>span:nth-child(2){padding-left:8px;padding-right:4px}.meter-readout-columns.gas .readout-dec>span{color:#e63312}.meter-readout-columns .readout-unit{padding:20px 0 0 12px;font-size:16px;margin-left:auto}.meter-readout-columns ul.errorlist{list-style:none;font-size:14px;font-weight:700;margin:5px 0;padding:0;color:#e63312}.meter-readout-columns .validate-info{display:flex;align-items:center;margin-bottom:5px}.meter-readout-columns .validate-info .readout-value-show{font-size:32px;font-weight:500;margin-left:auto;letter-spacing:3px}.meter-readout-columns .validate-info [class^=icon-]{width:48px;height:48px}.meter-readout-columns .validate-info .icon-readout-likely{fill:#51ab2c}.meter-readout-columns .validate-info .icon-readout-unlikely{fill:#fd6108;color:#fff}.meter-readout-columns .validate-info-title{font-size:14px;font-weight:900}.meter-readout-columns .readout-prev{margin-top:2px;font-size:14px}.meter-readout-columns .readout-prev>span{font-weight:900}.checkbox-validate{position:relative;display:block;padding-top:12px;padding-left:24px}.checkbox-validate:hover span::after{opacity:.3}.checkbox-validate input{position:absolute;opacity:0}.checkbox-validate input:checked+span::after{opacity:1}.checkbox-validate input:focus+span::before{outline:#fff dotted 1px}.checkbox-validate span{position:relative;display:block;padding-left:26px}.checkbox-validate span::before,.checkbox-validate span::after{content:"";position:absolute;display:block}.checkbox-validate span::before{top:0;left:0;width:18px;height:18px;background:#fff;border:1px solid #4d4d4d;border-radius:3px}.checkbox-validate span::after{top:4px;left:4px;width:12px;height:12px;background:#4d4d4d;opacity:0}#weather [class^=icon-]{fill:#fff}section.outage-list,section.news{max-width:1000px;padding:0 24px;margin:24px auto}.section.news.less-2-items{max-width:1200px}.news-item{width:31%;min-width:280px;margin-bottom:25px;padding:24px 32px 32px;background-color:#fff;box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 39.3125em){.news-item{width:100%}}.less-2-items .news-item{width:45%}.news-item .news-date{margin-bottom:12px;font-size:12px;text-transform:uppercase}.news-item .news-description{margin-top:20px;margin-bottom:20px}.news-item .news-title{font-size:20px;line-height:1em}.news-item .readmore{text-align:right}.news-item img{display:block;margin-top:15px;margin-bottom:15px;max-width:100%;height:auto;border:4px solid #e4e4e4}.outage-list h1{display:grid;grid-template-columns:max-content auto;align-items:center;justify-content:center;gap:1rem;margin-inline:auto;max-width:80vw;font-size:3.6rem;font-weight:900;text-transform:uppercase}.outage-list h1 .icon-meterstoring{width:4.2rem;height:4.2rem}@media screen and (max-width: 37.5em){.outage-list h1{font-size:2rem}.outage-list h1 .icon-meterstoring{width:3.2rem;height:3.2rem}}.outage-item{margin-block:1.8rem;padding:1.8rem;background-color:#fff}.outage-item a{text-decoration:underline}.outage-item.expired{opacity:.7}.outage-date{margin-bottom:.5rem;font-weight:bold;text-transform:uppercase;font-size:1.2rem}.outage-title{font-size:2rem;margin-bottom:.4rem}.solar-page,.account-page,.chart-page,.finance-page{min-height:100vh;color:#c8c8c8;background:var(--bg-chart-urls);background-repeat:var(--bg-chart-rep);background-position:var(--bg-chart-pos);background-size:var(--bg-chart-size);background-attachment:var(--bg-chart-att)}.account-page main{padding-top:44px}.account-page h2{margin-top:0}.account-page section>div{position:relative}.account-page h3{margin:0;font-size:14px;font-weight:900}.account-page .tile{color:#4d4d4d;max-width:1000px;margin:20px auto}.account-page .tile>div{padding:20px 4vw;background-color:#fff;border-bottom:1px solid #e4e4e4}@media screen and (max-width: 40em){.account-page .tile>div{width:100%}}@media screen and (max-width: 27.5em){.account-page .tile>div{padding:16px 24px}}.account-page .tile>div.user-details{padding-left:83px}@media screen and (min-width: 27.5625em){.account-page .tile>div:first-child{padding-top:48px}}.account-page .tile>div:last-child{border-bottom:none;padding-bottom:32px}.account-page .tile>div>div{margin-bottom:6px}.account-page .tile>div>div.in-progress,.account-page .tile>div>div.doing-well{margin:12px -4vw 20px}@media screen and (max-width: 27.5em){.account-page .tile>div>div.in-progress,.account-page .tile>div>div.doing-well{margin:12px -24px 20px}}.account-page .tile>div>div:last-child{margin-bottom:0}.account-page .invoice-details h3:last-child{padding-top:12px}.account-page div .icon-user{position:absolute;left:20px;top:20px;width:48px;height:48px;fill:#4d4d4d}.account-page div h3{margin-top:0;font-size:18px}.account-page div .edit-detail{display:flex;align-items:flex-start}.account-page div .edit-detail div{flex-grow:1}.account-page div .edit-detail .btn{margin-bottom:0}.account-page div .email-preference h3{margin-bottom:0}.account-page .contract-details h2{margin-top:8px;margin-bottom:0;font-weight:900;font-size:22px}.account-page .downloads h3{margin-bottom:20px}.account-page .doc-item{display:flex;margin-top:8px;margin-bottom:8px;padding:16px;background-color:var(--fill-doc-item);border-radius:4px;transition:background-color .3s}.account-page .doc-item:hover{--fill-doc-item: var(--fill-doc-item-hover)}.account-page .wait{--fill-doc-item: hsl(0 0% 65%);--fill-doc-item-hover: hsl(0 0% 65%);color:hsl(0, 0%, 90%);pointer-events:none}.account-page .wait svg{opacity:.3}.account-page .doc-content{display:block;flex-grow:1;padding-right:10px}.account-page .doc-title{display:block;font-weight:bold}.account-page .in-progress,.account-page .doing-well{--opacity: 0.6;padding:20px 4vw;background-color:var(--bg-progress);box-shadow:inset 0 7px 3px -3px rgba(var(--sh-progress), var(--opacity))}@media screen and (max-width: 27.5em){.account-page .in-progress,.account-page .doing-well{padding:24px 24px 16px}}.account-page .in-progress p,.account-page .doing-well p{margin:8px 0}.account-page .in-progress .formcontrols,.account-page .doing-well .formcontrols{margin:0}.account-page .iban-check-field{position:relative}.account-page .iban-check-field input{padding-right:55px}.account-page .icon-warning{display:none;position:absolute;top:31px;right:12px;color:#ff7800;fill:#fff}.account-page .pioneer-field-has-error+.icon-warning{display:block}.img-centered{text-align:center;padding-block:clamp(20px,7vw,100px)}.img-centered img{width:16rem}.selected-preferences{list-style-type:none;margin:16px 0;padding-left:0}.selected-preferences li{display:grid;grid-template-columns:2.4rem 1fr;gap:0 .8rem;margin-block:.8rem}.selected-preferences li .selected-pref{display:inline-flex;justify-content:center;height:1.8rem}.selected-preferences li .selected-pref.no{font-weight:bold;background:url(icon-box-no.svg) no-repeat}.selected-preferences li .selected-pref.yes{background:url(icon-checkmark.svg) no-repeat;background-position:.3rem -0.1rem}.delivery-table{border-spacing:0;border-collapse:collapse;margin-top:20px}.delivery-table th{text-align:left}.delivery-table th,.delivery-table td{padding-right:20px;vertical-align:top}.delivery-table th:first-child,.delivery-table td:first-child{width:120px}.delivery-table.panelenopnaam{counter-reset:rowNumber}.delivery-table.panelenopnaam th:first-child{white-space:nowrap}.delivery-table.panelenopnaam tbody tr{counter-increment:rowNumber}.delivery-table.panelenopnaam tbody td.rownumber{width:1%}.delivery-table.panelenopnaam tbody td.rownumber::before{content:counter(rowNumber)}@media screen and (max-width: 27.5em){.delivery-table.panelenopnaam tr{display:grid;grid-template-columns:30px auto;padding-bottom:8px}.delivery-table.panelenopnaam thead tr th:nth-child(n+3){display:none}.delivery-table.panelenopnaam .location{grid-column:2/4}.delivery-table.panelenopnaam .startdate{grid-column:2}.delivery-table.panelenopnaam .enddate::before{content:"t/m "}.delivery-table.panelenopnaam .startdate,.delivery-table.panelenopnaam .enddate{font-style:italic}}.meterstanden{margin-top:6px}.error-page{min-height:100vh;color:#fff;background:url(charts-bg.jpg) #4d4d4d no-repeat center center fixed;background-size:cover}.error-page .error{max-width:800px;margin:0 auto;padding:100px 2vw 4vh;text-align:center}.error-page .icon-bliksem{width:40vw;height:40vw;max-width:300px;max-height:300px;fill:#ffdf10;margin-bottom:20px}.chart-nav{text-align:center;margin-bottom:8px}@media screen and (min-width: 40.0625em){.chart-nav{margin-bottom:24px}}.chart-nav a{min-width:71px;height:42px;margin:0 3px 10px;padding:13px}#stacks-component{position:relative;max-width:100vw;overflow:hidden;height:432px;background-size:1920px 432px;background-image:var(--chart-bg);background-repeat:repeat-x}@media screen and (max-width: 64em){#stacks-component{height:324px;background-size:1440px 324px}}@media screen and (max-width: 50.75em){#stacks-component{height:216px;background-size:960px 216px}}#stacks-component[data-level=day] .stacks-level.day,#stacks-component[data-level=month] .stacks-level.month,#stacks-component[data-level=year] .stacks-level.year{visibility:visible;overflow-x:auto}#stacks-component .stacks-page-label{font-size:1.2rem;text-align:center}#stacks-component .stacks-y-axis{display:none;position:sticky;left:var(--pos-y-axis-left);top:0;pointer-events:none;height:432px;width:200px}#stacks-component .stacks-y-axis text{font-family:inherit;fill:var(--c-y-axis-text);text-anchor:end;font-size:9px;opacity:1;text-shadow:1px 1px var(--c-y-axis-text-shadow)}#stacks-component .stacks-y-axis text.anim-text{animation:animYaxisText .8s}@keyframes animYaxisText{0%{opacity:0}100%{opacity:1}}@media screen and (max-width: 64em){#stacks-component .stacks-y-axis{height:324px;width:150px}}@media screen and (max-width: 50.75em){#stacks-component .stacks-y-axis{height:216px;width:100px}#stacks-component .stacks-y-axis text{font-size:12px}}#stacks-component[data-level=day] .stacks-y-axis.day,#stacks-component[data-level=month] .stacks-y-axis.month,#stacks-component[data-level=year] .stacks-y-axis.year,#stacks-component .stacks-y-axis.solar-day{display:block}.stacks-level{visibility:hidden;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;text-align:center;max-width:100vw;white-space:nowrap;scrollbar-color:var(--fg-scrollbar) var(--bg-scrollbar)}.stacks-level::-webkit-scrollbar{width:10px;height:10px;background-color:var(--bg-scrollbar)}.stacks-level::-webkit-scrollbar-track{background-color:var(--bg-scrollbar)}.stacks-level::-webkit-scrollbar-corner{background-color:var(--bg-scrollbar)}.stacks-level::-webkit-scrollbar-thumb{background:var(--fg-scrollbar);border-radius:10px}.stacks-level>:first-child{margin-left:50vw}.stacks-level>:last-child{margin-right:50vw}svg .area-area{stroke:none}svg .area-area.area-grey{fill:rgba(148, 148, 148, 0.41)}svg .area-area.area-blue{fill:rgba(var(--c-blue), 0.66)}svg .area-area.area-yellow{fill:rgba(255, 223, 16, 0.5)}svg .area-area.area-white{fill:rgba(255, 255, 255, 0.5)}svg .area-area.area-green{fill:var(--dp-area-fill)}svg .area-line{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}svg .area-line.area-grey{stroke:rgba(148, 148, 148, 0.6)}svg .area-line.area-blue{stroke:#5eceff}svg .area-line.area-yellow{stroke:#ffdf10}svg .area-line.area-white{stroke:var(--area-line)}svg .area-line.area-green{stroke:var(--dp-area-line-c)}svg .stack-base{fill:hsl(0, 0%, 32%)}svg .stack-grey{fill:var(--c-grey)}svg .stack-blue{fill:rgb(var(--c-blue))}svg .stack-blue.has-data{fill:var(--dp-stack-c)}svg .stack-yellow{fill:#ffdf10}svg .stack-white{fill:var(--c-white)}svg .stack-green{fill:var(--dp-area-fill)}svg .stack-green.future{--dp-area-fill: var(--dp-area-future-fill)}svg .stack-text{font-family:inherit;fill:var(--c-charttext)}svg .page.stack-text{font-size:9px}svg .diff.stack-text{font-size:18px}svg .diff.stack-text.day{font-size:12px}svg .this-is-now{stroke:rgba(255, 255, 255, 0.333);stroke-width:1;stroke-dasharray:3 1;vector-effect:non-scaling-stroke}svg .diff.chart-title{font-size:3rem;font-family:inherit;fill:var(--c-flip-table)}svg .y-text{font-size:2rem}svg .vert-line{stroke:var(--dp-x-line-c);stroke-dasharray:5 3;vector-effect:non-scaling-stroke}svg .line-price-average{stroke:var(--dp-average-line-c);stroke-dasharray:5 9}svg.pricing-stacks-page .vert-line,svg.pricing-stacks-page .line-price-average{stroke-dasharray:2 3}svg.pricing-stacks-page .y-text{font-size:.8rem}svg .line-x-axis{stroke:#c8c8c8;stroke-width:.5;vector-effect:non-scaling-stroke}svg.stacks-page{text-align:left;display:inline-block;vertical-align:top}svg.stacks-page .snap-item{cursor:pointer}svg.stacks-page .hatch{mask:url(#mask-stripe)}svg.stacks-page text{transition:fill .3s ease-out}svg.stacks-page rect{transition:height .3s ease,fill .3s ease-out}svg.stacks-page .stack-white{fill:var(--c-white-veiled)}svg.stacks-page .stack-blue{fill:var(--c-blue-veiled)}svg.stacks-page .stack-yellow{fill:var(--c-yellow-veiled)}svg.stacks-page .stack-load{fill:#888}svg.stacks-page .selected{--stack-selected: var(--c-white)}svg.stacks-page .selected .stack-text,svg.stacks-page .selected .stack-white{fill:var(--stack-selected)}svg.stacks-page .selected .stack-blue{fill:rgb(var(--c-blue))}svg.stacks-page .selected .stack-yellow{fill:#ffdf10}@media screen and (max-width: 64em){svg.stacks-page{height:324px}}@media screen and (max-width: 50.75em){svg.stacks-page{height:216px}svg.stacks-page .stack-text{font-size:12px}}div.stacks-page{text-align:left;display:inline-block;vertical-align:top}.stacks-page{height:432px}@media screen and (max-width: 64em){.stacks-page{height:324px}}@media screen and (max-width: 50.75em){.stacks-page{height:216px}}.day .stacks-page{width:1920px}@media screen and (max-width: 64em){.day .stacks-page{width:1440px}}@media screen and (max-width: 50.75em){.day .stacks-page{width:960px}}.month .stacks-page{width:1560px}@media screen and (max-width: 64em){.month .stacks-page{height:324px;width:1170px}}@media screen and (max-width: 50.75em){.month .stacks-page{height:216px;width:780px}}.year .stacks-page{width:1200px}@media screen and (max-width: 64em){.year .stacks-page{height:324px;width:900px}}@media screen and (max-width: 50.75em){.year .stacks-page{height:216px;width:600px}}.grid-column-values{text-align:center}.grid-column-values .info-column,.grid-column-values .row-2{padding:14px 14px 20px;min-height:100px}.grid-column-values .row-3{padding:14px 28px;text-align:left;border-top:1px solid var(--bd-infobox)}.grid-column-values .has-row-3{padding-bottom:0}.grid-column-values .info-column.tile-link{padding:10px}.grid-column-values .subtitle{font-size:16px;line-height:125%;margin-top:4px;margin-bottom:10px}.grid-column-values .subtitle small{font-size:.7em;hyphens:auto;text-transform:uppercase}@media screen and (max-width: 40em){.grid-column-values .value{font-size:24px}.grid-column-values .subtitle{font-size:13px}}@media screen and (min-width: 48.0625em){.grid-column-values{display:grid;grid-template-columns:1fr 1fr}.grid-column-values .column-2{grid-column:2;border-left:1px solid var(--bd-infobox)}}@media screen and (max-width: 48em){.grid-column-values .column-2:not(:last-child){border-bottom:1px solid var(--bd-infobox)}}.grid-column-values .column-1.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))}.grid-column-values .column-1.grid>div:not(:last-child){border-right:1px solid var(--bd-infobox)}.grid-column-values .info-yellow{color:var(--c-primary)}.grid-column-values .info-blue{color:var(--c-secondary)}.grid-column-values .row-infotext{padding:8px 14px 14px;text-align:left}.grid-column-values .row-infotext+.row-infotext-footnote{margin:15px -14px 0 -14px;padding:14px 28px 0;border-top:1px solid var(--bd-infobox)}.grid-column-values .row-infotext-footnote{padding:8px 14px 14px;text-align:left}.large{font-size:30px;font-weight:900}.medium,.medium-fw-normal{font-size:24px;line-height:100%}.medium{font-weight:900}.medium-fw-normal{margin-bottom:1.2rem}.info-column{position:relative}.info-column[data-prut]{cursor:pointer}.info-column .icon-arrow-up{position:absolute;bottom:-6px;left:50%;display:none;width:18px;height:18px;transform:translate(-50%);fill:var(--c-infobox);color:var(--c-arrow-up)}.info-column.selected{background-color:#2e2e2e}.info-column.selected .icon-arrow-up{display:block}@media screen and (min-width: 50.0625em){.finance-overview .info-column{padding:4.8rem}.finance-overview .info-column .inner-grid-columns>div{padding:0}}@media screen and (min-width: 48.0625em){.grid-bar-values{grid-template-rows:minmax(110px, max-content) auto}.grid-bar-values .column-2{grid-row:1/4}.finance-overview .grid-bar-values{grid-template-rows:unset}}@media screen and (max-width: 48em){.finance-overview .grid-bar-values .column-2{border-top:1px solid var(--bd-infobox)}}.grid-bar-values .column-1.grid>div{border-bottom:1px solid var(--bd-infobox)}.grid-bar-values .info-third{color:var(--c-news-readmore)}.grid-bar-values .unit{font-size:12px;margin-left:2px}.grid-bar-values .value:empty+.unit{display:none}.grid-bar-values .value:empty:before{content:"-"}.grid-bar-values #diff-label{margin:20px 0 14px;min-height:20px}.grid-bar-values #diff-label:empty{display:none}.grid-bar-values #diff-label:not(:empty)+#diff-chart{margin-top:10px}.grid-bar-values #diff-chart{margin:35px 0 10px 0}.grid-bar-values #diff-chart svg{display:block}.no-hour-data,.infobox .p4-outage{grid-template-columns:1fr 75px;align-items:center;padding:60px 34px 14px;font-size:16px}.no-hour-data:not(.no-display),.infobox .p4-outage:not(.no-display){display:grid}.infobox .icon-meterstoring{color:var(--bg-infobox)}.inner-grid-columns{display:grid;grid-template-columns:2fr 100px;text-align:left}.info-column .inner-grid-columns{display:none}.info-column .inner-grid-columns.active{display:grid}.inner-grid-columns>div{padding:8px 14px 14px}.inner-grid-columns .btn-blue{color:#4d4d4d}.inner-grid-columns .btn-blue svg{fill:#4d4d4d}.must-edit-advance-amount,.can-edit-advance-amount{padding:24px 29px;margin-left:-14px;margin-right:-14px;color:#4d4d4d;text-align:left;background-color:#81cff4;margin-top:2rem;margin-bottom:2rem;text-align:center}.must-edit-advance-amount .medium,.can-edit-advance-amount .medium{margin-bottom:6px}.may-always-edit-amount{padding-top:1em}.may-always-edit-amount a span{text-decoration:underline}.may-always-edit-amount a svg{width:22px;height:22px;margin-bottom:-6px;margin-right:-5px;margin-left:-3px;fill:#fff}.may-edit-advance-amount{text-align:left;padding-left:14px;padding-right:14px;margin-top:2rem;margin-bottom:2rem;text-align:center}.may-edit-advance-amount h3{margin-bottom:4px}.may-edit-advance-amount h3 a{display:flex;align-items:center}.may-edit-advance-amount h3 a span{text-decoration:underline;margin-right:6px}.may-edit-advance-amount h3 a svg{width:22px;height:22px;margin-right:5px;fill:var(--c-edit)}.may-edit-advance-amount .btn{margin-top:14px;color:var(--c-third)}.may-edit-advance-amount .btn svg{fill:var(--c-third)}.advance-amount-text{padding-left:12px;padding-right:12px;text-align:left}.selected-chart-info{box-shadow:0 0 8px 0 rgba(var(--c-btn-primary-hover), var(--opacity))}.lantaarn,.infobox{position:relative;max-width:1000px;color:var(--c-news-readmore);background-color:var(--bg-infobox)}.infobox{margin:0 auto;border-top:1px solid var(--bd-infobox-top)}@media screen and (max-width: 50.75em){.infobox{margin-top:10px}}.infobox[data-type=profiled] [data-type=real],.infobox[data-type=real] [data-type=profiled]{display:none}.infobox[data-type=profiled] .subtitle[data-expected]{display:none}.infobox[data-type=profiled][data-expected=yes] .subtitle[data-expected=yes],.infobox[data-type=profiled][data-expected=no] .subtitle[data-expected=no]{display:block}.infobox[data-type=profiled][data-level=day] .diff-chart{display:none}.infobox[data-type=profiled][data-prut=pon] .info-column[data-type=profiled]{display:none}.infobox[data-type=profiled][data-prut=pon][data-level=day] .diff-chart{display:block}.infobox .diff-has-estimates [data-type=profiled].column-2{display:block}.infobox .diff-has-estimates [data-type=profiled].column-2 .subtitle[data-expected]{display:none}.infobox>.icon-arrow-up{position:absolute;left:50%;top:-22px;width:30px;height:30px;transform:translate(-50%);fill:var(--c-infobox);color:var(--bd-infobox-top);filter:drop-shadow(0px -4px 2px rgba(var(--c-btn-primary-hover), var(--opacity)))}.infobox .barchart-title{text-transform:uppercase;padding:12px;text-align:center;border-bottom:1px solid var(--bd-barchart-title)}.infobox .temperature{color:var(--c-secondary)}.infobox.finance-overview b{font-weight:900}.infobox-content{padding:2rem}.finance-month-info{margin:20px auto;max-width:1100px;color:var(--c-news-readmore)}.finance-month-info .title{padding:15px 12px 25px;text-align:center}.finance-month-info table{width:100%;margin-left:auto;margin-right:auto;border-collapse:collapse;border-spacing:0}.finance-month-info th,.finance-month-info td{padding:12px;text-align:right;vertical-align:top;border-right:1px solid var(--bd-infobox);border-bottom:1px solid var(--bd-infobox)}.finance-month-info th:first-child,.finance-month-info td:first-child{text-align:left;border-left:1px solid var(--bd-infobox)}.finance-month-info th:not(:last-child),.finance-month-info td:not(:last-child){font-weight:normal}.finance-month-info th:last-child,.finance-month-info td:last-child{padding-right:18px}@media screen and (max-width: 23.4375em){.finance-month-info th,.finance-month-info td{padding-right:8px}.finance-month-info th:last-child,.finance-month-info td:last-child{border-right:none}.finance-month-info th:first-child,.finance-month-info td:first-child{padding-left:26px;border-left:none}}.finance-month-info th{border-top:1px solid var(--bd-infobox)}.finance-month-info th,.finance-month-info .real-usage{font-size:13px}.finance-month-info .month{text-transform:capitalize;padding-top:14px}.finance-month-info tbody td{font-size:18px}@media screen and (max-width: 23.4375em){.finance-month-info tbody td{font-size:16px}}@media screen and (max-width: 48em){.finance-month-info tbody td{padding-top:32px}.finance-month-info tbody td.month{font-size:13px}.finance-month-info tbody td.month .advance-amount{text-align:right;font-size:18px}}.finance-month-info tfoot{font-size:13px}.finance-month-info .real-cost{margin-bottom:4px;font-weight:900}.finance-month-info .advance-amount{display:block;padding-top:2px}@media screen and (min-width: 48.0625em){.finance-month-info{padding-left:4vw;padding-right:4vw}.finance-month-info .advance-amount{float:right}.finance-month-info th:first-child{text-align:right}.finance-month-info th:not(:first-child),.finance-month-info td:not(:first-child){padding-top:12px;width:225px}.finance-month-info th.month,.finance-month-info td.month{padding-left:24px}.finance-month-info th:last-child,.finance-month-info td:last-child{padding-right:24px}}.finance-chart{max-width:320px;margin:0 auto}@media screen and (min-width: 40.0625em){.finance-chart{margin:32px auto}}.finance-chart svg{max-width:100%}.finance-chart .arrow{display:none}.finance-chart .rad{fill:var(--f-finance-rad)}.finance-chart .note-icon-stroke{fill:transparent}.finance-chart .legend{fill:var(--f-legend)}.finance-chart .note-icon-txt{--c-text: #fff;fill:var(--c-text)}.finance-chart tspan.footnote{fill:var(--c-secondary)}.footnote{color:var(--c-secondary)}.active #rad-01,.active .rad-01{fill:#ff4200}.active #rad-02,.active .rad-02{fill:#ff7800}.active #rad-03,.active .rad-03{fill:#ffa600}.active #rad-04,.active .rad-04{fill:#ffdf10}.active #rad-05,.active .rad-05{fill:#a0d20c}.active #rad-06,.active .rad-06{fill:#50be08}.active #rad-07,.active .rad-07{fill:#009604}.active .arrow{display:block}.temporary-status .active #rad-01,.temporary-status .active .rad-01{fill:#ff4200}.temporary-status .active #rad-02,.temporary-status .active .rad-02{fill:#ff6402}.temporary-status .active #rad-03,.temporary-status .active .rad-03{fill:#ff7800}.temporary-status .active #rad-04,.temporary-status .active .rad-04{fill:#ff9401}.temporary-status .active #rad-05,.temporary-status .active .rad-05{fill:#ffa600}.temporary-status .active #rad-06,.temporary-status .active .rad-06{fill:#ffdf10}.temporary-status .active #rad-07,.temporary-status .active .rad-07{fill:#e8e107}.align-left-container,.align-right-container{max-width:1000px;margin:24px auto 0}.align-right-container::after{content:"";display:block;clear:both}.align-right-container .align-right{float:right;margin:0}.icon-invoice{width:60px;height:60px;fill:#4d4d4d;color:#b3b3b3}.icon-arrow{width:24px;height:24px;margin-left:-8px}.icon-arrow.credit{transform:rotate(180deg)}.inner-column-2 svg{width:100%;height:auto;fill:var(--c-yellow)}.state{position:relative;width:76px}.icon-arrow-bullet{position:absolute;bottom:0;right:0;fill:#4d4d4d}.icon-arrow-bullet.credit{color:#60b639;transform:rotate(180deg)}.icon-arrow-bullet.debet{color:#ff7800}.finance-detail-page{padding-top:124px;padding-bottom:4vh}.finance-detail-page .chart-background{margin-top:15px;margin-bottom:34px;background-image:var(--chart-bg);background-repeat:repeat-x}.finance-detail-stacks{display:block;width:100%;max-width:510px;height:auto;margin:0 auto}.inner-grid-columns.finance-detail .inner-column-1{padding-left:22px}.inner-grid-columns.finance-detail .subtitle{margin-top:2px}.inner-grid-columns.finance-detail .subtitle small{font-size:.7em}.inner-grid-columns.finance-detail .icon-solar-panel-vert{width:60px;height:60px}.inner-grid-columns.finance-detail .icon-bullet-plus{position:absolute;bottom:0;right:0;width:32px;height:32px;color:#fff;fill:#4d4d4d}.decimal{margin-left:-5px;font-weight:900}.lantaarn{margin:2rem auto 1rem}.lantaarn .valuta{width:1.6rem;padding:0 .4rem 0 0;text-align:right}.lantaarn .amount{width:8.8rem;text-align:right}.lantaarn .minus-plus{min-width:3.2rem;width:3.2rem;text-align:center}@media screen and (min-width: 50.0625em){.lantaarn{padding:2.4rem 4.8rem}.lantaarn .amount{width:13.6rem}}.lantaarn-title,.lantaarn-jaarafrekening-title{padding:3.2rem 3.2rem 1.6rem;border-bottom:.1rem solid var(--bd-infobox)}.lantaarn-title,.lantaarn-jaarafrekening-title span{font-weight:900}.lantaarn-jaarafrekening-title,.lantaarn-total{color:var(--lantaarn-state-bg)}.lantaarn-jaarafrekening-title.negative,.lantaarn-total.negative{--lantaarn-state-bg: var(--lantaarn-state-neg)}.lantaarn-grid{display:grid;grid-template-columns:1fr}.lantaarn-collapse-expand{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease-in}.lantaarn-collapse-expand .lantaarn-expand{min-height:0}.lantaarn-block{border-bottom:.1rem solid var(--bd-infobox)}.lantaarn-block:last-child{border-color:transparent}.lantaarn-label-toggle{position:relative;display:flex;gap:.4rem;padding-block:1.2rem;padding-left:3.2rem}.lantaarn-label-toggle:has(svg){cursor:pointer}.lantaarn-label-toggle>svg{position:absolute;fill:var(--lantaarn-toggle-c);color:transparent;width:2.4rem;height:2.4rem;transition:rotate .24s;translate:-2.8rem -0.3rem}.lantaarn-label-amount{display:flex;margin-left:auto}[name=toggle-lantaarn-info]{position:absolute;clip-path:circle(0)}[name=toggle-lantaarn-info]:checked~.lantaarn-collapse-expand{grid-template-rows:1fr}[name=toggle-lantaarn-info]:checked+.lantaarn-label-toggle svg{rotate:180deg}[name=toggle-lantaarn-info]:checked+.lantaarn-label-toggle .minus-plus,[name=toggle-lantaarn-info]:checked+.lantaarn-label-toggle .amount,[name=toggle-lantaarn-info]:checked+.lantaarn-label-toggle .valuta{opacity:0}.lantaarn-table{color:var(--lantaarn-c-table);margin:1.6rem 0}.costs-rule td{background-color:var(--lantaarn-bg-odd);padding-block:.32rem}.costs-rule td.lantaarn-spacer{background-color:transparent}.lantaarn-details-table,.lantaarn-table{width:100%;border-spacing:none;border-collapse:collapse}.lantaarn-details-table .align-left,.lantaarn-table .align-left{text-align:left}.lantaarn-details-table .tfoot-text,.lantaarn-table .tfoot-text{padding:0 4rem 2rem 0;font-size:1.3rem;color:var(--lantaarn-c-table)}.lantaarn-row-divider{height:1.6rem}.lantaarn-details-table{color:var(--lantaarn-c-table-detail);margin-bottom:2.4rem;font-size:1.5rem}.lantaarn-details-table th{font-weight:normal;font-style:italic}.lantaarn-details-table th,.lantaarn-details-table td{text-align:right;padding:.32rem .4rem .32rem 1.6rem}.lantaarn-details-table th:nth-last-child(2),.lantaarn-details-table td:nth-last-child(2){padding-right:0}.lantaarn-details-table.compact{max-width:55rem;margin-bottom:0;font-size:1.3rem}.lantaarn-details-table.compact tr:first-child th{padding-top:.4rem}.lantaarn-details-table.compact tr:last-child td{padding-bottom:.8rem}.lantaarn-details-table.compact th,.lantaarn-details-table.compact td{padding:0 .4rem .5rem 1.6rem}.lantaarn-details-table.compact th:nth-last-child(2),.lantaarn-details-table.compact td:nth-last-child(2){padding-right:0}.lantaarn-details-table.compact tr:nth-child(odd){background-color:transparent}.lantaarn-details-table tr:nth-child(odd){background-color:var(--lantaarn-bg-odd)}.lantaarn-details-table .lantaarn-month{padding-left:0}.lantaarn-details-table .lantaarn-spacer{width:3.2rem;padding:0}.lantaarn-spacer{width:1.6rem}.lantaarn-left-border{padding-left:1.6rem;border-left:.1rem solid var(--bd-infobox)}.lantaarn-left-border.lantaarn-details{padding-left:0}.lantaarn-state-bullet{display:inline-block;width:.6rem;height:.6rem;margin-inline:auto;border-radius:50%;margin-right:1rem;background-color:var(--lantaarn-bullet-c)}.lantaarn-state-bullet.positive{--lantaarn-bullet-c: var(--lantaarn-state-bg)}.lantaarn-state-bullet.negative{--lantaarn-bullet-c: var(--lantaarn-state-neg)}.lantaarn-scroll{display:flex;overflow-x:auto}.lantaarn-subtotal,.lantaarn-total{display:flex;gap:1rem;padding-block:1.6rem 0;font-weight:900;border-bottom:none}.lantaarn-subtotal .lantaarn-label-amount,.lantaarn-total .lantaarn-label-amount{padding-bottom:.2rem}.lantaarn-subtotal .lantaarn-label-amount{border-bottom:.1rem solid var(--bd-infobox)}.lantaarn-total .valuta{width:auto}.lantaarn-total .valuta span{display:inline-block;margin-right:2rem}.lantaarn-subtitle{font-size:1.3rem;color:var(--lantaarn-c-table)}.lantaarn-link{display:grid;grid-template-columns:1fr 3.2rem;padding-left:3.2rem;margin-bottom:.4rem}.lantaarn-link svg{fill:var(--lantaarn-toggle-c);width:2.4rem;height:2.4rem}.solar-page main>section{padding-top:24px}.solar-page .weather{position:absolute;top:84px;left:50%;transform:translate(-360px, 0);display:inline-block;padding:8px 10px 8px 16px;border-radius:24px;background-color:rgb(var(--c-blue))}@media screen and (max-height: 55.9375em){.solar-page .weather{padding:1px 4px 1px 12px;font-size:13px;transform:translate(-45vw, 0)}.solar-page .weather svg{transform:scale(0.8)}}.solar-page .weather span,.solar-page .weather svg{display:inline-block;vertical-align:middle;fill:white}.solar-page .weather span{color:#fff}.solar-page .solar-chart{display:block;position:absolute;top:0;left:50%;transform:translate(-50%, 0);height:432px}@media screen and (max-width: 64em){.solar-page .solar-chart{height:324px;background-size:1440px 324px}}@media screen and (max-width: 50.75em){.solar-page .solar-chart{height:216px;background-size:960px 216px}}.contact-page #sun-widget,.countdown-page .icon-stopwatch{display:block;margin-inline:auto}.contact-page{padding-inline:0}.contact-page #sun-widget{width:200px;height:200px;-moz-user-select:none;-webkit-user-select:none;user-select:none}.contact-page #sun-widget[data-wired=wakeup][data-worker=on],.contact-page #sun-widget[data-wired=sleep][data-worker=on]{fill:#fff;stroke:#fff}.contact-page #sun-widget[data-wired=wakeup][data-worker=off],.contact-page #sun-widget[data-wired=sleep][data-worker=off]{stroke:#4d4d4d}.contact-page #sun-widget[data-wired=wakeup][data-worker=off] .sun-beam,.contact-page #sun-widget[data-wired=sleep][data-worker=off] .sun-beam{display:none}.contact-page #sun-widget[data-wired=confirm][data-worker=off]{fill:#4d4d4d;stroke:#4d4d4d}.contact-page #sun-widget[data-wired=confirm][data-worker=off] .sun-beam{display:block;animation:beamAnim infinite 1s}.contact-page #sun-widget[data-wired=confirm][data-worker=on]{stroke:#fff}.contact-page #sun-widget[data-wired=confirm][data-worker=on] .sun-beam{fill:#fff;animation:beamAnim infinite 1s}.contact-page #sun-widget #sun-beam-1{animation-delay:-1s}.contact-page #sun-widget #sun-beam-2{animation-delay:-0.9s}.contact-page #sun-widget #sun-beam-3{animation-delay:-0.8s}.contact-page #sun-widget #sun-beam-4{animation-delay:-0.7s}.contact-page #sun-widget #sun-beam-5{animation-delay:-0.6s}.contact-page #sun-widget #sun-beam-6{animation-delay:-0.5s}.contact-page #sun-widget #sun-beam-7{animation-delay:-0.4s}.contact-page #sun-widget #sun-beam-8{animation-delay:-0.3s}.contact-page #sun-widget #sun-beam-9{animation-delay:-0.2s}.contact-page #sun-widget #sun-beam-0{animation-delay:-0.1s}@keyframes beamAnim{0%{opacity:1}10%{opacity:0}20%{opacity:1}100%{opacity:1}}@media screen and (max-width: 40em){.contact-page #sun-widget{width:120px;height:120px}}.contact-page h1{margin:0 auto;padding:0 4rem;-moz-user-select:none;-webkit-user-select:none;user-select:none;max-width:400px;font-size:36px;font-weight:900;text-align:center;text-transform:uppercase}.contact-page h1 div{margin-top:10px}@media screen and (min-width: 40.0625em){.contact-page h1{max-width:80vw}}.contact-page h2{text-align:center;margin-top:8px;margin-bottom:0;font-weight:900;font-size:22px}@media screen and (max-width: 37.5em){.contact-page h1{font-size:26px}.contact-page hr{margin-top:30px;margin-bottom:30px}.contact-page .icon-01d{width:150px;height:150px}}.contact-page .btn-primary{color:#fff;background-color:#4d4d4d}.contact-page .btn-primary:hover{background-color:#1a1a1a}.contact-page .btn-primary svg{fill:#fff}.offline-page body{background:url(offline.svg) no-repeat 50% 0;background-size:30vh auto}.offline-page main{padding-top:30vh}h1.SHOUT{margin:0 auto;padding:0 4rem;max-width:400px;font-size:36px;font-weight:900;text-align:center;text-transform:uppercase}h1.SHOUT div{margin-top:10px}@media screen and (min-width: 40.0625em){h1.SHOUT{max-width:80vw}}@media screen and (max-width: 37.5em){h1.SHOUT{font-size:20px}}.general-info,.contact-info{margin:0 auto;padding:0 4rem;max-width:400px}.general-info a:not(.btn),.contact-info a:not(.btn){text-decoration:underline}#logo-on-yellow{position:absolute;left:8vw;top:4vh}.countdown-page .icon-stopwatch{width:100px;height:100px;margin-block:4rem;fill:#4d4d4d}@media screen and (min-width: 41.75em){.countdown-page .icon-stopwatch{width:200px;height:200px}}.countdown-page .countdown-info{max-width:600px;margin:40px auto;padding:0 4rem}.countdown-page .countdown-info h2{margin-bottom:0;font-size:16px;font-weight:900;text-transform:uppercase}@media screen and (min-width: 41.75em){.countdown-page .countdown-info h2{font-size:24px}}.countdown-page .countdown-info h3{margin-bottom:0;font-weight:900;font-size:24px}@media screen and (min-width: 41.75em){.countdown-page .countdown-info h3{font-size:34px}}.msg-overlay{position:fixed;top:0;left:0;bottom:0;right:0;display:none;background-color:rgba(0, 0, 0, 0.5)}.msg-overlay.show{display:flex;align-items:center;justify-content:center}.msg-overlay .msg-box{max-width:400px;padding:32px;margin:10px;color:#4d4d4d;background-color:#ffdf10;border-radius:4px}.msg-overlay .msg-box .msg-box-title{font-size:22px;font-weight:700}.msg-overlay .msg-controls{margin-top:30px;text-align:right}section.advance-amount{padding-top:20px}section.advance-amount .selected-chart-info{border-top:none}.amount-form{margin-top:15px;margin-bottom:15px;padding-left:10px;padding-right:10px}.amount-form input[type=number]{-moz-appearance:textfield}.amount-form input[type=number]::-webkit-outer-spin-button,.amount-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.amount-form .amount-field{height:52px;max-width:250px;margin-left:auto;margin-right:auto;font-size:30px;font-weight:900;color:#4d4d4d;background-color:#e4e4e4}.amount-form .amount-field input{background-color:transparent;height:52px;min-width:56px;padding-left:0;padding-right:0;font-size:inherit;font-weight:inherit;color:inherit;text-align:right}.amount-form .amount-field input:focus{outline:none}.amount-form .amount-field input[max_digits="4"]{width:80px}.amount-form .amount-field input[max_digits="5"]{width:100px}.amount-form .amount-range{position:relative;margin-top:25px;margin-bottom:20px;padding-top:15px}.amount-form .amount-range input{width:97%}.amount-form .amount-range>span{position:absolute;top:3px;font-size:13px}.amount-form .amount-range>span:first-child{left:0}.amount-form .amount-range>span:last-child{right:0}.amount-form .amount-range>span.current-flag{top:5px}.amount-form .amount-range .icon-triangle-down{fill:#ffdf10;width:16px;height:16px}.amount-form .pioneer-formfield{margin-left:-24px;margin-right:-24px;padding:8px 24px;text-align:left}.amount-form .pioneer-checkboxinput span::before{background:var(--checkbox) no-repeat}.amount-form .pioneer-checkboxinput input:checked+span::before{background:var(--checkbox-checked) no-repeat}.amount-form .btn-blue{color:var(--c-third)}.amount-form .btn-blue svg{fill:var(--c-third)}.amount-form .btn{background-color:#888}input[type=range]{-webkit-appearance:none;margin:10px 0;width:100%;background:transparent;border-radius:25px}input[type=range]:focus{outline:none}input[type=range]::-moz-range-track{width:100%;height:6px;background:var(--c-secondary);border-radius:25px;cursor:pointer}input[type=range]::-moz-range-thumb{height:20px;width:20px;background-color:var(--c-secondary);border:2px solid var(--range-bd);border-radius:50%;box-shadow:0 0 4px 0 var(--range-shadow);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--c-secondary);border-radius:25px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;background-color:var(--c-secondary);border:2px solid var(--range-bd);border-radius:50%;box-shadow:0 0 4px 0 var(--range-shadow);cursor:pointer;margin-top:-7px}input[type=range]::-ms-track{width:100%;height:6px;background:var(--c-secondary);border-radius:25px;cursor:pointer;margin-top:6px}input[type=range]::-ms-thumb{height:20px;width:20px;background-color:var(--c-secondary);border:2px solid var(--range-bd);border-radius:50%;box-shadow:0 0 4px 0 var(--range-shadow);cursor:pointer}.demo-testing{position:absolute;top:80px;left:0;padding:10px 20px;background-color:#000;z-index:4}.buy-panel-form{margin-top:24px}.buy-panel-form .pioneer-help-text{font-style:italic}.select-panels-field input[type=checkbox]{position:absolute;transform:translate(-20px, 0);width:1.2rem;height:1.2rem;clip-path:circle(0)}.select-panels-field .pioneer-widget{display:grid;grid-template-columns:repeat(auto-fill, minmax(56px, 1fr));column-gap:.4rem}@media screen and (max-width: 28.125em){.select-panels-field.total-max-5 .pioneer-widget{grid-template-columns:repeat(auto-fit, minmax(56px, 1fr));column-gap:3vw}}@media screen and (max-width: 40.625em){.select-panels-field.total-max-7 .pioneer-widget{grid-template-columns:repeat(auto-fit, minmax(56px, 1fr));column-gap:2vw}}.select-panels-field .pioneer-checkbox{margin-bottom:8px}.select-panels-field .pioneer-checkbox label{display:block}.select-panels-field .pioneer-checkbox span{display:block;width:56px;height:56px;margin-left:auto;margin-right:auto;transform:scale(var(--scale-stamp));background-image:url(stamp-sprite.svg);background-repeat:no-repeat;background-position:var(--pos-stamp) center;cursor:pointer}.select-panels-field input:disabled+span{cursor:default}.select-panels-field input:checked+span{--pos-stamp: 0;--scale-stamp: 1.2}.select-panels-field input.owned+span{--scale-stamp: 1}.select-panels-field input:checked:disabled+span{--scale-stamp: 1.2}.select-panels-field input.owned.free span,.select-panels-field input.free+span{--pos-stamp: -76px}.fixture-testing{position:absolute;top:80px;right:0;padding:10px 20px;background-color:#000;z-index:4}.buy-panel-table{border-collapse:collapse;border-spacing:0;width:100%;max-width:400px;font-weight:900;font-size:25px}.buy-panel-table td{vertical-align:top}.buy-panel-table .valuta{width:55px;max-width:55px;padding-left:30px}.buy-panel-table .amount{width:120px;max-width:120px;text-align:right}.buy-panel-table .subtext{font-weight:normal;font-size:15px}.panel-overview{display:flex;flex-wrap:wrap}.panel-overview .panel{width:56px;height:56px;margin-right:8px;margin-bottom:8px;transform:scale(var(--scale-stamp));background-image:url(stamp-sprite.svg);background-repeat:no-repeat;background-position:var(--pos-stamp) center}.panel-overview .panel.owned{--pos-stamp: 0;--scale-stamp: 1.25}.panel-overview .panel.owned.free{--pos-stamp: -76px}.panel-overview .panel.pending{--pos-stamp: -229px}.yellow-table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:8px}.yellow-table caption{padding-left:6px;padding-bottom:4px;font-size:16px;font-weight:700;text-align:left}.yellow-table td{padding:6px 10px;vertical-align:top;background-color:#ffdf10;border-right:1px solid #fff}.yellow-table tr:nth-child(even) td{background-color:#fdf8a8}.yellow-table tfoot td{border-top:12px solid #fff}button.toggle-flip{position:absolute;top:0;right:0}button.toggle-flip .icon-flip-chart{display:none}button.toggle-flip.is-btn-flipped .icon-flip-chart{display:inline}button.toggle-flip.is-btn-flipped .icon-flip-grid{display:none}button.toggle-flip svg{width:4rem;height:4rem;fill:var(--c-flip-btn);color:var(--bg-flip-btn)}.flip-column{position:relative;overflow:hidden}.flip-column-fb{width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d;transform-origin:top right}.is-flipped .flip-column-fb{transform:perspective(600px) translateX(-100%) rotateY(-180deg)}.flip-column-front{position:static}.flip-column-front,.flip-column-back{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--c-flip-table)}.flip-column-back{position:absolute;transform:rotateY(180deg);background-color:var(--bg-flip-table)}.is-flipped{padding-top:5rem;background-color:var(--dp-bg)}.is-flipped.flip-column{height:initial}.is-flipped .flip-column-fb{transform:perspective(600px) translateX(-100%) rotateY(-180deg)}.is-flipped .flip-column-front{position:absolute;visibility:hidden}.is-flipped .flip-column-back{position:static}.pricing-table-title{padding:18px}.pricing-table-title small{font-size:60%}.pricing-component{position:relative;max-width:100vw;height:100%;max-height:var(--height-pricing-chart)}.pricing-stacks-page{position:relative;height:100%;max-height:var(--height-pricing-chart);width:100%}.pricing-stacks-page .line-average{stroke:var(--c-average)}.pricing-stacks-page .y-axis{font-size:var(--fz-y-axis);fill:var(--dp-y-axis-c);text-anchor:end}.pricing-stacks-page .y-axis-line{stroke:var(--dp-y-line-c)}.pricing-stacks-page .stack-current-hour{fill:var(--dp-stack-current-c)}.pricing-stacks-page .stack-clickable{cursor:pointer}.pricing-stacks-page .stack-clickable:not(.stack-current-hour){fill:var(--dp-stack-selected-c)}.pricing-stacks-page .stack-clickable:not(.stack-current-hour):hover{--dp-stack-selected-c: hsla(0, 0%, 100%, 0.3)}.pricing-stacks-page .stack-clickable:not(.stack-current-hour).stack-selected{--dp-stack-selected-c: hsla(91, 72%, 51%, 0.3)}.pricing-page{min-height:100vh;background:var(--bg-chart-urls);background-repeat:var(--bg-chart-rep);background-position:var(--bg-chart-pos);background-size:var(--bg-chart-size);background-attachment:var(--bg-chart-att)}.pricing-page .pricing-table tr:last-child td{border-bottom:none}.pricing-page .infobox{--bg-infobox: transparent;--bd-infobox-top: var(--bd-infobox);--c-infobox: var(--dp-bg)}.pricing-page .infobox .icon-arrow-up{filter:none}.pricing-page .gas{max-width:85rem;margin-left:auto;margin-right:auto;background-color:var(--dp-bg);box-shadow:0 0 8px 4px hsla(0, 0%, 0%, 0.2)}.pricing-page .gas .footer-last-updated{margin-top:10px;font-style:italic}@media screen and (max-width: 48em){.pricing-page .flip-column{background-color:var(--dp-bg)}}@media screen and (min-width: 48.0625em){.pricing-page button.toggle-flip{display:none}.pricing-page .flip-column-front,.pricing-page .flip-column-back{position:static;transform:unset;height:unset;background-color:var(--dp-bg);box-shadow:0 0 8px 4px var(--dp-box-shadow-c)}.pricing-page .flip-column-fb{display:flex;max-width:120rem;margin-left:auto;margin-right:auto;column-gap:2rem;padding-top:1rem;padding-bottom:1rem;transition:unset}.pricing-page .flip-column.is-flipped{background-color:transparent}.pricing-page .flip-column.is-flipped .flip-column-fb{transform:none}}.pricing-page-title{position:relative;text-align:center;margin-bottom:2.4rem;padding-left:2rem;padding-right:2rem;font-size:2.4rem;font-weight:900;color:var(--dp-page-title-c)}.pricing-page-title button.toggle-flip{top:-0.6rem;right:1.5rem}.pricing-page-title button.toggle-flip svg{width:4.5rem;height:4.5rem}@media screen and (max-width: 41.6875em){.pricing-page-title{font-size:2.2rem}}@media screen and (max-width: 26.875em){.pricing-page-title{padding-bottom:2.5rem}.pricing-page-title button.toggle-flip{top:4rem;right:.8rem}}.pricing-info{font-weight:300;font-size:15px;text-align:center}.fw-normal{font-weight:300}.pricing-chart-title{margin-top:0;margin-bottom:2.4rem;padding-left:2rem;padding-right:2rem;font-size:2rem;font-weight:300;text-align:center}.pricing-chart-title b{font-weight:900}@media screen and (max-width: 41.6875em){.pricing-chart-title{font-size:1.8rem}}.pricing-average{color:var(--dp-average-c)}svg .pricing-average{fill:var(--dp-average-c)}.dash-dynamic-pricing .pricing-average{--dp-average-c: var(--dp-now)}.pricing-table{width:100%;border-collapse:collapse;border-spacing:0;background-color:var(--dp-bg)}.pricing-table th,.pricing-table td{padding:10px 16px 8px;vertical-align:top;font-weight:normal;text-align:right}.pricing-table th:last-child,.pricing-table td:last-child{border-right:none}.pricing-table thead:not(.has-pricing) .column-tariff{display:none}.pricing-table thead th:first-child,.pricing-table tfoot td{text-align:left}.pricing-table thead :is(.column1,.column2,.column3).hidden{display:none}.pricing-table tfoot td{padding-top:18px;padding-bottom:20px}.pricing-table tfoot td,.pricing-table tbody tr:first-child td{border-top:1px solid var(--bd-infobox)}.pricing-table td{border-right:1px solid var(--bd-infobox);border-bottom:1px solid var(--bd-infobox)}.pricing-table td:last-child{border-right:none}.pricing-table .column-date,.pricing-table .column-day,.pricing-table .column-period{text-align:left;color:var(--dp-period-c)}.pricing-table .column-date.pricing-past,.pricing-table .column-day.pricing-past,.pricing-table .column-period.pricing-past{--dp-period-c: var(--dp-period-past-c)}.pricing-table .column-period{width:13ch;height:3.7rem}.pricing-table .column-tariff{position:relative;padding-right:3rem;color:var(--dp-tariff-c)}.pricing-table .column-tariff.pricing-past{--dp-tariff-c: var(--dp-tariff-past-c)}.pricing-table .column-usage{color:var(--dp-usage-c)}.pricing-table .column-usage.dm3-gas-consumption,.pricing-table .column-usage.wh-energy-production{--dp-usage-c: var(--dp-gas-c)}.pricing-table .column-usage.paneelopnaam-production{--dp-usage-c: var(--c-yellow)}.pricing-table .column-date{width:18ch;padding-right:0;border-right:none}.pricing-table .column-day{padding-left:0;font-style:italic}.pricing-table .pricing-now,.pricing-table .pricing-gas-now{background-color:var(--dp-now-bg)}.pricing-table .pricing-now,.pricing-table .pricing-gas-now .column-tariff{font-weight:700}.gas .pricing-table{color:var(--dp-gas-c)}.monospace{font-family:Public Sans;font-feature-settings:"tnum","kern";letter-spacing:-0.02rem}.column-period .monospace{font-size:95%}.mark-cheaper{position:absolute;top:0;right:0;transform:translate(-10px, 15px);display:block;width:.8rem;height:.8rem;background-color:var(--dp-tariff-c);border-radius:50%}.bullet-footnote{position:relative;padding-left:1rem}.bullet-footnote .mark-cheaper{right:unset;transform:translate(-15px, 3px)}.nowrap{white-space:nowrap}.print-logo{display:none}html.light{--bg-chart-urls: url(light-mode-bg.jpg) #f6f6f6;--c-text: #414142;--c-primary: var(--c-text);--c-secondary: #3dc5ff;--c-third: #4d4d4d;--bg-infobox: var(--c-infobox);--bd-infobox: #e8e8e8;--c-infobox: #fff;--c-news-readmore: var(--c-text);--f-finance-rad: #fff;--c-text: #414142;--f-legend: var(--c-text);--c-btn-primary-hover: 96, 96, 96;--range-shadow: rgba(0, 0, 0, 0.5);--range-bd: #fff;--checkbox: url(icon-box.svg);--checkbox-checked: url(icon-box-checked.svg);--c-edit: var(--c-text);--c-headertext: #c8c8c8;--bd-barchart-title: var(--bd-infobox);--opacity: 0.1;--c-arrow-up: #bcbcbc;--c-blue: 61, 197, 255;--c-blue-veiled: rgba(61, 197, 255, 0.6);--c-white-veiled: rgba(255, 255, 255, 0.6);--c-white: rgba(0, 0, 0, 1);--c-yellow: rgb(255 223 16);--c-yellow-veiled: rgba(255, 223, 16, 0.6);--c-grey: #c8c8c8;--bg-progress: #8cdaff;--sh-progress: 147, 147, 147;--area-line: rgb(var(--c-blue));--chart-bg: url(light-mode-chart-bg.svg);--c-flip-btn: var(--c-text);--bg-flip-btn: #fff;--bg-flip-table: #fff;--c-flip-table: var(--c-text);--c-y-axis-text: var(--c-text);--c-y-axis-text-shadow: #fff;--btn-secondary-bg: #e4e4e4;--btn-secondary-bg-hover: var(--c-headertext);--svg-fill: var(--c-third);--btn-round-bg: rgb(216, 216, 216);--lantaarn-btn-bg: #e4e4e4;--lantaarn-btn-bg-hover: var(--c-headertext);--lantaarn-btn-c: var(--c-text);--lantaarn-btn-c-hover: var(--c-text);--lantaarn-c-table: hsl(0 0% 32%);--lantaarn-toggle-c: hsl(240 1% 26%);--lantaarn-bg-odd: hsl(240 1% 97%);--lantaarn-c-table-detail: hsl(0, 0%, 32%);--lantaarn-state-bg: #4fbf34;--lantaarn-state-neg: #FF7800;--lantaarn-bullet-c: currentColor;--fill-doc-item: #e4e4e4;--fill-doc-item-hover: #c8c8c8;--fill-finance-title: var(--c-text);--fill-prev-next: #4c4c4c;--dp-now: #7fcc29;--dp-average-c: hsl(99, 72%, 40%);--dp-bg: #fff;--dp-box-shadow-c: hsla(0, 0%, 0%, 0.1);--dp-period-c: #888;--dp-period-past-c: #c4c4c4;--dp-gas-c: #888;--dp-now-bg: hsla(0, 0%, 96%, 1);--dp-page-title-c: #414142;--dp-tariff-c: var(--c-text);--dp-tariff-past-c: var(--dp-period-c);--dp-usage-c: rgb(61, 197, 255);--dp-area-line-c: hsl(99, 72%, 40%);--dp-area-fill: hsla(91, 72%, 51%, 0.3);--dp-area-future-fill: hsla(91, 72%, 51%, 0.6);--dp-average-line-c: hsl(99, 72%, 40%);--dp-stack-current-c: hsl(99, 72%, 40%);--dp-stack-c: #3dc5ff;--dp-y-axis-c: #888;--dp-y-line-c: #c8c8c8;--dp-x-line-c: #c8c8c8;--c-blue-01: #5abde8;--stat-tile-bg: #fff;--stat-tile-c: var(--c-text);--stat-progress-bg: hsl(0, 0%, 95%);--stat-progress-fill: var(--c-blue-01);--stat-progress-height: 1rem;--stat-infobox-c: #fff;--stat-infobox-bg: #333;--y-line-fill: #e4e4e4;--y-label-fill: #888;--x-line-fill: #5d5d5d;--x-label-fill: #4d4d4d;--stack-fill: #000;--stack-fill-01: var(--c-blue-01);--stack-fill-02: #81cff4;--stat-link-hover-c: var(--c-blue-01);--fg-scrollbar: #bababa;--bg-scrollbar: #f9f9f9}html.light.chart-page{--bg-chart-urls: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0) 450px, rgba(255, 255, 255, 0) 600px), url(light-mode-bg.jpg);--bg-chart-rep: repeat-x, no-repeat;--bg-chart-pos: top left, center center;--bg-chart-size: contain, cover;--bg-chart-att: fixed, fixed}html.light.chart-page .btn-primary{--c-third: rgb(229, 229, 229)}html.light .note-icon-txt{--c-text: #414142}html.light .amount-form .btn,html.light .amount-form .btn-blue,html.light .may-edit-advance-amount .btn,html.light .may-edit-advance-amount .btn-blue{--c-third: #fff}html.light .btn-fourth{--c-headertext: #fff;--c-third: var(--c-text)}html.light .btn-primary{--c-third: rgb(216, 216, 216);--c-btn-primary-hover: rgb(255, 255, 255);--c-headertext: var(--c-text)}html.light svg.stacks-page{--c-white-veiled: var(--c-grey)}html.light svg.stacks-page .selected .stack-text{--stack-selected: var(--c-text)}html.light svg.stacks-page .selected .stack-white{--stack-selected: #333}html.light .stack-clickable:not(.stack-current-hour):hover{--dp-stack-selected-c: hsla(0, 0%, 80%, 0.3)}html.light #stacks-component .stacks-y-axis text{--c-charttext: #979494}html.light .diff-chart svg .stack-white{fill:#000}html.light .info-column.selected{background-color:#f2f2f2}html.light .grid-column-values .info-blue{--c-secondary: var(--c-text)}html.light .mobile-menu{--c-third: #fff}html.light .mobile-menu::after{content:"";position:absolute;top:-8px;left:0;right:0;display:block;height:8px;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%)}@media screen and (max-width: 40em){html.light .mobile-menu{--c-charttext: var(--c-text)}}html.light nav [role=menuitem].selected{color:var(--c-blue)}html.light nav [role=menuitem].selected .icon-chevron-bullet-right{fill:var(--c-blue)}html.light .inner-column-2 svg{--c-yellow: var(--c-secondary)}html.light .in-progress{--opacity: 0.2}html.light .area-area.area-white{fill:rgba(var(--c-blue), 0.5)}@media(prefers-color-scheme: light){html:not(.dark){--bg-chart-urls: url(light-mode-bg.jpg) #f6f6f6;--c-text: #414142;--c-primary: var(--c-text);--c-secondary: #3dc5ff;--c-third: #4d4d4d;--bg-infobox: var(--c-infobox);--bd-infobox: #e8e8e8;--c-infobox: #fff;--c-news-readmore: var(--c-text);--f-finance-rad: #fff;--c-text: #414142;--f-legend: var(--c-text);--c-btn-primary-hover: 96, 96, 96;--range-shadow: rgba(0, 0, 0, 0.5);--range-bd: #fff;--checkbox: url(icon-box.svg);--checkbox-checked: url(icon-box-checked.svg);--c-edit: var(--c-text);--c-headertext: #c8c8c8;--bd-barchart-title: var(--bd-infobox);--opacity: 0.1;--c-arrow-up: #bcbcbc;--c-blue: 61, 197, 255;--c-blue-veiled: rgba(61, 197, 255, 0.6);--c-white-veiled: rgba(255, 255, 255, 0.6);--c-white: rgba(0, 0, 0, 1);--c-yellow: rgb(255 223 16);--c-yellow-veiled: rgba(255, 223, 16, 0.6);--c-grey: #c8c8c8;--bg-progress: #8cdaff;--sh-progress: 147, 147, 147;--area-line: rgb(var(--c-blue));--chart-bg: url(light-mode-chart-bg.svg);--c-flip-btn: var(--c-text);--bg-flip-btn: #fff;--bg-flip-table: #fff;--c-flip-table: var(--c-text);--c-y-axis-text: var(--c-text);--c-y-axis-text-shadow: #fff;--btn-secondary-bg: #e4e4e4;--btn-secondary-bg-hover: var(--c-headertext);--svg-fill: var(--c-third);--btn-round-bg: rgb(216, 216, 216);--lantaarn-btn-bg: #e4e4e4;--lantaarn-btn-bg-hover: var(--c-headertext);--lantaarn-btn-c: var(--c-text);--lantaarn-btn-c-hover: var(--c-text);--lantaarn-c-table: hsl(0 0% 32%);--lantaarn-toggle-c: hsl(240 1% 26%);--lantaarn-bg-odd: hsl(240 1% 97%);--lantaarn-c-table-detail: hsl(0, 0%, 32%);--lantaarn-state-bg: #4fbf34;--lantaarn-state-neg: #FF7800;--lantaarn-bullet-c: currentColor;--fill-doc-item: #e4e4e4;--fill-doc-item-hover: #c8c8c8;--fill-finance-title: var(--c-text);--fill-prev-next: #4c4c4c;--dp-now: #7fcc29;--dp-average-c: hsl(99, 72%, 40%);--dp-bg: #fff;--dp-box-shadow-c: hsla(0, 0%, 0%, 0.1);--dp-period-c: #888;--dp-period-past-c: #c4c4c4;--dp-gas-c: #888;--dp-now-bg: hsla(0, 0%, 96%, 1);--dp-page-title-c: #414142;--dp-tariff-c: var(--c-text);--dp-tariff-past-c: var(--dp-period-c);--dp-usage-c: rgb(61, 197, 255);--dp-area-line-c: hsl(99, 72%, 40%);--dp-area-fill: hsla(91, 72%, 51%, 0.3);--dp-area-future-fill: hsla(91, 72%, 51%, 0.6);--dp-average-line-c: hsl(99, 72%, 40%);--dp-stack-current-c: hsl(99, 72%, 40%);--dp-stack-c: #3dc5ff;--dp-y-axis-c: #888;--dp-y-line-c: #c8c8c8;--dp-x-line-c: #c8c8c8;--c-blue-01: #5abde8;--stat-tile-bg: #fff;--stat-tile-c: var(--c-text);--stat-progress-bg: hsl(0, 0%, 95%);--stat-progress-fill: var(--c-blue-01);--stat-progress-height: 1rem;--stat-infobox-c: #fff;--stat-infobox-bg: #333;--y-line-fill: #e4e4e4;--y-label-fill: #888;--x-line-fill: #5d5d5d;--x-label-fill: #4d4d4d;--stack-fill: #000;--stack-fill-01: var(--c-blue-01);--stack-fill-02: #81cff4;--stat-link-hover-c: var(--c-blue-01);--fg-scrollbar: #bababa;--bg-scrollbar: #f9f9f9}html:not(.dark).chart-page{--bg-chart-urls: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0) 450px, rgba(255, 255, 255, 0) 600px), url(light-mode-bg.jpg);--bg-chart-rep: repeat-x, no-repeat;--bg-chart-pos: top left, center center;--bg-chart-size: contain, cover;--bg-chart-att: fixed, fixed}html:not(.dark).chart-page .btn-primary{--c-third: rgb(229, 229, 229)}html:not(.dark) .note-icon-txt{--c-text: #414142}html:not(.dark) .amount-form .btn,html:not(.dark) .amount-form .btn-blue,html:not(.dark) .may-edit-advance-amount .btn,html:not(.dark) .may-edit-advance-amount .btn-blue{--c-third: #fff}html:not(.dark) .btn-fourth{--c-headertext: #fff;--c-third: var(--c-text)}html:not(.dark) .btn-primary{--c-third: rgb(216, 216, 216);--c-btn-primary-hover: rgb(255, 255, 255);--c-headertext: var(--c-text)}html:not(.dark) svg.stacks-page{--c-white-veiled: var(--c-grey)}html:not(.dark) svg.stacks-page .selected .stack-text{--stack-selected: var(--c-text)}html:not(.dark) svg.stacks-page .selected .stack-white{--stack-selected: #333}html:not(.dark) .stack-clickable:not(.stack-current-hour):hover{--dp-stack-selected-c: hsla(0, 0%, 80%, 0.3)}html:not(.dark) #stacks-component .stacks-y-axis text{--c-charttext: #979494}html:not(.dark) .diff-chart svg .stack-white{fill:#000}html:not(.dark) .info-column.selected{background-color:#f2f2f2}html:not(.dark) .grid-column-values .info-blue{--c-secondary: var(--c-text)}html:not(.dark) .mobile-menu{--c-third: #fff}html:not(.dark) .mobile-menu::after{content:"";position:absolute;top:-8px;left:0;right:0;display:block;height:8px;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%)}}@media screen and (prefers-color-scheme: light)and (max-width: 40em){html:not(.dark) .mobile-menu{--c-charttext: var(--c-text)}}@media(prefers-color-scheme: light){html:not(.dark) nav [role=menuitem].selected{color:var(--c-blue)}html:not(.dark) nav [role=menuitem].selected .icon-chevron-bullet-right{fill:var(--c-blue)}html:not(.dark) .inner-column-2 svg{--c-yellow: var(--c-secondary)}html:not(.dark) .in-progress{--opacity: 0.2}html:not(.dark) .area-area.area-white{fill:rgba(var(--c-blue), 0.5)}}@media screen and (min-width: 50.0625em){.fp .must-edit-advance-amount{margin-left:-4.8rem;margin-right:-4.8rem}}.finance-overview .info-column{padding:0;min-height:auto}.finance-overview .info-column .inner{padding:14px 14px 20px}@media screen and (min-width: 50.0625em){.finance-overview .info-column .inner{padding:4.8rem}}.finance-overview .info-column .btn-fourth{margin-bottom:12px}.subtotals{position:relative;display:flex;gap:.4rem;padding-block:1.2rem}.lantaarn-details-table.monthview{max-width:53rem}.lantaarn-details-table.monthview tr{background-color:transparent}.finance-period-title{max-width:1000px;margin:32px auto;padding-inline:2rem;text-align:center}.finance-period-title h1{color:var(--fill-finance-title)}.finance-period-title h1 span{display:inline-block}.prev-next-nav{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"prev next"}.prev-next-nav .prev{text-align:left;grid-area:prev}.prev-next-nav .next{grid-area:next;text-align:right}.prev-next-nav .nav-date{display:none}.prev-next-nav .nav-date>span{display:inline-block}@media screen and (min-width: 41.3125em){.prev-next-nav .nav-label{display:none}.prev-next-nav .nav-date{display:inline-block}}.lantaarn-period-total{padding-bottom:3rem;font-size:1.6rem}.spinner{display:none;position:relative;width:4rem;height:3.6rem}.wait .spinner{display:inline-block}.spinner div{position:absolute;display:inline-block;left:0;width:.8rem;height:2rem;background:var(--c-text);animation:spinner 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite}.spinner div:nth-child(1){left:0;animation-delay:-0.24s}.spinner div:nth-child(2){left:1.2rem;animation-delay:-0.12s}.spinner div:nth-child(3){left:2.4rem;animation-delay:0s}@keyframes spinner{0%{top:0rem;height:3.2rem}50%,100%{top:.8rem;height:2rem}}.no-breaking{display:inline-block}.menu-cancellation{margin-left:0;padding-left:0}.menu-cancellation li{list-style-type:none;padding:6px;border-top:1px solid rgba(200, 200, 200, 0.4)}.menu-cancellation li:last-child{border-bottom:1px solid rgba(200, 200, 200, 0.4)}.menu-cancellation [role=menuitem]{display:grid;grid-template-columns:1fr 3rem;align-items:center}.menu-cancellation [role=menuitem]:hover{color:#3bb3ec}.menu-cancellation [role=menuitem]:hover .icon-chevron-bullet-right{fill:#3bb3ec}.menu-cancellation .icon-chevron-bullet-right{width:28px;height:28px;color:transparent}