@import '/apps/todoluzygas/clientlibs/clientlib-site/css/variables.less';@import '/apps/todoluzygas/clientlibs/clientlib-site/css/mixins.less';.step-component{margin-bottom:81px;&__content{display:grid;gap:16px;&--six{grid-template-columns:repeat(2,1fr);.comparator-button-component{height:106px}
}
&--five{grid-template-columns:repeat(3,1fr);.comparator-button-component{height:128px;&__text{p{width:100px}
}
}
}
&--four{grid-template-columns:repeat(2,1fr);.comparator-button-component{height:121px}
}
}
.container-bar{margin-top:24px;.back-page-step-bar-container{display:flex;justify-content:space-between;margin-top:8px;color:@primary-2;.back-page{display:flex;color:@primary-2;text-decoration:none;&--hidden{display:none}
&:only-child{.back-page__text{display:block;&--mobile{display:none}
}
}
&__text{display:block;p{margin:0}
}
i{display:inline-flex;align-items:center;justify-content:center}
}
.text-bar{&--right{margin-left:auto}
}
}
.progress-bar{margin-top:16px;width:100%;height:8px;background-color:@primary-4;border-radius:4px;.dinamic-progress{height:8px;border-radius:4px;background-color:@primary-2}
}
}
&-items{&.step-container-main>div:first-child{margin-top:16px}
&.step-container-secondary>div:first-child{margin-top:16px}
&>.cmp-container>div{&:first-child{margin-top:0}
&:not(:last-child){margin-bottom:32px}
}
}
&__text{p{font-size:24px;line-height:28px;font-weight:500}
}
&--hidden{display:none}
@media(min-width grid-template-columns:repeat(4,1fr);.comparator-button-component{height:128px}
}
&--four{.comparator-button-component{height:128px}
}
}
.container-bar .back-page-step-bar-container.back-page{&:only-child{margin-top:8px}
}
&-items{&.step-container-main>div:first-child{margin-top:24px}
&.step-container-secondary>div:first-child{margin-top:12px}
}
}
}