:root{--color-primary:#2cd;--color-secondary:#2cd;--color-bg-primary:#f7f7f7;--color-bg-secondary:#fff;--color-bg-contrast:#edeff4;--color-txt-primary:#3a404c;--color-txt-secondary:#a2a5b7;--color-txt-contrast:#000;--color-alert:#f97e72;--color-warning:#efd172;--color-success:#19af79;--font-xl:48px;--font-lg:36px;--font-md:26px;--font-sm:16px;--font-xs:14px;--font-h4:18px;--radius-circle:50%;--radius-xl:16px;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--radius-xs:4px;--spacing-xl:60px;--spacing-lg:30px;--spacing-md:15px;--spacing-sm:10px;--spacing-xs:5px;--shadow-xl:0px 0px 16px rgba(0,0,0,0.15);--shadow-lg:0px 0px 8px rgba(0,0,0,0.15);--shadow-md:0px 0px 4px rgba(0,0,0,0.15);--shadow-sm:0px 0px 2px rgba(0,0,0,0.15);--shadow-xs:0px 0px 1px rgba(0,0,0,0.15)}.survey-options{height:100%;width:32%;position:fixed;z-index:1;top:85px;right:0;background-color:var(--color-bg-secondary);border-left:2px solid var(--color-bg-contrast);padding:10px}.survey-questions{width:65%}section{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg) var(--spacing-xl)!important;margin:var(--spacing-lg) auto}.survey-banner{min-height:250px;background-color:var(--color-bg-contrast)}.survey-banner,.survey-banner img{width:100%;border-radius:var(--radius-sm)}.question-container{width:auto}.option-container{width:50%;padding:var(--spacing-xs)}.banner-button{padding:var(--spacing-md);font-size:var(--font-xs);color:var(--color-txt-primary);border-radius:var(--radius-sm);background-color:#edeff4;width:100%;margin:var(--spacing-sm) auto;text-align:left;cursor:pointer}.answers-count{background-color:var(--color-bg-contrast);padding:5px;width:100%;border-radius:10px}.question-sumary-title{text-align:left}.open-question-sumary{height:400px;width:100%;background:var(--color-bg-primary);border-radius:var(--radius-sm);overflow-y:scroll}.open-question-sumary::-webkit-scrollbar{-webkit-appearance:none}.open-question-sumary::-webkit-scrollbar:vertical{width:15px}.open-question-sumary::-webkit-scrollbar-button,.open-question-sumary::-webkit-scrollbar-button:increment{display:none}.open-question-sumary::-webkit-scrollbar-thumb{background-color:var(--color-bg-contrast);border-radius:var(--radius-xs);background-color:#a2a5b7}.open-question-sumary::-webkit-scrollbar-track{border-radius:10px}.open-question-number{margin:auto 0;text-align:center}.open-question-answer{background-color:var(--color-bg-contrast);padding:var(--spacing-sm);border-radius:var(--radius-sm);width:100%}.close-question-sumary{width:100%}.close-question-bar{width:var(--bar-value);height:20px;margin:10px 0;background-color:#3948ff;border-radius:var(--radius-lg) 0 0 var(--radius-lg);display:inline-block}.close-question-unanswered-bar{width:calc(100% - var(--bar-value));height:20px;margin:10px 0;background-color:#e2e2e2;border-radius:0 var(--radius-lg) var(--radius-lg) 0;display:inline-block}@media (max-width:962px){.survey{display:initial!important}.survey-options,.survey-questions{width:100%;height:auto;padding:10px}}