@charset "UTF-8";
.has-calculator main{display:none}#clima-calculator{overflow-x:hidden;padding:5rem 0;width:100%}#calculator-teaser{text-align:center}#calculator-teaser h1{color:#004d25;font-size:30px;font-weight:600;letter-spacing:2px;line-height:40px;text-transform:uppercase;word-break:keep-all}#calculator-teaser .diagram{background:conic-gradient(rgba(17, 130, 59, 0.6) 43%, rgba(255, 159, 0, 0.6) 0deg);transform:rotate(462.6deg)}#calculator-graphs{display:flex;justify-content:center;margin:60px auto;width:100%}#calculator-graphs #optimization-graphics-preview{margin-right:40px;min-width:550px;text-align:left;width:550px}#calculator-graphs #size-chart-preview{max-width:350px;text-align:left;width:45%}#calculator-form{display:flex;gap:1rem;margin:50px auto 0;width:50%}#calculator-form.loading button{background-color:grey;cursor:not-allowed}#calculator-form.loading button:hover{background-color:grey}#calculator-form.loading button .label{display:none}#calculator-form.loading button .loader{display:block}#calculator-form input{background-color:#eaf2eb;border:0;border-radius:8px;flex:1;height:50px;padding:1.5rem}#calculator-form input:focus-visible{outline:2px auto #2791d9}#calculator-form button{background:#11823b;border:none;border-radius:8px;color:#ffffff;cursor:pointer;height:50px;padding:1.5rem;text-transform:uppercase;transition:background-color 0.25s ease-out}#calculator-form button:hover{background-color:#6fbf7c}#calculator-form .loader{animation:spin 1.2s linear infinite;border:3px solid #ffffff;border-radius:50%;border-top:3px solid transparent;display:none;height:2.1rem;margin:0 auto;width:2.1rem}#calculator-info{color:#666;font-style:italic;margin:50px auto 0;max-width:750px;text-align:center}#calculator-result.active{margin-top:8rem}#calculator-result .sizing-chart{max-width:300px}#calculator-result .sizing-chart>div{background-color:#e7f3eb}#calculator-result section{padding:5rem 0}#calculator-result section.bg-grey{background-color:#f2f2f2}#calculator-result h3{font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}#calculator-result .content.half{width:48%}#calculator-result .content>*:last-child{margin-bottom:0}#result-header{background-color:#e7f3eb;padding:2rem 0}#result-header .centering{align-items:center;display:flex;justify-content:space-between}.button{-webkit-appearance:none;background-color:#11823b;border:0;border-radius:8px;color:#ffffff;cursor:pointer;font-weight:600;letter-spacing:1px;padding:1.5rem 2rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color 0.25s ease-out}.button:hover{background-color:#0b5527}#result-heading{text-transform:uppercase}#result-heading p{margin:0}#result-heading .domain{color:#11823b;font-size:1.5em;font-weight:700;text-transform:none}#size-chart,#size-chart-preview{border-bottom:1px solid #000000;border-left:1px solid #000000;height:300px;position:relative;margin-left:55px}#size-chart .bar,#size-chart-preview .bar{background-color:#ffffff;bottom:0;height:0;left:10%;position:absolute;transition:height 0.3s ease-out;width:30%}#size-chart .bar.orange:after,#size-chart-preview .bar.orange:after{background-color:rgba(255, 159, 0, 0.5)}#size-chart .bar:after,#size-chart-preview .bar:after{background-color:rgba(17, 130, 59, 0.6);bottom:0;content:"";left:0;position:absolute;right:0;top:0}#size-chart .line,#size-chart-preview .line{border-bottom:4px dotted #11823b;left:0;position:absolute;transform:translateY(1px);transition:width 0.3s ease-out;width:0}#size-chart .line.visible,#size-chart-preview .line.visible{width:50%}#size-chart .line.visible .label,#size-chart-preview .line.visible .label{opacity:1}#size-chart .line.orange,#size-chart-preview .line.orange{border-bottom:4px dotted #ff9f00}#size-chart .line .label,#size-chart-preview .line .label{left:105%;opacity:0;position:relative;transform:translateY(50%);transition:opacity 0.3s 0.3s ease-out}#size-chart .threshold-line,#size-chart-preview .threshold-line{border-bottom:1px dotted grey}#size-chart .threshold-line.visible .label,#size-chart-preview .threshold-line.visible .label{opacity:1}#size-chart .line .threshold-label,#size-chart-preview .line .threshold-label{color:grey;left:-6%;transform:translateX(-100%) translateY(50%);text-align:right;opacity:1;position:relative}#size-chart .threshold-line.highlight,#size-chart-preview .threshold-line.highlight{border-bottom:2px solid lightseagreen}#size-chart .threshold-label.highlight,#size-chart-preview .threshold-label.highlight{color:lightseagreen}#size-chart .down-arrow,#size-chart-preview .down-arrow{font-size:0.8em;vertical-align:middle;margin-left:4px;color:lightseagreen}#optimization-graphics,#optimization-graphics-preview{display:flex}#optimization-graphics #optimization-labels-preview,#optimization-graphics-preview #optimization-labels-preview{padding-right:0;width:35%}#optimization-graphics #optimization-chart-preview,#optimization-graphics-preview #optimization-chart-preview{padding-bottom:45px;width:55%}.headline-container{display:flex;align-items:center}.orangeDot{background-color:rgba(255, 159, 0, 0.5);border-radius:50%;content:"";height:2rem;margin-right:1rem;width:2rem}.greenDot{background-color:rgba(17, 130, 59, 0.6);border-radius:50%;content:"";height:2rem;margin-right:1rem;width:2rem}.value-mb{align-items:center;display:flex;font-size:1.2em;margin-bottom:0.5rem}.percentage-container{display:flex;align-items:baseline;gap:0.5rem}.percentage-container p{margin:0;font-size:1.2em}.percentage-container::before{content:"• ";font-size:1.2em;margin-right:0.5rem;margin-left:1em}#optimization-labels,#optimization-labels-preview{opacity:0;padding-right:2rem;transition:opacity 0.25s ease-out;width:35%}#optimization-labels.visible,#optimization-labels-preview.visible{opacity:1}#optimization-labels>div:not(:last-child),#optimization-labels-preview>div:not(:last-child){margin-bottom:4rem}#optimization-labels p,#optimization-labels-preview p{margin:0;white-space:nowrap}#optimization-labels p.value,#optimization-labels-preview p.value{align-items:center;display:flex;font-size:1.2em;margin-bottom:0.5rem}#optimization-chart,#optimization-chart-preview{border-radius:50%;opacity:0;padding-bottom:65%;transform:rotate(0deg);transition:all 1s ease-in-out;width:65%}#optimization-chart.visible,#optimization-chart-preview.visible{opacity:1}#hosting-icon{border-radius:50%;height:55px;margin:0 auto 2rem;position:relative;width:55px}#hosting-icon:before,#hosting-icon:after{transform:rotate(0);transition:all ease 1s}#hosting-icon.green-1{background-color:rgba(17, 130, 59, 0.3)}#hosting-icon.green-1:before{background-color:#11823b;bottom:17px;content:"";height:12px;left:20px;position:absolute;transform:rotate(-45deg);width:3px}#hosting-icon.green-1:after{background-color:#11823b;bottom:16px;content:"";height:23px;left:30px;position:absolute;transform:rotate(38deg);width:3px}#hosting-icon.green-0{background-color:rgba(255, 0, 0, 0.3)}#hosting-icon.green-0:before,#hosting-icon.green-0:after{background-color:#ff0000;content:"";height:50%;left:50%;position:absolute;top:25px;transform:translate(-50%, -50%) rotate(-45deg);width:3px}#hosting-icon.green-0:after{transform:translate(-50%, -50%) rotate(45deg)}#hosting-note{font-size:1.2em;margin:0 auto;max-width:400px;text-align:center}#lighthouse-charts-container{align-items:flex-start;display:flex;justify-content:space-between}#lighthouse-charts-container>div{text-align:center;width:23%}#lighthouse-charts-container h4{color:#02231c;font-weight:700;text-transform:uppercase}#lighthouse-charts-container .chart{margin-bottom:2rem}#lighthouse-charts-container .chart.red .percentage{fill:#ff0000}#lighthouse-charts-container .chart.red .circle{fill:rgba(255, 0, 0, 0.1);stroke:#ff0000}#lighthouse-charts-container .chart.orange .percentage{fill:#ff9f00}#lighthouse-charts-container .chart.orange .circle{fill:rgba(255, 159, 0, 0.1);stroke:#ff9f00}#lighthouse-charts-container .chart.green .percentage{fill:#11823b}#lighthouse-charts-container .chart.green .circle{fill:rgba(17, 130, 59, 0.1);stroke:#11823b}#lighthouse-charts-container .chart.visible path{stroke-dashoffset:0}#lighthouse-charts-container .chart path{transition:stroke-dashoffset 2s ease-in-out}#lighthouse-charts-container .circle{fill:none;stroke-width:2.8}#lighthouse-charts-container .percentage{fill:#000000;font-family:inherit;font-size:0.5em;text-anchor:middle;user-select:none}#order-report{align-items:center;display:flex;justify-content:center}@keyframes spin{0%{transform:rotate(0deg)}65%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@media screen and (max-width:992px){#clima-calculator #calculator-graphs{flex-wrap:wrap;justify-content:center;margin:50px auto}#clima-calculator #calculator-graphs #optimization-graphics-preview,#clima-calculator #calculator-graphs #size-chart-preview{flex-basis:100%;margin:0 auto;max-width:400px;width:100%}#clima-calculator #calculator-graphs #optimization-graphics-preview{justify-content:center;margin:0 0 50px;max-width:550px}#clima-calculator #calculator-graphs #optimization-graphics-preview #optimization-chart-preview{padding-bottom:200px;width:37%}#clima-calculator #calculator-graphs.hide-mobile{display:none}}@media screen and (max-width:768px){#clima-calculator{padding:2rem 0 5rem}#clima-calculator #calculator-graphs #optimization-graphics-preview{flex-wrap:wrap}#clima-calculator #calculator-graphs #optimization-graphics-preview #optimization-labels-preview{flex-basis:100%;margin-top:50px;order:2;text-align:center}#clima-calculator #calculator-graphs #optimization-graphics-preview #optimization-labels-preview div p:first-child{justify-content:center}#clima-calculator #calculator-hero{min-height:auto}#clima-calculator #calculator-hero div{flex-wrap:wrap}#clima-calculator #calculator-hero div #calculator-teaser{margin-right:0;max-width:none;width:100%}#calculator-form{align-items:center;flex-direction:column;margin:50px 0;width:100%}#calculator-form input{width:100%}#calculator-result #result-header .centering{flex-wrap:wrap;justify-content:center;text-align:center}#calculator-result #result-header .centering #result-heading{width:100%}#calculator-result #result-header .centering button{margin-top:35px}#calculator-result section .d-f{flex-wrap:wrap}#calculator-result section .content.half{width:100%}#calculator-result section .content.half#optimization-graphics{margin:50px auto 0;max-width:400px;order:2}#calculator-result section .content.half .sizing-chart{margin:20px auto 50px;max-width:none}#calculator-result section .content.half #size-chart,#calculator-result section .content.half #size-chart-preview{margin:0 auto;max-width:400px}#calculator-result section .content.half #hosting-icon{margin-top:50px}#calculator-result section .content.half .button{margin-top:50px}#calculator-result section #lighthouse-charts-container{flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:-20px}#calculator-result section #lighthouse-charts-container div{width:40%}}