.widget-calc{.grid{--gutter-x:3.4rem;@media (max-width:1023px){--gutter-x:2.4rem}>*{@media (max-width:1023px){--col-size:50%}@media (max-width:767px){--col-size:100%}}}.widget__group{background:var(--c-white);border:1px solid var(--c-grey-2);border-radius:1.2rem;padding:3.9rem 4.8rem 3.7rem;@media (max-width:1200px){padding-bottom:3rem;padding-left:3.5rem;padding-right:3.5rem;padding-top:3rem}@media (max-width:1023px){padding-bottom:3.8rem;padding-left:4.6rem;padding-right:4.6rem;padding-top:3.8rem}@media (max-width:850px){padding-bottom:2.5rem;padding-left:2.3rem;padding-right:2.3rem;padding-top:2.5rem}&:not(:last-child){margin-bottom:2.4rem}.widget__group-title{&:not(:last-child){margin-bottom:.6rem;@media (max-width:850px){margin-bottom:.2rem}}&.green{color:var(--green)}}.widget__group-fields{list-style-type:none;li{border-bottom:1px solid var(--c-grey-2);padding:1rem 0 .9rem;&:last-child{border-bottom-color:transparent}}.hint{font-size:80%;width:100%}.field{align-items:center;color:var(--copy);display:flex;flex-wrap:wrap;font-size:1.4rem;font-weight:500;gap:0 1rem;line-height:1.71;label{flex-grow:1;width:10%}input,select{background:var(--c-white);border:1px solid var(--button-disable-color);border-radius:8px;display:block;height:40px;outline:1px solid transparent;padding:1rem;text-align:center;text-align-last:center;transition:border-color .3s,outline-color .3s,color .3s;width:100px;@media (max-width:1023px){width:82px}&:focus{border-color:var(--c-def);color:var(--btn-primary);outline-color:var(--c-def)}}}}}.widget__aside{height:100%;position:relative;.widget__results{backdrop-filter:blur(16.38px);background:#05161e;border-radius:12px;box-shadow:0 5.22026px 19.837px rgba(0,0,0,.12),inset 0 1.04405px 0 hsla(0,0%,100%,.3);color:#fff;margin-left:auto;overflow:hidden;padding:6.4rem 6.3rem;@media (max-width:1200px){padding-bottom:6rem;padding-left:6rem;padding-right:6rem;padding-top:6rem}@media (max-width:1023px){padding-bottom:6.5rem;padding-left:6.4rem;padding-right:6.4rem;padding-top:6.5rem}@media (max-width:850px){margin-left:auto;margin-right:auto}@media (max-width:767px){padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem;padding-top:2.5rem}h5{@media (max-width:1023px){&:not(:last-child){margin-bottom:2.4rem}}}.results-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}.placeholder{color:#484f58;font-size:13px;line-height:1.6}.metrics{display:none}.results-sub{&:not(:last-child){margin-bottom:2.4rem}}.total-box{background:rgba(135,212,36,.25);border:1px solid rgba(135,212,36,.7);border-radius:12px;color:var(--c-def);padding:31px 30px;&:not(:last-child){margin-bottom:2.5rem}.total-label{font-size:12px;margin-bottom:3px}}.section-title{font-weight:600;margin-bottom:8px;&.section-title--big{font-size:1.8rem}}.metric{border-bottom:1px solid #21262d;padding:13px 0 18px}.metric:last-of-type{border-bottom:none}.metric-val{font-size:24px;font-weight:700;line-height:1;margin-bottom:3px}.metric-val.loss{color:#e05252}.metric-label{color:var(--copy);font-size:1.2rem;&.metric-label--big{color:#9ba4a8;font-size:1.4rem}}.divider{border:none;margin:16px 0}.roi-grid{--gap:2.4rem;display:flex;flex-wrap:wrap;gap:var(--gap);&:not(:first-child){margin-top:2rem}}.roi-card{flex-grow:1;width:10%;&:not(:last-child){border-right:1px solid #3b4c64}.roi-card-val{color:#7ec800;margin-bottom:5px}.roi-card-label{color:var(--c-white);font-size:16px;line-height:1.5;@media (max-width:767px){font-size:1.2rem}}}.disclaimer{color:var(--copy);font-size:12px;line-height:1.5;margin-top:2.4rem}@media (max-width:620px){.calculator{grid-template-columns:1fr}.roi-grid{grid-template-columns:1fr 1fr}h1{font-size:26px}}@media (max-width:400px){.roi-grid{grid-template-columns:1fr}}}}}