.typography{color:#000}.typography.h1{font-size:84px!important;line-height:100%;font-weight:900;text-align:right}@media (max-width:767.98px){.typography.h1{font-size:48px!important}}@media (min-width:768px) and (max-width:1023.98px){.typography.h1{font-size:60px!important}}@media (min-width:1024px) and (max-width:1279.98px){.typography.h1{font-size:72px!important}}.typography.h2{font-size:72px!important;line-height:100%;font-weight:900;text-align:right}@media (max-width:767.98px){.typography.h2{font-size:40px!important}}@media (min-width:768px) and (max-width:1023.98px){.typography.h2{font-size:46px!important}}@media (min-width:1024px) and (max-width:1279.98px){.typography.h2{font-size:58px!important}}.typography.h3{font-size:52px!important;line-height:100%;font-weight:900;text-align:right}@media (max-width:767.98px){.typography.h3{font-size:34px!important}}@media (min-width:768px) and (max-width:1023.98px){.typography.h3{font-size:40px!important}}@media (min-width:1024px) and (max-width:1279.98px){.typography.h3{font-size:46px!important}}.typography.h3.left{text-align:left}.typography.h4{font-size:36px!important;line-height:100%;font-weight:900}@media (max-width:767.98px){.typography.h4{font-size:26px!important}}@media (min-width:768px) and (max-width:1023.98px){.typography.h4{font-size:30px!important}}@media (min-width:1024px) and (max-width:1279.98px){.typography.h4{font-size:30px!important}}.typography.h5{font-size:26px!important;line-height:100%;font-weight:700}@media (max-width:767.98px){.typography.h5{font-size:22px!important}}@media (min-width:768px) and (max-width:1023.98px){.typography.h5{font-size:24px!important}}@media (min-width:1024px) and (max-width:1279.98px){.typography.h5{font-size:24px!important}}.typography.eon-quote{font-size:28px!important;line-height:32px!important;font-weight:400}.typography.eon-abstract{font-size:20px!important;line-height:24px!important;font-weight:500}.typography.eon-copy{font-size:18px!important;line-height:24px!important;font-weight:400}.typography.eon-copy-small{font-size:14px!important;line-height:18px!important;font-weight:400}.typography.red{color:#ea1b0a}.typography.turquoise{color:#1ea2b1}.typography.bordeaux{color:#b00402}.typography.bordeaux-dark{color:#76020d}.typography.lime-yellow{color:#e3e000}.typography.lime-yellow-dark{color:#cdca05}.typography.dark-grey{color:#39393a}.typography.grey-75{color:#404040;color:#8f9192}.typography.light{font-weight:400!important}.typography.regular{font-weight:500!important}.typography.medium{font-weight:700!important}.typography.bold{font-weight:900!important}@media (max-width:767.98px){.hidden-phone{display:none!important}}@media (min-width:0){.hidden-phone-up{display:none!important}}@media (min-width:768px) and (max-width:1023.98px){.hidden-tablet{display:none!important}}@media (max-width:1023.98px){.hidden-tablet-down{display:none!important}}@media (min-width:768px){.hidden-tablet-up{display:none!important}}@media (min-width:1024px) and (max-width:1279.98px){.hidden-desktop{display:none!important}}@media (min-width:1024px){.hidden-desktop-up{display:none!important}}@media (max-width:1279.98px){.hidden-desktop-down{display:none!important}}@media (min-width:1280px){.hidden-desktop-large{display:none!important}}@keyframes arrow-up{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}@keyframes arrow-down{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}body{overflow:visible!important;padding-right:0!important}.graph-container{height:567px;max-width:1248px;min-width:360px;overflow:hidden;position:relative;width:100%;margin:0 auto;font-family:EONBrixSans,sans-serif}.graph-container p{word-wrap:normal}.graph-container button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.graph-container .toggle-group{height:56px;margin-left:20px;margin-right:20px;margin-top:42px;position:relative;width:312px}.graph-container .toggle-group .btnContainer{width:51.25%;position:absolute}.graph-container .toggle-group .btnContainer-summer{height:56px}.graph-container .toggle-group .btnContainer-winter{height:56px;left:149px}.graph-container .toggle-group .button-data-container-summer{margin-left:0;padding-left:24px;border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:none}.graph-container .toggle-group .button-data-container-winter{margin-right:15px;margin-left:24px;border-top-right-radius:8px;border-bottom-right-radius:8px}.graph-container .toggle-group .toggleBtn{height:48px;border:2px solid #767676;text-align:center;width:149px}.graph-container .toggle-group .toggleBtn .button-label{margin:0;padding:0;z-index:6;position:relative;pointer-events:none;text-align:center;font-weight:700;color:#262626}.graph-container .toggle-group .toggleBtn .button-data-container{border:2px solid #767676;height:48px;pointer-events:none}.graph-container .toggle-group .toggleBtn .btn-inline{width:24px;height:48px;position:absolute;background:url(../../../../../etc.clientlibs/eon-hungary/clientlibs/frontend-resources/resources/649e7d00aa13d859466e2e806ea27a02.svg);top:0;filter:opacity(0)}.graph-container .toggle-group .toggleBtn .btn-inline-winter{border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:none}.graph-container .toggle-group .toggleBtn .btn-inline-summer{border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:none}.graph-container .toggle-group .toggleBtn .btn-outline{width:24px;height:48px;position:absolute;background:url(../../../../../etc.clientlibs/eon-hungary/clientlibs/frontend-resources/resources/579665cb19aac7afbdf19215d2f7bd68.svg);top:0}.graph-container .toggle-group .toggleBtn .btn-outline-winter{left:84.7%}.graph-container .toggle-group .toggleBtn .btn-outline-summer{left:-24px;transform:scaleX(-1)}.graph-container .toggle-group .toggleBtn-winter{border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:none}.graph-container .toggle-group .toggleBtn-winter .button-data-container{margin-right:24px}.graph-container .toggle-group .toggleBtn-winter .button-label{width:100%}.graph-container .toggle-group .toggleBtn-summer{border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:none}.graph-container .toggle-group .toggleBtn-summer .button-data-container .btn-inline,.graph-container .toggle-group .toggleBtn-summer .button-data-container .btn-outline{margin-left:24px}.graph-container .toggle-group .toggleBtn:hover{border-color:#9d1207;background-color:#9d1207}.graph-container .toggle-group .toggleBtn:hover .button-label{color:#fff}.graph-container .toggle-group .toggleBtn:hover .button-data-container{background-color:hsla(0,0%,100%,.85);border-color:hsla(0,0%,100%,.2)}.graph-container .toggle-group .toggleBtn:hover .btn-inline{filter:opacity(.85)}.graph-container .toggle-group .toggleBtn:hover .btn-outline{filter:opacity(0)}.graph-container .toggle-group .toggleBtn-active{border-color:#ea1b0a;background-color:#ea1b0a}.graph-container .toggle-group .toggleBtn-active .button-label{color:#fff}.graph-container .toggle-group .toggleBtn-active .btn-inline{filter:opacity(1)}.graph-container .toggle-group .toggleBtn-active:hover{color:#1ea2b1}.graph-container .toggle-group .toggleBtn-active:hover .button-data-container{background-color:hsla(0,0%,100%,.85);border-color:hsla(0,0%,100%,.2)}.graph-container .toggle-group .toggleBtn-active:hover .btn-inline{filter:opacity(.85)}.graph-container .toggle-group .toggleBtn-active:hover .btn-outline{filter:opacity(0)}.graph-container .graph-label-container{height:24px;margin-top:24px;position:relative}.graph-container .graph-label-container p{color:#fff;display:inline-block;margin:0;position:absolute}.graph-container .graph-label-container .ontime-color-svg{width:16px;height:32px;background:url(../../../../../etc.clientlibs/eon-hungary/clientlibs/frontend-resources/resources/1e41cca536ff626a95c026359a6b0798.svg);background-size:16px 32px;display:inline-block;margin-top:-4px;margin-left:232px}.graph-container .usage-container{height:48px;left:24px;position:absolute;top:145px;min-width:308px;width:86%}.graph-container .select-group label{color:#262626;left:-4px;padding:0 6px;position:absolute;top:-22px;z-index:2}.graph-container .select-group .select{width:86%;height:48px;color:#262626}.graph-container .select-group .select fieldset{border:2px solid #404040!important;border-radius:8px;z-index:1}.graph-container .select-group .select:focus fieldset,.graph-container .select-group .select:hover fieldset{border:3px solid #404040!important}.graph-container .select-group .select:focus-within fieldset{border:3px solid #404040!important}.graph-container .select-group .select>div:first-of-type{height:48px}.graph-container .select-group .select>div:first-of-type>div:first-of-type{padding-top:12px;padding-bottom:12px}.graph-container .select-group .select>div:first-of-type>div:first-of-type:focus{background-color:transparent!important}.graph-container .select-group .select .arrow-container{width:46px;height:46px;display:flex;flex-shrink:0;top:calc(50% - 22.5px);right:1px;position:absolute;pointer-events:none;align-items:center}.graph-container .select-group .select .dropdown-arrow{width:16px;height:10px;background:url(../../../../../etc.clientlibs/eon-hungary/clientlibs/frontend-resources/resources/5f5fb96b40a02aec8a26d026fc603010.svg);background-size:16px 10px;margin:0 auto;animation:arrow-up .3s linear}.graph-container .select-group .select .dropdown-arrow-opened{animation:arrow-down .3s linear;transition-delay:.3s;transform:rotate(180deg)}.graph-container .chart-section{width:100%;position:absolute;bottom:46px}.graph-container .chart-section .label-container{position:absolute;width:220px;display:flex;top:100px;left:-80px;transform:rotate(-90deg)}.graph-container .chart-section .label-container .rotateLabel{color:#404040;margin:0 auto}.graph-container .chart-section .chart-container{height:246px;margin:0 auto;margin-right:24px;margin-left:51px;position:relative}.graph-container .chart-section .chart-container div>div:first-child > div > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) path{stroke:none}.graph-container .chart-section .chart-container .vl-container{display:flex;flex-direction:row;justify-content:space-between;position:absolute;width:100%}.graph-container .chart-section .chart-container .vl-container .vl{background-color:#d7d0cc;height:219px;width:1px;z-index:0}.graph-container .chart-section .chart-container .vl-long-container{display:flex;flex-direction:row;justify-content:space-between;position:absolute;width:100%;top:218px}.graph-container .chart-section .chart-container .vl-long-container .vl{background-color:#404040;height:8px;width:1px}.graph-container .chart-section .chart-container .vl-long-container .long{height:26px}.graph-container .chart-section .chart-container .hours-container{display:flex;flex-direction:row;justify-content:space-around;left:-20px;position:absolute;top:225px;width:100%}.graph-container .chart-section .chart-container .hours-container .hour{color:#404040;font-size:12px;line-height:16px;margin:0;width:1px}.graph-container .chart-section .chart-container .hours-container .hidden{color:transparent}.option-paper{margin-top:8px;overflow-x:hidden!important;border-radius:8px}.option-paper>ul{padding:0}.ielectrix-graph-select-option{color:#000!important}.ielectrix-graph-select-option:hover{background-color:#f6f6f7!important}.ielectrix-graph-selected-option{background-color:#fff!important}.ielectrix-graph-selected-option-icon{margin-left:auto}.select-group .ielectrix-graph-selected-option-icon{display:none}@media (min-width:480px){.graph-container{height:567px;min-width:480px}.graph-container .toggle-group{width:312px}.graph-container .toggle-group .btnContainer-summer{width:161px}.graph-container .toggle-group .btnContainer-summer:focus-within{width:157px}.graph-container .toggle-group .btnContainer-winter{left:149px;width:161px}.graph-container .toggle-group .btnContainer-winter:focus-within{width:157px}.graph-container .toggle-group .toggleBtn{width:149px}.graph-container .toggle-group .toggleBtn .button-data-container{width:150px}.graph-container .toggle-group .toggleBtn-winter,.graph-container .toggle-group .toggleBtn-winter .button-label{margin-left:0}.graph-container .toggle-group .toggleBtn .btn-inline-winter,.graph-container .toggle-group .toggleBtn .btn-outline-winter{left:125px}.graph-container .toggle-group .toggleBtn .button-label{width:149px}.graph-container .select-group .select{width:89.5%}.graph-container .chart-section .chart-container .hours-container{left:-29px}}@media (min-width:768px){.graph-container{height:519px;min-width:768px}.graph-container .usage-container{width:100%}.graph-container .usage-container .graph-label-container{height:48px;margin-left:48%;margin-top:0;position:absolute;top:13px;width:fit-content}.graph-container .usage-container .graph-label-container p{width:max-content;color:#262626}.graph-container .select-group .select{min-width:344px;width:45%}.graph-container .chart-section .chart-container,.graph-container .chart-section .chart-container .vl-container,.graph-container .chart-section .chart-container .vl-long-container{min-width:695px}.graph-container .chart-section .chart-container .hours-container{left:-26px;min-width:695px}}@media (min-width:1024px){.graph-container{min-width:1024px}.graph-container .chart-section .chart-container .hours-container{left:-35px}.graph-container .select-group .select{min-width:472px;width:46%}.graph-container .usage-container .graph-label-container p{width:max-content}}@media (min-width:1248px){.graph-container{height:425px;min-width:1248px}.graph-container .form-elements{display:inline-block;height:54px;margin:48px 20px 0;position:relative;width:1200px}.graph-container .form-elements .toggle-group{margin:0}.graph-container .form-elements .usage-container{margin-left:900px;position:absolute;top:5px;width:282px}.graph-container .form-elements .usage-container .graph-label-container{margin:0;left:-300px;width:max-content}.graph-container .form-elements .usage-container .graph-label-container p{max-width:260px}.graph-container .select-group .select{min-width:282px;width:282px}.graph-container .chart-section .chart-container{width:1174px}.graph-container .chart-section .chart-container .hours-container{width:1174px;left:-45px}.graph-container .chart-section .chart-container .hours-container .hour{font-size:14px;line-height:18px}.graph-container .chart-section .chart-container .vl-container,.graph-container .chart-section .chart-container .vl-long-container{width:1174px}}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJpRWxlY3RyaXgtZ3JhcGgvY3NzL2lFbGVjdHJpeC1ncmFwaC5taW4uY3NzIiwic291cmNlUm9vdCI6IiJ9*/