.step{min-height:670px;max-height:670px;display:none;opacity:0;visibility:hidden;transition:opacity .4s ease}
.step.show{display:flex;opacity:1;visibility:visible}
.step-counter{margin-bottom:10px;padding:.9375rem;font-size:1rem;border-radius:6.25rem;background:rgba(197,198,201,.12);text-align:center}
.step-button__prev{justify-content:flex-start}
.step-button__next{justify-content:flex-end}
.no-pointer *{pointer-events:none}
.apps-list{gap:10px}
.app-img{background-color:#fff;padding:1.6rem;display:flex;align-self:center;justify-content:center;height:100%;transition:all .3s ease}
.app-img img{max-height:1.4rem;width:5rem}
input:checked+.app-img{color:#fff;background-color:var(--black)}
input:checked+.app-img img{filter:invert(1) grayscale(1);-webkit-filter:invert(1) grayscale(1)}
.calculator-sidebar{flex-basis:25%;flex:0 0 25%;padding:var(--gap-l) var(--gap-s);justify-content:space-between}
.choose-radio input,.step-options input{position:absolute;display:none}
.step-options label{cursor:pointer}
.buttons-list span{width:100%;padding:1rem 1.5rem;justify-content:space-between;min-height:3.5rem;height:3.5rem;cursor:pointer}
.buttons-list label{width:100%;flex-basis:30%;flex-grow:1}
.buttons-list input:checked+span{color:#fff;background-color:var(--black)}
.checkbox{position:relative;width:1.4rem;min-width:1.4rem;height:1.4rem;border-radius:50%;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center}
.checkbox-group{position:relative;margin-bottom:10px;cursor:pointer}
.checkbox-group small{white-space:nowrap}
.checkbox__title{line-height:1.2;font-weight:500;font-size:.9rem}
.checkbox::after{content:'';position:absolute;width:0;height:0;border-radius:50%;background-color:var(--black);transition:all .4s ease}
input:checked+.checkbox-group .checkbox::after{width:.6rem;min-width:.6rem;height:.6rem;min-height:.6rem}
.options-list{column-count:2;column-gap:3rem;max-height:130px;padding-right:15px;overflow-y:auto}
button:disabled{outline:0;border:0;pointer-events:none;opacity:.4}
.options-list .scroll-content{height:130px}
@media(max-width:860px){
.step{min-height:unset;max-height:unset}
.calc-logos img{height:2rem}
.app-img img{width:4rem}
}
@media(max-width:768px){
.step.show{flex-wrap:wrap}
.calculator-sidebar{display:grid;grid-auto-flow:column;flex:0 0 100%}
.options-list{max-height:unset}
}
@media(max-width:568px){
.options-list{column-count:1}
.step-options label{width:100%}
.calculator-heading .flex{flex-direction:column}
}