[data-v-dfc9fafd]:root{--font-family:"Roboto",Helvetica,sans-serif;--padding36:36px;--light-gray:#d6dbe2;--dark-gray:#3f4254;--darkest-gray:#181c32;--gray-1000:#c4c4c4;--gray-2000:#f1f1f1;--gray:#80808f;--brandcolor:#de3439!important;--brand-text-color:#fff!important;--dark-brandcolor:#c72e33!important;--mid-brandcolor:#ff990033!important;--light-brandcolor:#fbf9f6!important;--lightest-gray:#f3f6f9;--white:#fff;--red:#de3439;--dark-red:#c6373b;--light-red:#f78c8f}.tf-btn-full[data-v-dfc9fafd],.tf-btn-lg[data-v-dfc9fafd],.tf-btn-md[data-v-dfc9fafd],.tf-btn-sm[data-v-dfc9fafd]{background-color:var(--brandcolor)!important;border:1px solid var(--brandcolor)!important}.tf-btn-full[data-v-dfc9fafd]:is(:hover,:focus,:active,:visited),.tf-btn-lg[data-v-dfc9fafd]:is(:hover,:focus,:active,:visited),.tf-btn-md[data-v-dfc9fafd]:is(:hover,:focus,:active,:visited),.tf-btn-sm[data-v-dfc9fafd]:is(:hover,:focus,:active,:visited){background-color:var(--dark-brandcolor)!important;border:1px solid var(--dark-brandcolor)!important}#nextButton span .button-text[data-v-dfc9fafd]:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 9h12M9.75 3.75 15 9l-5.25 5.25'/%3E%3C/svg%3E")}.button-highlight[data-v-dfc9fafd]{background:none;border:none;cursor:pointer;display:flex;padding:0}.add-grid[data-v-dfc9fafd]{grid-template-columns:auto 1fr auto 1fr!important}.footer[data-v-dfc9fafd]{align-items:center;background-color:#fff;border-top:1px solid #d6dbe2;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;min-height:70px;padding:8px 24px;position:sticky}@media (max-width:600px){.footer[data-v-dfc9fafd]{display:flex;padding:8px 16px}.footer__logo[data-v-dfc9fafd],.footer__powered-by[data-v-dfc9fafd]{background:#fff;bottom:70px;left:0;padding:8px;position:absolute;right:0}}.footer__navigation[data-v-dfc9fafd]{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:flex-end}@media (max-width:600px){.footer__navigation[data-v-dfc9fafd]{width:100%}}.footer__navigation-item[data-v-dfc9fafd]{cursor:pointer;gap:8px}@media (max-width:600px){.footer__navigation .footer-btn[data-v-dfc9fafd]{width:100%}.gap-16[data-v-dfc9fafd]{gap:16px}.gap-0[data-v-dfc9fafd]{gap:0}}.footer-arabic-rtl[data-v-dfc9fafd]{flex-direction:row-reverse}.footer-actions[data-v-dfc9fafd]{align-items:center;display:flex;gap:16px}@media (max-width:600px){.footer-actions[data-v-dfc9fafd]{gap:8px}}.footer.notRs[data-v-dfc9fafd]{background-color:#fff!important}.footer.notRs .poweredBy[data-v-dfc9fafd]{align-items:end;color:#3f4254;display:flex;filter:grayscale(100%);flex-direction:row;opacity:.25}.footer.notRs .poweredBy .footer-logo[data-v-dfc9fafd]{margin:0!important;padding-left:5px!important}.workspace-header-logo-holder[data-v-dfc9fafd]{display:flex;justify-content:center}.preview_footer[data-v-dfc9fafd]{align-items:center;background-color:#fff;border-top:1px solid #d6dbe2;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);height:70px;padding:8px 24px;position:sticky}@media (max-width:600px){.preview_footer[data-v-dfc9fafd]{grid-template-columns:repeat(1,1fr)}}.preview_footer .empty_content[data-v-dfc9fafd]{width:300px}.preview_footer-footer__powered-by[data-v-dfc9fafd]{margin-inline:auto}@media (max-width:600px){.preview_footer-footer__powered-by .powered-by-logo_main[data-v-dfc9fafd]{align-items:center;background:#fff;bottom:65px;display:flex;height:75%;justify-content:center;left:0;position:absolute;right:0}}.preview_footer .footer__navigation .footer__navigation-item[data-v-dfc9fafd]{align-items:center;display:flex;margin:0}.test-name[data-v-dfc9fafd]{background-color:var(--mid-brandcolor)!important;color:#181c32!important;margin-right:1.5rem;padding:12px 18px;text-align:center}.test-name.rounded[data-v-dfc9fafd]{border-radius:.65rem!important}.test-name img[data-v-dfc9fafd]{display:block}.progress-bar-header[data-v-dfc9fafd]{align-items:center;display:flex;gap:10px;justify-content:center;width:60%}.dataCount[data-v-dfc9fafd]{background-color:#23a36d;padding:10px}.progress[data-v-dfc9fafd]{background-color:#f3f6f9;height:.5rem;width:100vw}.progressBar[data-v-dfc9fafd]{grid-template-columns:1fr auto}.progressBar[data-v-dfc9fafd],.widget-grid[data-v-dfc9fafd]{align-items:center;display:grid}.widget-grid[data-v-dfc9fafd]{border-top:1px solid #d6dbe2;grid-template-columns:repeat(3,1fr);height:80px;padding:0 18px}@media (max-width:600px){.widget-grid[data-v-dfc9fafd]{align-items:center;grid-template-columns:auto 1fr;grid-gap:14px}}.palette[data-v-dfc9fafd]{align-items:flex-start;background:var(--Gray-White,#fff);border:1px solid var(--Gray-Lightest-Gray,#f3f6f9);border-radius:12px;bottom:90px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:20px;justify-content:space-between;max-height:calc(100dvh - 175px);min-height:200px;min-width:60px;overflow-y:auto;padding:16px;position:fixed;z-index:1}.palette[data-v-dfc9fafd]:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:81px;content:"";height:0;position:fixed;width:0}@media (max-width:600px){.palette[data-v-dfc9fafd]{bottom:95px;left:20px;max-height:calc(100dvh - 300px);max-width:275px;overflow-y:scroll;right:unset;width:-moz-max-content;width:max-content}}.palette[data-v-dfc9fafd]::-webkit-scrollbar{width:6px}.palette[data-v-dfc9fafd]::-webkit-scrollbar,.palette[data-v-dfc9fafd]::-webkit-scrollbar-thumb{border-radius:50px}.palette[data-v-dfc9fafd]::-webkit-scrollbar-thumb{background:#c4c4c4;height:100px}.palette[data-v-dfc9fafd]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:50px}.palette .question[data-v-dfc9fafd]{align-items:center;align-self:stretch;border:1px solid #000;border-radius:50px;cursor:pointer;display:flex;flex:1 0 0;gap:10px;height:36px;justify-content:center;width:36px}.palette .questions[data-v-dfc9fafd]{color:#3f4254;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.palette .submit-btn[data-v-dfc9fafd]{align-items:center;background:var(--Gray-White,#fff);border:1px solid var(--Gray-Gray,#6d6d80);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;gap:4px;height:36px;justify-content:center;padding:15px 16px}.palette .grey-bg[data-v-dfc9fafd]{background:var(--Gray-Lightest-Gray,#f3f6f9);border:1px solid var(--Gray-Lightest-Gray,#f3f6f9);cursor:pointer}.palette .white-bg[data-v-dfc9fafd]{border:1px solid var(--Gray-Gray,#6d6d80);cursor:pointer}.palette .green-bg[data-v-dfc9fafd]{background:var(--Primary-Color-Green,#23a36d);border:1px solid var(--Primary-Color-Green,#23a36d);color:var(--Gray-White,#fff)}.palette .palette-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav[data-v-dfc9fafd]{align-items:center;display:flex}.palette .palette-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__active-bar[data-v-dfc9fafd]{background-color:#ed3e43!important}.palette .palette-tabs .el-tabs__item.is-active[data-v-dfc9fafd],.palette .palette-tabs .el-tabs__item[data-v-dfc9fafd]:hover{color:#ed3e43!important}.right140 .palette[data-v-dfc9fafd]{right:115px}.right140 .palette[data-v-dfc9fafd]:after{content:"";right:130px}.right240 .palette[data-v-dfc9fafd]{right:240px}.right240 .palette[data-v-dfc9fafd]:after{content:"";right:286px}.preview-140 .palette[data-v-dfc9fafd]{right:100px!important}.preview-140 .palette[data-v-dfc9fafd]:after{content:"";right:125px!important}.preview-240 .palette[data-v-dfc9fafd]{right:200px}.preview-240 .palette[data-v-dfc9fafd]:after{content:"";right:260px}.timer-alignment[data-v-dfc9fafd]{align-items:center;color:#ababba;display:flex}.widget-container[data-v-dfc9fafd]{display:flex;justify-content:flex-end}.workspace-name[data-v-dfc9fafd]{align-self:stretch;color:#181c32;font-size:18px;font-style:normal;font-weight:500;gap:10px;line-height:normal}.test-desc[data-v-dfc9fafd],.workspace-name[data-v-dfc9fafd]{align-items:center;display:flex}.test-desc[data-v-dfc9fafd]{font-size:1.6rem;font-weight:600;line-height:31px;margin-left:25px;max-width:42rem}.skip-btn[data-v-dfc9fafd]{color:#6d6d80;cursor:pointer;margin:0!important}.count-down[data-v-dfc9fafd]{max-width:14rem}@media (min-width:601px) and (max-width:900px){.footer__navigation-item .tf-btn-md[data-v-dfc9fafd]{min-width:80px}}img.count-down-timer[data-v-dfc9fafd]{margin-right:7px;margin-top:-2px}.ps-fixed[data-v-dfc9fafd]{padding:15px 30px}.progress-content-width[data-v-dfc9fafd]{display:flex;flex-direction:row;gap:5px}.no-icon-padding[data-v-dfc9fafd]{padding:8px 40px!important}.footer-logo[data-v-dfc9fafd]{height:auto;max-height:75px;max-width:120px;-o-object-fit:contain;object-fit:contain;padding:0 10px;width:auto}@media (max-width:600px){.footer-logo[data-v-dfc9fafd]{max-height:50px;max-width:90px}}.colorgr[data-v-dfc9fafd]{color:#6d6d80;cursor:pointer;margin:0}.test-submit-container[data-v-dfc9fafd]{align-items:center;display:flex;gap:16px;justify-self:end}@media (max-width:600px){.test-submit-container[data-v-dfc9fafd]{gap:12px;justify-content:space-between;justify-self:stretch;padding:5px}.test-submit-container button[data-v-dfc9fafd]{width:100%}}.button-static[data-v-dfc9fafd]{width:100px!important}.workspace-name-main[data-v-dfc9fafd]{margin:auto}@media (max-width:600px){.workspace-name-main[data-v-dfc9fafd]{display:none}}.workspace-logo-name[data-v-dfc9fafd]{display:block}.desktop-show[data-v-dfc9fafd]{display:grid}.mb-show[data-v-dfc9fafd]{display:none}.palette-icon[data-v-dfc9fafd]{align-items:center;display:flex;font-size:14px;gap:5px}@media (max-width:600px){.palette-icon[data-v-dfc9fafd]{left:0;position:relative;top:0}}.palette-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav[data-v-dfc9fafd]{align-items:center;display:flex}.palette-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__active-bar[data-v-dfc9fafd]{background-color:#ed3e43!important}.palette-tabs .el-tabs__item.is-active[data-v-dfc9fafd],.palette-tabs .el-tabs__item[data-v-dfc9fafd]:hover{color:#ed3e43!important}.flag[data-v-dfc9fafd]{height:20px;width:20px}.palette-icon img[data-v-dfc9fafd]{height:24px;width:24px}@media (max-width:600px){.widget-container[data-v-dfc9fafd]{justify-content:center;margin-right:0}.sbt-btn[data-v-dfc9fafd],.skip-btn[data-v-dfc9fafd]{justify-content:center;width:100%}.sbt-btn[data-v-dfc9fafd]{display:flex}.workspace-logo-name[data-v-dfc9fafd]{display:none}.ps-fixed[data-v-dfc9fafd]{height:auto!important;padding:30px 10px 15px}.txt-mb-ctr[data-v-dfc9fafd]{margin-bottom:10px;text-align:center}.desktop-show[data-v-dfc9fafd]{display:none}.mb-show[data-v-dfc9fafd]{background-color:#fff!important;bottom:0;display:flex;flex-direction:column;gap:18px;justify-content:center;position:fixed;width:100%}.palette[data-v-dfc9fafd]:after{bottom:87px;left:16%}}@media (min-width:601px) and (max-width:1024px){.widget-grid[data-v-dfc9fafd]{grid-gap:16px}.widget-grid .tf-text-sb18[data-v-dfc9fafd]{text-align:center}.widget-grid .widget-container[data-v-dfc9fafd]{justify-content:center;margin-right:0}.ps-fixed[data-v-dfc9fafd]{height:auto!important}}@media (max-width:991px){.test-name[data-v-dfc9fafd]{background-color:unset!important;margin-right:0;padding:12px 5px}.test-name span[data-v-dfc9fafd]{display:none}.test-name img[data-v-dfc9fafd]{display:block}.workspace-logo[data-v-dfc9fafd]{height:auto;max-height:40px;max-width:120px;width:auto}.test-submit-container .tf-btn-primary[data-v-dfc9fafd]{width:-webkit-fill-available}.empty-div[data-v-dfc9fafd]{display:none}.progress-content-width[data-v-dfc9fafd]{align-items:flex-start}}.is-submit-disabled[data-v-dfc9fafd]{opacity:.6;pointer-events:none}.toggle-btns[data-v-dfc9fafd]{display:flex;gap:16px}.toggle-btns button[data-v-dfc9fafd]{margin:0!important}@media (max-width:600px){.toggle-btns[data-v-dfc9fafd]{width:100%}}.toggle-btns .next[data-v-dfc9fafd],.toggle-btns .prev[data-v-dfc9fafd]{align-items:center;background:#fff;border:1px solid var(--Gray-Gray,#6d6d80)!important;border-radius:12px;cursor:pointer;display:flex;gap:4px;height:48px;justify-content:center;margin:0!important}@media (max-width:600px){.toggle-btns .next[data-v-dfc9fafd],.toggle-btns .prev[data-v-dfc9fafd]{width:100%}}.toggle-btns .next[data-v-dfc9fafd]:hover,.toggle-btns .prev[data-v-dfc9fafd]:hover{border:1px solid var(--Gray-Gray,#6d6d80)!important}.bookmark-size[data-v-dfc9fafd]{height:20px;width:20px}.bookmark-btn[data-v-dfc9fafd]{all:unset;display:flex}.confetti-button[data-v-dfc9fafd]{transition:transform .1s ease-in,box-shadow .25s ease-in;z-index:7}.confetti-button[data-v-dfc9fafd]:focus{outline:0}.confetti-button[data-v-dfc9fafd]:after,.confetti-button[data-v-dfc9fafd]:before{background-repeat:no-repeat;content:"";display:block;height:100%;left:-20%;position:absolute;transition:all .5s ease-in-out;width:140%;z-index:-1000}.confetti-button[data-v-dfc9fafd]:before{background-image:radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,transparent 20%,var(--brandcolor) 20%,transparent 30%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--brandcolor) 15%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;display:none;top:-75%}.confetti-button[data-v-dfc9fafd]:after{background-image:radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--brandcolor) 15%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%),radial-gradient(circle,var(--brandcolor) 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%;bottom:-75%;display:none}.confetti-button[data-v-dfc9fafd]:active{background-color:var(--brandcolor);box-shadow:0 2px 25px #ff008233;transform:scale(.9)}.confetti-button.animate[data-v-dfc9fafd]:before{animation:topBubbles-dfc9fafd .75s ease-in-out forwards;display:block}.confetti-button.animate[data-v-dfc9fafd]:after{animation:bottomBubbles-dfc9fafd .75s ease-in-out forwards;display:block}@keyframes topBubbles-dfc9fafd{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes bottomBubbles-dfc9fafd{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}.powered-by-logo[data-v-dfc9fafd]{align-items:center;display:flex;gap:8px;justify-content:center}.powered-by-logo span[data-v-dfc9fafd]{color:#6d6d80;font-size:12px;font-weight:400}.powered-by-logo img[data-v-dfc9fafd]{filter:grayscale(100%) opacity(.5);height:auto;max-height:30px;max-width:130px;width:auto}.powered-by-logo img[data-v-dfc9fafd]:hover{filter:unset}@media (max-width:600px){.powered-by-logo[data-v-dfc9fafd]{display:flex;justify-content:center}}