.block.block__comparator{margin-top:40px;margin-bottom:60px}.block.block__comparator .pseudo-form{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:20px 40px;width:100%;position:relative;padding:40px 0;z-index:1}@media all and (max-width: 900px){.block.block__comparator .pseudo-form{gap:0 10px}}@media all and (max-width: 900px){.block.block__comparator .pseudo-form{padding:20px 0}}.block.block__comparator .pseudo-form::before{content:"";display:block;position:absolute;top:0;left:-10px;width:calc(100% + 20px);height:100%;background-color:#eef4f7;border-radius:50px;z-index:-1;pointer-events:none}@supports(color: var(--dummy)){.block.block__comparator .pseudo-form::before{background-color:var(--color-background-off)}}@media all and (max-width: 900px){.block.block__comparator .pseudo-form::before{left:-16px;width:calc(100% + 32px);border-radius:0}}.block.block__comparator .pseudo-form .row{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:0 40px;width:100%;grid-column:2/span 10}@media all and (max-width: 900px){.block.block__comparator .pseudo-form .row{gap:0 10px}}@media all and (max-width: 900px){.block.block__comparator .pseudo-form .row{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;grid-column:1/span 12}.block.block__comparator .pseudo-form .row+.row{margin-top:20px}}@media all and (max-width: 900px){.block.block__comparator .pseudo-form .row .field+.field{margin-top:20px}}.block.block__comparator .pseudo-form .row .field.field--radios{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.block.block__comparator .pseudo-form .row .field.field--radios .field-label{flex-basis:100%}.block.block__comparator .pseudo-form .row .field.field--radios .input{flex-basis:0;flex-grow:1;flex-shrink:0}.block.block__comparator .pseudo-form .row .field.field--radios .input+.input{margin-left:20px}.block.block__comparator .pseudo-form .row .field .field-label{margin-bottom:14px}@media all and (max-width: 900px){.block.block__comparator .pseudo-form .row .field .field-label{margin-bottom:7px}}.block.block__comparator .pseudo-form .row .field .input.radio{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px;width:100%;padding:0 15px;border-radius:25px;cursor:pointer}.block.block__comparator .pseudo-form .row .field .input.radio span{display:inline-block;flex-grow:1;padding-left:12px;padding-right:6px;color:#fff;text-align:center;line-height:1}.block.block__comparator .pseudo-form .row .field .input.radio span::before,.block.block__comparator .pseudo-form .row .field .input.radio span::after{content:"";display:block;position:absolute;pointer-events:none}.block.block__comparator .pseudo-form .row .field .input.radio span::before{top:0;left:0;width:100%;height:100%;border-radius:25px;background-color:#56baa1;transition-property:background-color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s;z-index:-1}.block.block__comparator .pseudo-form .row .field .input.radio span::after{width:20px;height:20px;top:15px;left:15px;background-color:#fff;border:5px solid #fff;border-radius:50%;transition-property:background-color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s}.block.block__comparator .pseudo-form .row .field .input.radio input{width:20px;height:20px;flex-shrink:0;opacity:0}.block.block__comparator .pseudo-form .row .field .input.radio input:checked+span::before,.block.block__comparator .pseudo-form .row .field .input.radio input:checked+span::after{background-color:#fecb37}.block.block__comparator .pseudo-form .row .field .input.number input{height:50px;width:calc(100% + 20px);padding:0 20px;margin-left:-10px;padding-bottom:2px;border:none;border-radius:25px;outline:none;background-color:#e3e3e3;transition-property:color,background-color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s}.theme-night .block.block__comparator .pseudo-form .row .field .input.number input{color:#fff;background-color:#0c3046}@media(prefers-color-scheme: dark){.block.block__comparator .pseudo-form .row .field .input.number input{color:#fff;background-color:#0c3046}}@media all and (max-width: 900px){.block.block__comparator .pseudo-form .row .field .input.number input{width:100%;margin-left:0}}.block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill,.block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:hover,.block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:focus,.block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:active{-webkit-text-fill-color:#0c3046 !important;-webkit-box-shadow:0 0 0 30px #e3e3e3 inset !important}.theme-night .block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill,.theme-night .block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:hover,.theme-night .block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:focus,.theme-night .block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:active{-webkit-text-fill-color:#fff !important;-webkit-box-shadow:0 0 0 30px rgb(60.6,89.4,107) inset !important}@media(prefers-color-scheme: dark){.block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill,.block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:hover,.block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:focus,.block.block__comparator .pseudo-form .row .field .input.number input:-webkit-autofill:active{-webkit-text-fill-color:#fff !important;-webkit-box-shadow:0 0 0 30px rgb(60.6,89.4,107) inset !important}}.block.block__comparator .pseudo-form .row .field .input.select{position:relative}.block.block__comparator .pseudo-form .row .field .input.select::after{content:"";display:block;position:absolute;top:calc(50% - 5px);right:20px;width:10px;height:10px;transform:translateY(-4px) rotate(45deg) skew(15deg, 15deg);border:1.5px solid;border-color:rgba(0,0,0,0) #979797 #979797 rgba(0,0,0,0);transition-property:border-color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s;pointer-events:none}.theme-night .block.block__comparator .pseudo-form .row .field .input.select::after{border-color:rgba(0,0,0,0) rgb(23.1951219512,92.7804878049,135.3048780488) rgb(23.1951219512,92.7804878049,135.3048780488) rgba(0,0,0,0)}@media(prefers-color-scheme: dark){.block.block__comparator .pseudo-form .row .field .input.select::after{border-color:rgba(0,0,0,0) rgb(23.1951219512,92.7804878049,135.3048780488) rgb(23.1951219512,92.7804878049,135.3048780488) rgba(0,0,0,0)}}@media all and (max-width: 900px){.block.block__comparator .pseudo-form .row .field .input.select::after{right:20px}}.block.block__comparator .pseudo-form .row .field .input.select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:50px;width:calc(100% + 20px);padding:0 20px;margin-left:-10px;padding-bottom:2px;border:none;border-radius:25px;outline:none;background-color:#e3e3e3;color:#0c3046;transition-property:color,background-color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s}@supports(color: var(--dummy)){.block.block__comparator .pseudo-form .row .field .input.select select{color:var(--color-foreground)}}.theme-night .block.block__comparator .pseudo-form .row .field .input.select select{color:#fff;background-color:#0c3046}@media(prefers-color-scheme: dark){.block.block__comparator .pseudo-form .row .field .input.select select{color:#fff;background-color:#0c3046}}@media all and (max-width: 900px){.block.block__comparator .pseudo-form .row .field .input.select select{width:100%;margin-left:0}}.block.block__comparator .pseudo-form .row .field .input.select select::placeholder{color:#979797;transition-property:color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s}.theme-night .block.block__comparator .pseudo-form .row .field .input.select select::placeholder{color:rgb(34.3902439024,137.5609756098,200.6097560976)}@media(prefers-color-scheme: dark){.block.block__comparator .pseudo-form .row .field .input.select select::placeholder{color:rgb(34.3902439024,137.5609756098,200.6097560976)}}.block.block__comparator .pseudo-form .row .field .input.select select:required:invalid{color:rgb(201.5,201.5,201.5);transition-property:color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s}.block.block__comparator .pseudo-form .row .field .input.select select:required:invalid option{color:#0c3046}@supports(color: var(--dummy)){.block.block__comparator .pseudo-form .row .field .input.select select:required:invalid option{color:var(--color-foreground)}}.theme-night .block.block__comparator .pseudo-form .row .field .input.select select:required:invalid{color:rgb(19.4634146341,77.8536585366,113.5365853659)}@media(prefers-color-scheme: dark){.block.block__comparator .pseudo-form .row .field .input.select select:required:invalid{color:rgb(19.4634146341,77.8536585366,113.5365853659)}}.block.block__comparator .pseudo-form .row .field .input.select select option[value=""][disabled]{display:none}.block.block__comparator .pseudo-form .row button{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:flex;justify-content:center;align-items:center;height:50px;width:100%;border:none;outline:none;border-radius:25px;color:#fff;background-color:#56baa1;cursor:pointer}.block.block__comparator .pseudo-form[data-comparator-mode=base] .row .field:not(.show-always):not(.show-on--base){display:none;position:absolute;visibility:hidden;width:0;height:0;padding:0;margin:0;opacity:0;pointer-events:none;user-select:none}.block.block__comparator .pseudo-form[data-comparator-mode=base] .field.field--power{grid-column-end:span 4}.block.block__comparator .pseudo-form[data-comparator-mode=base]~.results .use-mode:not(.show-always):not(.show-on--base){display:none;position:absolute;visibility:hidden;width:0;height:0;padding:0;margin:0;opacity:0;pointer-events:none;user-select:none}.block.block__comparator .pseudo-form[data-comparator-mode=hphc] .row .field:not(.show-always):not(.show-on--hphc){display:none;position:absolute;visibility:hidden;width:0;height:0;padding:0;margin:0;opacity:0;pointer-events:none;user-select:none}.block.block__comparator .pseudo-form[data-comparator-mode=hphc] .field.field--power{grid-column-end:span 3}.block.block__comparator .pseudo-form[data-comparator-mode=hphc]~.results .use-mode:not(.show-always):not(.show-on--hphc){display:none;position:absolute;visibility:hidden;width:0;height:0;padding:0;margin:0;opacity:0;pointer-events:none;user-select:none}.block.block__comparator .results{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:0 40px;width:100%;align-items:stretch;margin-top:30px}@media all and (max-width: 900px){.block.block__comparator .results{gap:10px}}.block.block__comparator .results .result{position:relative;grid-column-end:span 4;margin-bottom:120px}@media all and (max-width: 900px){.block.block__comparator .results .result{grid-column-end:span 12}}.block.block__comparator .results .result .result-block{position:relative;display:flex;flex-direction:column;height:100%;padding:50px 0;z-index:1}@media all and (max-width: 900px){.block.block__comparator .results .result .result-block{padding:30px 16px}}.block.block__comparator .results .result .result-block::before{content:"";display:block;position:absolute;top:0;left:-10px;width:calc(100% + 20px);height:100%;border-radius:50px;z-index:-1;pointer-events:none}@media all and (max-width: 900px){.block.block__comparator .results .result .result-block::before{left:0;width:100%;border-radius:16px}}.block.block__comparator .results .result .result-block .title,.block.block__comparator .results .result .result-block .result-content{text-align:center}.block.block__comparator .results .result .result-block .title,.block.block__comparator .results .result .result-block .result-content.year{font-family:"Exo 2",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:32px;line-height:38px;font-weight:normal}@media all and (max-width: 900px){.block.block__comparator .results .result .result-block .title,.block.block__comparator .results .result .result-block .result-content.year{font-size:22px;line-height:26px;font-weight:normal}}.block.block__comparator .results .result .result-block .title{padding-bottom:35px;margin-bottom:auto;color:inherit}.block.block__comparator .results .result .result-block .title.large{font-family:"Exo 2",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:52px;line-height:62px;font-weight:normal}@media all and (max-width: 900px){.block.block__comparator .results .result .result-block .title.large{font-size:32px;line-height:38px;font-weight:normal}}.block.block__comparator .results .result .result-block .title .sub{font-family:"Exo 2",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px;line-height:19px;font-weight:bold;font-weight:normal}@media all and (max-width: 900px){.block.block__comparator .results .result .result-block .title .sub{font-size:16px;line-height:19px;font-weight:bold}}.block.block__comparator .results .result .result-block .title .sub.positive-percent{display:none}.block.block__comparator .results .result .result-block .result-content{color:#56baa1}.block.block__comparator .results .result .result-block .result-content.hidden{display:none;position:absolute;visibility:hidden;width:0;height:0;padding:0;margin:0;opacity:0;pointer-events:none;user-select:none}.block.block__comparator .results .result .result-block .result-content+.result-content{margin-top:10px}.block.block__comparator .results .result .result-block--footer{position:absolute;top:100%;left:0;width:100%;margin-top:20px}.block.block__comparator .results .result .result-block--footer .result-savings+a.button{margin-top:20px}.block.block__comparator .results .result.result--current{grid-column-start:7}@media all and (max-width: 900px){.block.block__comparator .results .result.result--current{grid-column-start:1;grid-row:1;margin-bottom:0}}.block.block__comparator .results .result.result--current .result-block::before{transition-property:background-color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s;background-color:#eef4f7}@supports(color: var(--dummy)){.block.block__comparator .results .result.result--current .result-block::before{background-color:var(--color-background-off)}}.block.block__comparator .results .result.result--computed{grid-column-start:3}@media all and (max-width: 900px){.block.block__comparator .results .result.result--computed{grid-column-start:1;grid-row:2}}.block.block__comparator .results .result.result--computed .result-block{transition-property:color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s;color:#ffffff}@supports(color: var(--dummy)){.block.block__comparator .results .result.result--computed .result-block{color:var(--color-background)}}.block.block__comparator .results .result.result--computed .result-block::before{transition-property:background-color;transition-duration:.4s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1);transition-delay:0s;background-color:#0c3046}@supports(color: var(--dummy)){.block.block__comparator .results .result.result--computed .result-block::before{background-color:var(--color-foreground)}}.block.block__comparator:not([data-comparator-computed]) .results{display:none;position:absolute;visibility:hidden;width:0;height:0;padding:0;margin:0;opacity:0;pointer-events:none;user-select:none}.block.block__comparator[data-comparator-is-rate-increase] .results .result .result-block .title .sub.positive-percent{display:block}
