#solar-calculator{scroll-margin:180px}#solar-calculator *{word-break:unset;word-wrap:unset;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;overflow-wrap:unset}#solar-calculator .step{background:var(--Tukivrit-Valo,#f6f9fb);container-name:step;container-type:inline-size;padding:1.6rem 1.2rem}#solar-calculator .step--green{background:var(--Tukivrit-Lime,#c0e300)}#solar-calculator .label{color:var(--Pvrit-Lumme,#004107);font-weight:700}#solar-calculator hr{border:0;border-top:1px solid var(--Pvrit-Vaalea-Lumme,#7fb722);margin:1.6rem 0}#solar-calculator .progressbar{background:#fff;box-shadow:0 4px 25px 0 hsla(0,0%,82%,.4);container-name:progressbar;container-type:inline-size;margin-bottom:1.6rem;max-width:100%;padding:1.6rem;width:100%}#solar-calculator .progressbar li{color:var(--Pvrit-Lumme,#004107);font-size:1rem;font-style:normal;font-weight:700;line-height:normal}#solar-calculator .progressbar li.active~*{color:#898989}#solar-calculator .accordion{font-weight:600}#solar-calculator .accordion-header{align-items:flex-start;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1rem 0}#solar-calculator .button-container{align-items:center;display:flex;flex-direction:column;gap:1.6rem;margin-bottom:1.6rem;margin-top:1.6rem}#solar-calculator .button-container button{margin:0}#solar-calculator input[type=range]:before{content:attr(min) " kWh"}#solar-calculator input[type=range]:after{content:attr(max) " kWh"}#solar-calculator .consumption-presets{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}#solar-calculator .consumption-preset{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative;text-align:center}#solar-calculator .consumption-preset .consumption-preset__image{background:#fff;border-radius:.4rem;height:10rem;margin-bottom:1rem;object-fit:contain;padding:3rem;width:100%}#solar-calculator .consumption-preset--active .consumption-preset__image{background:var(--Tukivrit-Lime,#c0e300)}#solar-calculator .consumption-preset__icon{position:absolute;right:1.2rem;top:7.2rem}#solar-calculator .consumption-preset__title{margin-bottom:0}#solar-calculator .consumption-preset__description{font-weight:400;margin-bottom:1rem}#solar-calculator .result-box__container-column{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:1.6rem}#solar-calculator .result-box{background:hsla(0,0%,100%,.7) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='345' height='336' fill='none' viewBox='0 0 345 336'%3E%3Cpath fill='%23FFF' d='M193.291 128.891c7.792-11.186 15.257-22.631 23.489-33.474 6.185-8.143 13.317-15.565 20.122-23.226 3.857-4.335 8.531-4.557 13.762-2.597 21.076 7.908 33.127 23.616 38.316 44.882 8.06 33.043 1.347 64.44-12.16 94.674-12.543 28.093-30.685 51.983-57.308 68.182-34.584 21.05-70.232 19.945-106.038 3.033-21.449-10.125-40.074-23.916-52.698-44.417-13.884-22.546-17.309-47.321-10.766-72.607C64.398 107.778 97.264 67.3 151.226 45.665c14.78-5.932 30.234-6.11 45.563-.258 6 2.291 8.411 5.978 7.45 11.96-3.462 21.609-7.053 43.2-10.61 64.792-.357 2.158-.794 4.302-1.188 6.454z' style='fill-opacity:.25'/%3E%3C/svg%3E") no-repeat;background-position:right -50px top 1.5rem;border-radius:8px;color:var(--Tukivrit-Varjo,#1d1d1d);flex:1;padding:1.6rem}#solar-calculator .result-box__title{font-size:2rem}#solar-calculator .result-box__title,#solar-calculator .result-box__value{font-family:var(--font-family-heading,serif);font-style:normal;font-weight:700;line-height:normal}#solar-calculator .result-box__value{font-size:2.8rem}#solar-calculator .result-box__unit{font-family:var(--font-family-heading,serif);font-size:1.6rem;font-style:normal;font-weight:700;line-height:normal}#solar-calculator .result-box__description{margin-bottom:.8rem}#solar-calculator .error-text{color:var(--Error-punainen,#c52009);font-size:1.2rem;font-weight:600;margin:0 0 1.6rem}#solar-calculator .result-box__value--savings-amount{display:block}@container step (min-width: 700px){#solar-calculator .consumption-presets{grid-template-columns:repeat(4,1fr)!important}#solar-calculator .result-box__container{display:grid;gap:1.6rem;grid-template-columns:repeat(2,1fr)}#solar-calculator .result-box__value--savings-amount{display:inline-block;font-size:2.2rem}#solar-calculator .button-container{flex-direction:row;justify-content:flex-start}#solar-calculator .button-container--reversed{flex-direction:row-reverse;justify-content:flex-end}}@container progressbar (min-width: 700px){#solar-calculator .progressbar li{font-size:1.2rem!important}}