.questionnaire{margin:0 auto}
.questionnaire h2:first-of-type{margin-bottom:16px;flex:none;order:0;flex-grow:0;font-size:24px;line-height:32px}
.questionnaire .disclaimer{color:#5D617B}
.questionnaire .disclaimer.top{margin-bottom:24px}
.questionnaire .disclaimer.bottom{margin-top:20px}
.questionnaire .disclaimer p{color:#5D617B}
.questionnaire .disclaimer a{color:#63629B}
.questionnaire-container{background:#F4F6F8;border-radius:8px;display:flex;justify-content:center;margin:auto;padding:24px}
@media (width < 500px){.questionnaire-container{padding:16px;border-radius:unset}}
@media (width>= 896px){.questionnaire-container.fixed{max-width:630px}}
@media (width>= 500px){.questionnaire-container.fixed h2:first-of-type{text-align:center}}
.questionnaire-container.fixed .questionnaire-content{display:flex;justify-content:center;align-content:center;flex-direction:column;align-items:center}
.questionnaire-container.fixed .questionnaire-success_survey>h2:first-of-type{margin:0;text-align:left}
.questionnaire-container .questionnaire-content{width:600px}
.questionnaire-container .slider-text{display:flex;justify-content:space-between}
.questionnaire-form{width:100%;flex:none;order:1;flex-grow:0}
.questionnaire-form .question{display:none}
.questionnaire-form .question button{margin-top:20px;white-space:nowrap}
@media (width < 500px){.questionnaire-form .question button{width:100%}}
.questionnaire-form .question button.centered{display:block;margin-left:auto;margin-right:auto}
.questionnaire-form .question p.error-message{display:none;color:#D90730;font-size:14px;line-height:24px;margin-top:-14px;margin-bottom:16px}
.questionnaire-form .question p.error-message .show{display:block}
.questionnaire-form .question.active{display:block}
.questionnaire-form .question-number{margin:0 0 25px 0}
.questionnaire-form .question-number>span{color:#D90730}
.questionnaire-form .question-options{padding:0;display:flex;row-gap:16px;flex-wrap:wrap;justify-content:left;margin:16px 0}
.questionnaire-form .question-options_full{margin:24px 0}
.questionnaire-form .question-options_slider{row-gap:0}
.questionnaire-form .question-options .option:not(:last-child){margin:0 42px 0 0}
.questionnaire-form .question-options.rows{flex-direction:column}
.questionnaire-form .question-options.rows ul{flex-direction:column;padding:0;margin:0}
.questionnaire-form .question-options ul{display:flex;row-gap:16px;flex-wrap:wrap;justify-content:left;list-style-type:none}
.questionnaire-form .question-custom-input textarea{display:none;margin:16px 0 8px}
.questionnaire-form .question-comment.only-input textarea{margin:16px 0 8px}
.questionnaire-form .question-comment textarea,.questionnaire-form .question-custom-input textarea{padding:4px 8px;font-family:"Roboto",sans-serif;font-size:16px;line-height:24px;color:#15171C;max-width:600px;box-sizing:border-box;width:100%;min-height:80px;resize:none;background-color:#FFF;border:2px solid #C1CDD7;border-radius:4px}
.questionnaire-form .question-comment textarea:hover,.questionnaire-form .question-custom-input textarea:hover{border-color:#8FA5B7}
.questionnaire-form .question-comment textarea:active,.questionnaire-form .question-custom-input textarea:active{border:2px solid #303E4A}
.questionnaire-form .question-comment textarea.error,.questionnaire-form .question-custom-input textarea.error{border:2px solid #F8B9C6;background:#FFDAE1}
.questionnaire-form .question-comment textarea::-webkit-scrollbar,.questionnaire-form .question-custom-input textarea::-webkit-scrollbar{width:16px;background:white}
.questionnaire-form .question-comment textarea::-webkit-scrollbar-thumb,.questionnaire-form .question-custom-input textarea::-webkit-scrollbar-thumb{border:5px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:9999px;background-color:#676973}
.questionnaire-form .question-comment textarea::-webkit-scrollbar-track,.questionnaire-form .question-custom-input textarea::-webkit-scrollbar-track{border:5px solid white;background-color:#F4F6F8;border-radius:9999px;width:4px}
.questionnaire-form .question-title.centered{text-align:center}
.questionnaire-form .question-title *{display:inline}
.questionnaire-form .question-title h3{font-size:18px;line-height:24px}
.questionnaire-form .question-title .mandatory{display:inline;color:#E3002C;font-size:18px;line-height:24px;margin:0 4px}
.questionnaire-form .question-hidden-submit{display:none}
.questionnaire-form .question-hidden-submit .question-submit-container{display:flex;flex-direction:column;align-items:center}
.questionnaire-form .question-hidden-submit .question-submit-container>img{display:block;margin-bottom:24px}
.questionnaire-form .question-hidden-submit button{display:flex;align-items:center;justify-content:center;margin:24px auto 0}
.questionnaire-form .question-hidden-submit button::after{content:url("/storage/app/media/icons/ic-24-chevron-next.svg");width:24px;height:24px}
.questionnaire-form .question-hidden-submit .button-red::after{content:url("/storage/app/media/icons/ic-24-chevron-next-grey.svg")}
.questionnaire-form .question_survey .question-title.strong p{font-size:16px;font-weight:500;line-height:24px}
.questionnaire-form .question-options,.questionnaire-form .question-stars{list-style-type:none}
.questionnaire-form .question-stars{padding:0 0 3px 0;margin-bottom:12px;display:flex;justify-content:left}
.questionnaire-form .question-stars .star{position:relative;width:24px;height:24px;border-radius:50%;margin-right:16px}
.questionnaire-form .question-stars .star:last-child{margin-right:0}
.questionnaire-form .question-stars .star label{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}
.questionnaire-form .question-stars .star input{display:none}
.questionnaire-form .question-stars .star img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.4s cubic-bezier(0.3,0,0,1) 0s;left:-1px;top:-1px}
.questionnaire-form .question-stars .star .tooltiptext{visibility:hidden;background-color:white;text-align:center;border-radius:4px;padding:5px 8px;position:absolute;z-index:1;left:50%;color:#676973;font-size:12px;font-weight:normal;line-height:24px;bottom:calc(100% + 8px);box-shadow:0 0 24px rgba(37,20,53,0.08);white-space:nowrap}
.questionnaire-form .question-stars .star:focus-visible{border:4px solid #5C60FF;border-radius:4px}
.questionnaire-form .question-stars .star.selected .input-star .star-box{background-image:url("/storage/app/media/icons/ic-24-star-checked.svg")}
.questionnaire-form .question-stars .star.hovered .input-star .star-box{background-image:url("/storage/app/media/icons/ic-24-star-hover.svg")}
.questionnaire-form section:not(:first-of-type){padding-top:20px}
.questionnaire-form .questionnaire-gray-container{padding:40px;background-color:#F4F6F8;border-radius:8px}
@media (width < 500px){.questionnaire-form .questionnaire-gray-container{padding:16px}.questionnaire-form .questionnaire-gray-container .radio-box{top:calc(50% - 8px)}}
.questionnaire-image{display:none;margin-left:32px;width:480px}
@media (width < 721px){.questionnaire-image{display:none !important}}
.questionnaire-image img{width:100%;height:auto;border-radius:4px}
.questionnaire-success{text-align:center}
.questionnaire-success_quiz{display:flex;flex-direction:column;align-items:center;row-gap:24px}
.questionnaire-success_quiz p{font-weight:500}
.questionnaire-success_quiz a::after{content:url("/storage/app/media/icons/ic-24-chevron-next-grey.svg");width:24px;height:24px}
.questionnaire-success_decision{display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%}
.questionnaire-success_decision h4,.questionnaire-success_decision .questionnaire-form .question-title.strong p,.questionnaire-form .question-title.strong .questionnaire-success_decision p{margin-bottom:16px}
.questionnaire-success_decision .questionnaire-gray-container{text-align:left;width:calc(100% - 80px)}
.questionnaire-success_decision ul{padding-left:24px;margin:8px 0}
.questionnaire-success_decision a img{margin-left:0}
.questionnaire-success_decision .buttons{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px}
.questionnaire-success_survey{display:flex;flex-direction:column;gap:16px;text-align:left}
.questionnaire-success_survey .title p{font-weight:500}
.questionnaire-success_survey .percentage{display:flex;align-items:center;gap:4px;margin-top:4px}
.questionnaire-success_survey .percentage span{font-size:10px;line-height:8px;color:#676973}
.questionnaire-success_survey .percentage div{--percentage:0;height:2px;width:var(--percentage);background-color:#F36C67;border-radius:4px}
.questionnaire-success h2,.questionnaire-success h3{margin-bottom:32px}
.questionnaire-success .questionnaire-gray-container{padding:40px;background-color:#F4F6F8}
@media (width < 500px){.questionnaire-success .questionnaire-gray-container{padding:16px}}
.questionnaire.iframe{padding-left:calc(100vw - 100%)}
.questionnaire.iframe .questionnaire-container{background:unset}
.questionnaire.iframe .questionnaire-progress .item .number{border-color:#FFF}
.questionnaire.iframe .questionnaire-form{max-width:unset}
.questionnaire.iframe .questionnaire-form .question button{float:right}
@media (width>= 500px){.questionnaire.iframe .questionnaire-content{width:450px}}
.questionnaire.iframe .question-title p{font-weight:500;font-size:18px;line-height:24px;color:#15171C}
.questionnaire.iframe .iframe-start{color:#676973}
.questionnaire.iframe .iframe-start img{margin-bottom:5px}
.questionnaire.iframe .iframe-start h2{margin-bottom:24px;text-align:left}
.questionnaire.iframe .iframe-start p,.questionnaire.iframe .iframe-start a{color:#676973;margin-bottom:5px}
.questionnaire.iframe .iframe-start .toggle{margin:32px 10px 16px;color:#15171C}
.questionnaire.iframe .iframe-start .toggle:hover{cursor:pointer}
.questionnaire.iframe .iframe-start .text{font-size:14px;line-height:24px}
.questionnaire.iframe .iframe-start .text p,.questionnaire.iframe .iframe-start .text a{font-size:14px;line-height:24px}
.questionnaire.iframe .iframe-start button{margin:48px auto 0;display:block}
.questionnaire-progress{display:flex;margin:0 -16px 24px;min-width:100%}
@media (width>= 500px){.questionnaire-progress{margin:0 -24px 24px}}
.questionnaire-progress .item{flex:1;position:relative;z-index:10}
.questionnaire-progress .item.hide{display:none}
.questionnaire-progress .item.active .number{background:#63629B}
.questionnaire-progress .item.active .number span{display:none}
.questionnaire-progress .item.active ~ .item .number{background:#C1CDD7}
.questionnaire-progress .item.active ~ .item .number span{display:none}
.questionnaire-progress .item:before{content:"";border:1px solid #C1CDD7;position:absolute;top:50%;transform:translateY(-50%);left:0;width:50%;z-index:-1}
.questionnaire-progress .item:after{content:"";border:1px solid #C1CDD7;position:absolute;top:50%;transform:translateY(-50%);left:50%;width:50%;z-index:-1}
.questionnaire-progress .item:first-child:before{content:none}
.questionnaire-progress .item:last-child:after{content:none}
.questionnaire-progress .item .number{width:32px;height:32px;border-radius:35px;color:#FFF;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;z-index:10;position:relative;border:5px solid #F4F6F8}
.questionnaire-progress .item .number span{width:32px;height:32px;background:rgba(32,191,85,0.3);border-radius:35px;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.questionnaire-counter{margin-bottom:24px}
.questionnaire-counter .number{display:none}
.questionnaire-counter .number.active{display:block;margin:0 auto}
.questionnaire-quiz .questionnaire-container{background-color:initial}
@media (width < 500px){.questionnaire-quiz .questionnaire-container{padding:0}}
.questionnaire-quiz .question-title{max-width:350px;margin:0 auto}
.questionnaire-quiz .question-title>*{font-weight:500;text-align:center;font-size:18px;line-height:24px}
.questionnaire-quiz .questionnaire-content{max-width:589px}
.questionnaire-quiz .questionnaire-form{max-width:none}
.questionnaire-quiz .input-radio .radio-box{top:calc(50% - 8px)}
@media (width < 500px){.questionnaire{padding:0}.questionnaire h2:first-of-type{margin-bottom:19px}.questionnaire .question-comment textarea{min-height:98px}}
@media (width>= 500px){.questionnaire .question-stars .star:hover .tooltiptext{visibility:visible}}
@media (width>= 1025px){.questionnaire .questionnaire-image{display:block}.questionnaire .questionnaire-image.question-image{display:none}}
.input-star{display:block;user-select:none;height:24px;width:24px;position:relative}
.input-star input{position:absolute;opacity:0;height:0;width:0}
.input-star input:hover ~ .star-box{background-image:url("/storage/app/media/icons/ic-24-star-hover.svg")}
.input-star input:checked ~ .star-box{background-image:url("/storage/app/media/icons/ic-24-star-checked.svg")}
.input-star .star-box{position:absolute;height:24px;width:24px;background-repeat:no-repeat;background-image:url("/storage/app/media/icons/ic-24-star.svg")}