survey-component{display:block;width:100%;margin:0 auto;padding:20px}survey-component .survey-container{width:100%;max-width:1200px;margin:0 auto}survey-component .survey-progress-bar{width:100%;max-width:756px;margin:0 auto 24px;padding:0 20px;box-sizing:border-box}survey-component .survey-progress-wrapper{display:flex;flex-direction:column;gap:16px;align-items:flex-end}survey-component .survey-progress-container{display:flex;gap:8px;width:100%}survey-component .survey-progress-text{font-family:General Sans,sans-serif!important;font-weight:400;font-size:14px;line-height:1.2;color:#c22026;margin:0;white-space:nowrap}survey-component .survey-progress-segment{flex:1;height:4px;background-color:#ecd7e9;border-radius:8px;overflow:hidden;transition:background-color .4s ease,background .4s ease;display:block!important}survey-component .survey-progress-segment.completed{background-color:#c22026;display:block!important}survey-component .survey-progress-segment.active{display:block!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}survey-component[active]{animation:fadeIn .3s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/10/assets/survey-component.css.map */