.roi-calculator--view{--roi-calculator-grid-line:2px solid var(--lumo-contrast-20pct);overflow:auto}.roi-calculator--view h1,.roi-calculator--view h2,.roi-calculator--view h3,.roi-calculator--view h4,.roi-calculator--view h5,.roi-calculator--view h6{padding:0}.roi-calculator--view section{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.roi-calculator--view paper-tooltip{box-shadow:var(--lumo-box-shadow-m);opacity:.95;text-align:left}.roi-calculator--view iron-icon{color:#b7bdc6}.roi-calculator--toggle{display:inline-block}.roi-calculator--toggle ul{border-bottom:2px solid var(--lumo-disabled-text-color)}.roi-calculator--toggle-tab{display:inline-block}.roi-calculator--toggle-tab.last{margin-right:0}.roi-calculator--toggle-tab{color:var(--lumo-disabled-text-color);cursor:pointer;font-weight:500;padding:0 0 4px;transition:color .2s}.roi-calculator--toggle-tab[selected]{background-color:var(--color-water);border-color:var(--color-water);color:var(--lumo-body-text-color);color:#fff}.roi-calculator--view .number-val{font-family:Roboto Mono,monospace;font-size:1.375rem;justify-content:center;transition:all 1s}.roi-calculator--number-field{align-items:center;background-color:var(--color-alloy-darker);border:1px solid transparent;border-radius:2.25rem;display:flex;height:2.25rem;overflow:hidden;position:relative;text-align:center}.roi-calculator--number-field [part=value]{margin:auto;min-width:6rem}.roi-calculator--number-field:focus:after{transform:scaleX(0);transition-duration:.15s,1s}.roi-calculator--number-field:after{background-color:var(--lumo-contrast-50pct);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform-origin:100% 0;transition:transform .15s,opacity .2s}.roi-calculator--number-field:hover:after{opacity:.1}.card-column .card:not(.active):not(.vaadin-invest) .roi-calculator--number-field:hover:after{opacity:0}.roi-calculator--number-field [part=decrease-button],.roi-calculator--number-field [part=increase-button]{color:var(--lumo-contrast-60pct);cursor:pointer;font-size:var(--lumo-icon-size-s);font-size:var(--lumo-icon-size-m);transition:color .2s;user-select:none;width:1.6em}.roi-calculator--number-field [part$=button]:before{pointer-events:none}.roi-calculator--number-field [part$=button]:hover{color:var(--lumo-contrast-90pct)}.roi-calculator--number-field [part=decrease-button]:before{content:"−"}.roi-calculator--number-field [part=increase-button]:before{content:"+"}.roi-calculator--range-field{display:flex;font-size:.875rem;text-align:center}.roi-calculator--range-field .limit{text-align:right;width:3.5rem}.roi-calculator--range-field [part=input]{display:flex;position:relative}.card.active .roi-calculator--range-field [part=value]{background:var(--lumo-base-color);border-radius:4px;box-shadow:var(--lumo-box-shadow-xs);box-shadow:0 0 40px rgba(37,45,56,.25);left:0;padding-bottom:2px;padding-top:2px;position:absolute;text-align:right;text-align:center;top:-1.8rem;width:2.5rem}.card.active .roi-calculator--range-field [part=value]:before{border:4px solid transparent;border-top-color:#fff;bottom:-8px;content:"";height:0;left:0;margin:auto;position:absolute;right:0;width:0}.roi-calculator--range-field .limit:first-child{text-align:left}.roi-calculator--range-field input[type=range]{-webkit-appearance:none;background:transparent;width:100%}.roi-calculator--range-field input[type=range]:focus{outline:none}.roi-calculator--range-field input[type=range]:-moz-focusring,.roi-calculator--range-field input[type=range]::-moz-focus-inner,.roi-calculator--range-field input[type=range]::-moz-focus-outer{border:none;outline:none}.roi-calculator--range-field input[type=range]::-webkit-slider-runnable-track{background:var(--color-graphite-lighter);border:none;border-radius:2px;cursor:pointer;height:2px;transition:all .2s;width:100%}.roi-calculator--range-field input[type=range]:focus::-webkit-slider-runnable-track{background:var(--color-graphite-lighter)}.roi-calculator--range-field input[type=range]::-moz-range-track{background:var(--color-graphite-lighter);border:none;border-radius:2px;cursor:pointer;height:2px;transition:all .2s;width:100%}.roi-calculator--range-field input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:16px 0;color:transparent;cursor:pointer;height:2px;transition:all .2s;width:100%}.roi-calculator--range-field input[type=range]::-ms-fill-lower,.roi-calculator--range-field input[type=range]::-ms-fill-upper{background:var(--color-graphite-lighter);border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}.roi-calculator--range-field input[type=range]:focus::-ms-fill-lower{background:#3071a9}.roi-calculator--range-field input[type=range]:focus::-ms-fill-upper{background:#367ebd}.roi-calculator--range-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid var(--color-water);border-radius:14px;box-shadow:0 2px 4px rgba(0,0,0,.25);cursor:pointer;height:14px;margin-top:-6px;width:14px}.roi-calculator--range-field input[type=range]::-moz-range-thumb{background:#fff;border:2px solid var(--color-water);border-radius:14px;box-shadow:0 2px 4px rgba(0,0,0,.25);cursor:pointer;height:14px;width:14px}.roi-calculator--range-field input[type=range]::-ms-thumb{background:#fff;border:1px solid #000;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}.roi-calculator--card-container{margin:var(--lumo-space-xl) 0 var(--lumo-space-l) 0}.card-column{padding-right:0;width:100%}.result-column{padding-left:0;position:relative;width:100%}.card-column .card{background-color:#fafbfd;padding:26px;text-align:center;transition:all .25s ease;width:100%}.card-column .card+.card{margin-top:32px}.card-column .card .icon-box{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:40px;margin-left:auto;margin-right:auto;position:relative;width:80px}.card-column .card .icon-box i{color:var(--color-charcoal);font-size:var(--text-size-xxxxl)}.card-column .card .icon-box .circle-border{animation:rotating 6s linear infinite paused;border:2px solid #d4e3f7;border-radius:50%;height:100%;left:0;position:absolute;top:0;transform:rotate(125deg);transition:all .25s ease;width:100%}.card-column .card.active .icon-box .circle-border{animation-play-state:running;border-color:#bccde4}.card-column .card:nth-child(2) .icon-box .circle-border{animation-delay:-3s}.card-column .card:nth-child(3) .icon-box .circle-border{animation-delay:-5s}.card-column .card:nth-child(4) .icon-box .circle-border{animation-delay:-8s}.card-column .card:nth-child(5) .icon-box .circle-border{animation-delay:-9s}.card-column .card:nth-child(6) .icon-box .circle-border{animation-delay:-12s}.card-column .card .icon-box .circle-border:after{background-color:var(--color-water);border-radius:50%;content:"";height:10px;left:0;margin:auto;position:absolute;right:0;top:-5px;width:10px}.card-column .card:nth-child(2n) .circle-border:after{background-color:var(--color-lava)}@keyframes rotating{0%{transform:rotate(125deg)}to{transform:rotate(485deg)}}.card-column .card .card-title{font-size:16px;font-weight:700;letter-spacing:normal;margin-bottom:16px;text-transform:none}.card-column .card .card-summary{font-size:14px;margin-left:auto;margin-right:auto;margin-top:0;max-width:680px;width:100%}.card-column .card .total-hour{margin-bottom:16px;margin-top:0}.card-column .card .card-subtitle{font-size:16px;margin-bottom:16px}ul.roi-calculator--toggle{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.roi-calculator--toggle-tab{border:1px solid var(--color-water);color:var(--color-water);font-size:12px;font-weight:700;padding:4px 16px}.roi-calculator--toggle-tab:first-child{border-radius:50px 0 0 50px}.roi-calculator--toggle-tab:last-child{border-radius:0 50px 50px 0}.roi-calculator--toggle-tab:not(:first-child){border-left:none}.card-column .card .configurator-box>span{display:inline-block;font-size:14px;margin-bottom:8px}.card-column .card .configurator-box>span.min-height-apply{min-height:44px}.card-column .card:not(.active) .configurator-box .num-placeholder{bottom:0;font-size:16px;left:0;opacity:1;position:absolute;right:0;top:-16px}.card-column .card.active .configurator-box .num-placeholder{pointer-events:none}.roi-calculator--range-field{position:relative}.card-column .card ul+.comparison-table{margin-top:0}.card-column .card .configurator-box .roi-calculator--number-field{margin-left:auto;margin-right:auto;max-width:240px}.card-column .card .configurator-box .roi-calculator--range-field{justify-content:center;margin-top:16px}.card-column .card .comparison-table{margin-top:24px}.card .comparison-table .comparison-table--header{align-items:center;border:1px solid #d4e3f7;display:flex;height:48px;justify-content:center}.card .comparison-table .header-text{font-size:16px;font-weight:700;letter-spacing:normal;margin:0;text-transform:none}.card .comparison-table .comparison-table--body{display:flex;flex-wrap:wrap;text-align:center}.card .comparison-table .comparison-table--body.light-bg>*{background-color:#fff}.comparison-table .comparison-table--body .half-col,.comparison-table .comparison-table--body .one-third-col{border:1px solid #d4e3f7;flex-basis:100%;padding:16px 8px}.comparison-table .comparison-table--body .one-third-col>*{margin:0}.comparison-table .comparison-table--body .one-third-col{align-items:center;display:flex;justify-content:center}.comparison-table .comparison-table--footer .one-third-col{flex-basis:100%;padding:16px 8px}.comparison-table .comparison-table--footer .one-third-col:not(:first-child){border-left:1px solid #d4e3f7}.comparison-table .comparison-table--body+.comparison-table--body .one-third-col,.comparison-table .comparison-table--header+.comparison-table--body .half-col{border-top:none}.comparison-table .comparison-table--body .full-col{align-items:center;border:1px solid #d4e3f7;display:flex;flex-basis:100%;flex-direction:column;padding:16px}.comparison-table .comparison-table--body .full-col:not(:first-child){border-top:none}.comparison-table .full-col .row-title{flex-basis:40%;font-size:14px;margin:0 0 8px;text-align:center}.comparison-table .row-title iron-icon{width:14px}.comparison-table .full-col>.configurator-box{flex-basis:40%;margin:24px 0;text-align:center}.comparison-table .full-col .number-val{flex-basis:20%;font-size:14px;font-weight:700;margin-top:8px;text-align:right}.comparison-table .full-col .price-val{flex-basis:40%;font-size:12px;font-weight:400}.comparison-table .full-col.extended-col{flex-direction:row;flex-wrap:wrap}.comparison-table .full-col.extended-col .row-title{flex-basis:100%}.comparison-table .extended-col .group-col{align-items:center;border-bottom:1px solid #d4e3f7;display:flex;flex-basis:100%;flex-direction:column;justify-content:space-between;margin-bottom:16px;margin-top:8px;padding-bottom:16px}.comparison-table .extended-col .group-col .configurator-box{margin-bottom:16px}.comparison-table .extended-col p{font-size:12px;margin:0 0 8px;text-align:left}.comparison-table .extended-col .feature-list{display:flex;flex-wrap:wrap;list-style:none;margin:0 -4px;padding:0}.feature-list li{padding:4px}.pill{align-items:center;background-color:#eaf3ff;border-radius:4px;color:#56667b;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;padding:0 8px}.comparison-table .comparison-table--body h4{font-size:14px;font-weight:600;letter-spacing:normal;margin-bottom:8px;text-transform:none}.comparison-table .comparison-table--body .info-text{font-size:14px}.card .comparison-table .comparison-table--footer{align-items:center;background-color:#fff;border:1px solid #d4e3f7;border-top:none;display:flex;flex-direction:column;height:40px;height:auto;justify-content:space-between;padding:16px}.card .comparison-table .comparison-table--footer.no-padding{padding:0}.comparison-table .comparison-table--footer .footer-text{font-size:14px;font-weight:700;letter-spacing:normal;margin:0 0 16px;text-transform:none}.comparison-table .comparison-table--footer .footer-number{color:#00b4f0;font-size:16px;font-weight:700;letter-spacing:normal;margin:0;text-transform:none}.vaadin-invest .comparison-table .comparison-table--footer .footer-number{color:#2bc24e}#result-card{will-change:transform}.result-column .result-card{background-color:#fff;box-shadow:0 0 75px rgba(181,190,202,.3);display:flex;flex-direction:column;text-align:center}.result-column .result-card .info{display:inline-block;font-size:14px;font-weight:700;margin-bottom:0}.result-column .result-card .info iron-icon{margin-left:4px;width:16px}.result-column .result-card .result-card-title{background-color:#fafbff;font-size:24px;font-size:22px;margin:0;padding:24px}.result-column .result-card .calculation-group{padding:24px}.result-column .result-card .calculation-group .inner-group{border:2px solid #d4e3f7;border-radius:12px;padding:16px;position:relative}.result-column .result-card .calculation-group .inner-group:before{background-color:#fff;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;top:-2px;width:90%}.result-column .result-card .calculation-group .inner-group:after{background-color:#fff;bottom:-2px;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;width:90%}.result-column .result-card .operand{align-items:center;display:flex;justify-content:space-between}.result-column .result-card .operand.diy,.result-column .result-card .operand.vaadin{flex-direction:column}.result-column .result-card .operand h4{font-size:22px;font-weight:600;margin:0}.result-column .result-card .operand.diy h4{color:#00b4f0}.result-column .result-card .operand.vaadin h4{color:#2bc24e}.result-column .result-card .operation{align-items:center;display:flex;font-size:32px;line-height:1.2;margin:16px 0}.result-column .result-card .operation .operation-text{font-size:12px;font-weight:700;opacity:.5}.result-column .result-card .operation .line{background-color:#d4e3f7;border-top:1px solid #d4e3f7;flex-grow:1;margin:0 16px}.result-column .result-card .operation .symbol{font-size:26px;opacity:.75}.result-column .result-card .operand.roi-display .info{font-size:22px;font-weight:600}.result-column .result-card .operand.roi-display h4{font-size:32px;font-weight:600}.result-column .cta-card{background-color:#fff;box-shadow:0 0 75px rgba(181,190,202,.3);display:flex;display:none;flex-direction:column;padding:32px;text-align:center}.result-column .result-card+.cta-card{margin-top:32px}.result-column .cta-card a{width:100%}.result-column .cta-card a.secondary{margin:auto;width:auto}.result-column .cta-card p{margin-bottom:8px}.card-column .card.active{background-color:#fff;box-shadow:0 0 75px rgba(181,190,202,.3)}.card-column .card:not(.active):not(.vaadin-invest) .roi-calculator--number-field{background-color:transparent;border:1px solid transparent}.card-column .card:not(.active):not(.vaadin-invest) .roi-calculator--number-field [part=decrease-button],.card-column .card:not(.active):not(.vaadin-invest) .roi-calculator--number-field [part=increase-button]{opacity:0;pointer-events:none}.card-column .configurator-box .num-placeholder,.roi-calculator--number-field,.roi-calculator--number-field [part=decrease-button],.roi-calculator--number-field [part=increase-button],.roi-calculator--range-field .limit,.roi-calculator--range-field [part=input]{transition:all .25s ease}.card-column .card:not(.active):not(.vaadin-invest) .roi-calculator--range-field .limit,.card-column .card:not(.active):not(.vaadin-invest) .roi-calculator--range-field input{opacity:0;pointer-events:none}.red-color{color:#ff3b4a}.green-color{color:var(--color-grass)}.blue-color{color:var(--color-water)}.switcher-group{align-items:center;display:flex;flex-direction:column;justify-content:center}.card.prime-saved-time{align-items:center;background-color:transparent;border:4px solid var(--color-alloy-darker);text-align:left}.card.prime-prime-feature{align-items:center;display:flex;flex-direction:column;text-align:left}.card.prime-prime-feature h4,.card.prime-saved-time h4{font-size:16px;font-weight:700;letter-spacing:0;margin:0 0 24px;text-transform:none}.card.prime-prime-feature>h4,.card.prime-saved-time>h4{width:100%}.card.prime-prime-feature p,.card.prime-saved-time p{font-size:14px;line-height:1.8;margin:0 0 16px}.card.prime-prime-feature .text-group,.card.prime-saved-time .text-group{align-items:center;display:flex;justify-content:space-between;width:100%}.card.prime-prime-feature .text-group h5,.card.prime-saved-time .text-group h5{font-size:14px;margin:0}.card.prime-prime-feature .text-group h4,.card.prime-saved-time .text-group h4{color:var(--color-water);font-size:20px;margin:0}.card.prime-prime-feature .icon-box{flex-basis:30%;margin-left:0}.pill-group{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0 -4px;padding:0}.pill-group .pill{margin:4px}.footer-cta{margin-top:48px;padding:40px 0}.footer-cta p{margin-top:0}.footer-cta .group-button{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-cta .group-button a+a{margin-left:16px}.cta-box{border-top:1px solid #d4e3f7;display:block;margin-top:16px;padding-top:24px}@media (min-width:376px){.result-column .result-card .operand.diy,.result-column .result-card .operand.vaadin{flex-direction:row}}@media (min-width:426px){.switcher-group{flex-direction:row}.card-column .card ul+ul{margin-left:16px}}@media (min-width:769px){.card-column{padding-right:16px;width:70%}.comparison-table .comparison-table--body .half-col{flex-basis:50%;overflow:hidden;padding:16px 24px}.comparison-table .comparison-table--body .one-third-col,.comparison-table .comparison-table--footer .one-third-col{flex-basis:33.33%;overflow:hidden;padding:16px}.comparison-table .comparison-table--body .half-col:last-child,.comparison-table .comparison-table--body .one-third-col:not(:first-child){border-left:none}.comparison-table .full-col .row-title{margin-bottom:0;text-align:left}.comparison-table .extended-col .group-col{flex-direction:row}.comparison-table .extended-col .group-col .configurator-box{margin-bottom:0}.comparison-table .full-col .number-val{margin-top:0}.result-column{padding-left:16px;width:30%}.card .comparison-table .comparison-table--footer{flex-direction:row;height:40px;padding:0 16px}.comparison-table .comparison-table--footer .footer-text{margin-bottom:0}.roi-calculator--toggle-tab{padding:4px 16px}.result-column .cta-card{display:flex}.result-column .result-card .operand.diy,.result-column .result-card .operand.vaadin{flex-direction:column}.footer-cta .group-button{flex-direction:row}.roi-calculator--header .text-box{padding-right:16px;width:70%}.roi-calculator--header .icon-box{display:flex;justify-content:center;padding-left:16px;width:30%}}@media (min-width:1025px){.card-column .card{padding:40px}.comparison-table .comparison-table--body .full-col{flex-direction:row}.comparison-table .full-col>.configurator-box{margin:0}.card.prime-prime-feature{flex-direction:row}.card.prime-prime-feature .icon-box{margin-bottom:0}.comparison-table .comparison-table--body .one-third-col,.comparison-table .comparison-table--footer .one-third-col{padding:16px 24px}}@media (min-width:1200px){.result-column .result-card .operand.diy,.result-column .result-card .operand.vaadin{flex-direction:row}}@media print{body,html{height:297mm;width:210mm}.roi-calculator--view section{min-width:0}#haas-container,#site-header,.card.prime-prime-feature .icon-box,.comparison-table .full-col>.configurator-box,.comparison-table .row-title iron-icon,.footer-cta,.header-image,.result-column .cta-card,.result-column .result-card .info iron-icon,.roi-calculator--header,.roi-calculator--toggle,.site-footer,a.button,ul.roi-calculator--toggle,vc-site-footer{display:none!important}.card-column{padding-right:0;width:100%}.card-column .card .configurator-box .roi-calculator--number-field{border:none}.comparison-table{margin-top:16px}.card-column .card{padding:0}.result-column{padding-left:0;padding-right:8px;width:100%}.result-column .result-card{align-items:center;border:1px solid #d4e3f7;box-shadow:none;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:100px;padding:32px 56px}.result-column .result-card .result-card-title{flex-basis:100%;margin-bottom:32px}.result-column .result-card .operation{margin:0}.result-column .result-card .operand{display:flex;flex-direction:column-reverse}.result-column .result-card .info{font-size:12px;margin-bottom:0;margin-top:16px}#result-card{transform:none!important}.card-column .card.active{box-shadow:none!important}.card-column .card .circle-border:after{background-color:transparent;content:none;display:none!important}.comparison-table .comparison-table--body .full-col{flex-direction:row;justify-content:space-between}.comparison-table .full-col .row-title{text-align:left}.comparison-table .comparison-table--body .one-third-col,.comparison-table .comparison-table--footer .one-third-col{flex-basis:33.33%;overflow:hidden;padding:16px 24px}.comparison-table .comparison-table--body .one-third-col:not(:first-child){border-left:none}.card.prime-prime-feature{flex-direction:row}.calculation-group,.result-column .result-card .operand.roi-display{flex-direction:row;width:100%}.card.prime-saved-time{border-color:#d4e3f7;padding:32px}.comparison-table .comparison-table--body+.comparison-table--body .one-third-col{border:1px solid #d4e3f7}}