.card-recommender-form-component{display:flex;flex-direction:column;align-items:center;min-height:568px}
@media(min-width:1024px){.card-recommender-form-component{height:fit-content}
}
.card-recommender-form-component:before{position:absolute;background-color:var(--rds-color-styles-elevation-overlay);top:0;left:0;right:0;bottom:0;content:"";z-index:1;max-height:568px}
@media(min-width:1024px){.card-recommender-form-component:before{max-height:100%}
}
.card-recommender-form-component .hidden{display:none}
.card-recommender-form-component.ilustration-big:before{max-height:840px}
@media(min-width:1024px){.card-recommender-form-component.ilustration-big:before{max-height:100%}
}
.card-recommender-form-component.ilustration-big img.image-bg{max-height:840px}
@media(min-width:1024px){.card-recommender-form-component.ilustration-big img.image-bg{max-height:100%}
}
.card-recommender-form-component fieldset{display:flex;flex-direction:column;align-items:center;order:3}
@media(min-width:1024px){.card-recommender-form-component fieldset{order:0}
}
.card-recommender-form-component .recomender-container{z-index:2}
.card-recommender-form-component img.image-bg{max-height:568px}
@media(min-width:1024px){.card-recommender-form-component img.image-bg{max-height:100%}
}
.card-recommender-form-component .block{align-content:space-between}
@media(min-width:1024px){.card-recommender-form-component .block{min-height:700px}
}
.card-recommender-form-component .block .rp-subheadline,.card-recommender-form-component .block .block-content{order:1}
@media(min-width:1024px){.card-recommender-form-component .block .rp-subheadline,.card-recommender-form-component .block .block-content{order:0}
}
.card-recommender-form-component .block .rp-subheadline{margin-top:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media(min-width:1024px){.card-recommender-form-component .block .rp-subheadline{-webkit-line-clamp:2;margin-top:64px}
}
.card-recommender-form-component .block .progress-block{order:0;align-self:start;margin-top:16px;margin-bottom:unset;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
@media(min-width:1024px){.card-recommender-form-component .block .progress-block{order:1;margin-bottom:32px}
}
.card-recommender-form-component .block .progress-block div{color:var(--rds-color-surface-white)}
.card-recommender-form-component .block .progress-block .progress-back{padding-right:16px;margin-right:16px;border-right:1px solid var(--rds-color-surface-white)}
.card-recommender-form-component .block .progress-block .progress-steps{margin-bottom:16px}
.card-recommender-form-component .block .progress-block .progress-steps.step-1 a.progress-back{display:none}
.card-recommender-form-component .block .progress-block .progress{width:100%;background-color:var(--rds-color-interactive-surface-alternative);border-radius:var(--rds-radius-s);height:4px;overflow:hidden}
.card-recommender-form-component .block .progress-block .progress .progress-bar{display:block;height:4px;background:var(--rds-color-border-highlighted-active);border-radius:var(--rds-radius-s);width:16px;transition:width 500ms ease-in-out}
.card-recommender-form-component .block .next-btn{margin-bottom:16px}
@media(min-width:1024px){.card-recommender-form-component .block .next-btn{margin-top:40px;margin-bottom:0}
}
.card-recommender-form-component .block .question-title{margin-bottom:16px}
@media(min-width:1024px){.card-recommender-form-component .block .question-title{margin-bottom:32px}
}
.card-recommender-form-component .block .standard,.card-recommender-form-component .block .ilustration{display:flex;flex-direction:row;flex-wrap:wrap}
@media(min-width:1024px){.card-recommender-form-component .block .standard,.card-recommender-form-component .block .ilustration{flex-wrap:nowrap}
}
.card-recommender-form-component .block .standard-element.rp-input-radio:last-child,.card-recommender-form-component .block .ilustration-element.rp-input-radio:last-child{margin-left:0;margin-bottom:24px}
@media(min-width:1024px){.card-recommender-form-component .block .standard-element.rp-input-radio:last-child,.card-recommender-form-component .block .ilustration-element.rp-input-radio:last-child{margin-left:32px;margin-bottom:0}
}
.card-recommender-form-component .block .standard-element.rp-input-radio{display:flex;position:relative;background-color:var(--rds-color-surface-white);border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--rds-radius-s);padding:20px 24px;margin-bottom:16px;border:1px solid var(--rds-color-border-low);min-height:72px}
@media(min-width:1024px){.card-recommender-form-component .block .standard-element.rp-input-radio{margin-bottom:0;min-height:80px}
}
.card-recommender-form-component .block .standard-element.rp-input-radio label{padding:0 0 0 32px;margin:0;width:100%;display:flex;text-align:left;cursor:pointer;position:relative;z-index:2;overflow:hidden;min-height:32px}
.card-recommender-form-component .block .standard-element.rp-input-radio label::before{top:18.5px !important}
.card-recommender-form-component .block .standard-element.rp-input-radio .rp-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
@media(min-width:1024px){.card-recommender-form-component .block .standard-element.rp-input-radio .rp-description{-webkit-line-clamp:4}
}
.card-recommender-form-component .block .ilustration-element.rp-input-radio{display:flex;position:relative;background-color:var(--rds-color-surface-white);border-radius:var(--rds-radius-m);border-width:1px;border-style:solid;border-color:var(--rds-color-border-low);padding:0;margin-bottom:20px}
@media(min-width:1024px){.card-recommender-form-component .block .ilustration-element.rp-input-radio{margin:0}
}
.card-recommender-form-component .block .ilustration-element.rp-input-radio label{padding:48px 16px 16px 16px;display:flex;flex-direction:column;align-items:center}
@media(min-width:1024px){.card-recommender-form-component .block .ilustration-element.rp-input-radio label{padding:24px}
}
.card-recommender-form-component .block .ilustration-element.rp-input-radio label:after{left:unset;right:16px;top:32px;transform:translateY(-50%)}
.card-recommender-form-component .block .ilustration-element.rp-input-radio label::before{top:32px !important;right:21px !important;left:unset !important}
.card-recommender-form-component .block .ilustration-element.rp-input-radio label .rp-description{margin-left:0}
.card-recommender-form-component .block .ilustration-element.rp-input-radio input{left:unset;right:16px;top:32px;transform:translateY(-50%)}
.card-recommender-form-component .block .ilustration-element.rp-input-radio .card-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--rds-color-content-medium)}
@media(min-width:1024px){.card-recommender-form-component .block .ilustration-element.rp-input-radio .card-description{-webkit-line-clamp:3}
}
.card-recommender-form-component .block .ilustration-element.rp-input-radio .illustration{width:109px;height:68px;margin-bottom:16px;display:flex;align-items:flex-end}
@media(min-width:1024px){.card-recommender-form-component .block .ilustration-element.rp-input-radio .illustration{width:109px;height:68px}
}
.card-recommender-form-component .block .ilustration-element.rp-input-radio .card-title{margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(min-width:1024px){.card-recommender-form-component .block .ilustration-element.rp-input-radio .card-title{-webkit-line-clamp:2}
}
.card-recommender-form-component .block .rp-input-radio label{padding:5px 0 5px 32px;margin:0;width:100%;display:flex;align-items:center;text-align:left;cursor:pointer;position:relative;z-index:2;overflow:hidden;min-height:32px}
.card-recommender-form-component .block .rp-input-radio label:after{width:20px;height:20px;content:"";border:1px solid var(--rds-color-interactive-border-default);background-color:var(--rds-color-surface-white);border-radius:50%;z-index:2;position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer}
.card-recommender-form-component .block .rp-input-radio label:hover:after{border-color:var(--rds-color-interactive-border-state-hover)}
.card-recommender-form-component .block .rp-input-radio label .rp-description{margin:0;margin-left:16px}
.card-recommender-form-component .block .rp-input-radio.disabled{pointer-events:none}
.card-recommender-form-component .block .rp-input-radio.disabled label:after{border:1px solid var(--rds-color-content-state-disabled);background-color:var(--rds-color-content-state-disabled);cursor:default;pointer-events:none}
.card-recommender-form-component .block .rp-input-radio input:checked ~ label{color:var(--rds-color-surface-white)}
.card-recommender-form-component .block .rp-input-radio input:checked ~ label:before{opacity:1}
.card-recommender-form-component .block .rp-input-radio input:checked ~ label:after{background:var(--rds-color-content-high)}
.card-recommender-form-component .block .rp-input-radio input:checked ~ label::before{content:"";height:10px;width:10px;order:1;z-index:3;border-radius:50%;transform:translateY(-50%);top:24px;left:5px;right:unset;border:0;position:absolute;background-color:var(--rds-color-surface-white)}
.card-recommender-form-component .block .rp-input-radio input[disabled]{cursor:default;pointer-events:all}
.card-recommender-form-component .block .rp-input-radio input{width:32px;height:32px;order:1;z-index:2;position:absolute;left:24px;top:46%;transform:translateY(-50%);cursor:pointer;visibility:hidden}
.card-recommender-form-component .block .rp-dropdown{min-width:335px;margin-bottom:24px}
@media(min-width:1024px){.card-recommender-form-component .block .rp-dropdown{min-width:363px}
}
.card-recommender-form-component .block .rp-dropdown.mode-select .dropdown-toggle{background-color:var(--rds-color-surface-white)}
.card-recommender-form-component .block .rp-dropdown .dropdown-menu{z-index:1;overflow:hidden}
.card-recommender-form-component .block .rp-dropdown .dropdown-menu .dropdown-item:hover{cursor:pointer}
.container-texta{display:flex}
.container-textb{display:block}
.container-text{display:inline-flex;align-items:center}
.size-icon{font-size:20px}
.recomender-container .block .ilustration{justify-content:center}
@media(min-width:1024px){.recomender-container .step .ilustration-element.rp-input-radio{margin-right:32px}
}
@media(min-width:1024px){.recomender-container .step .ilustration-element.rp-input-radio:last-child{margin:0}
}