.assessment_container{overflow:hidden;padding:0 20px;--maximum_content_width:800px;margin:0 auto;max-width:var(--maximum_content_width)}.question{align-items:center;box-sizing:border-box;display:none;display:flex;flex-direction:column;justify-content:space-around;opacity:0;padding:30px 0 60px;transform:translateY(-40px);transition:opacity .5s ease,transform .5s ease}.question.active{display:block;opacity:1;transform:translateY(0)}.question.past{transform:translateY(60px)}.assessment_heading{font-size:36px;margin-bottom:10px;padding-top:60px}.question .assessment_question{font-size:24px}.question-content{transition:opacity .5s}.scale-buttons{display:flex;grid-gap:10px}.buttons{display:flex;flex-direction:column;grid-gap:15px}.scale-buttons button{aspect-ratio:1/1;justify-content:center;width:40px}.buttons button,.scale-buttons button{align-items:center;border:2px solid #465566;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:16px;grid-gap:10px;background:#fff;font-weight:700}.buttons button{max-width:200px;padding:10px 15px;text-align:left}button.active,button:hover{background:#2e3e50;border:2px solid #465566;color:#fff}.assessment_checkbox,.assessment_letter{pointer-events:none}.assessment_letter{--border:#000;--border-size:2px;--border-hover:#196db6;--background:#fff}.assessment_checkbox{--active:#f8f8fd;--active-inner:#2e3e50;--focus:2px #213343;--border:#000;--border-size:2px;--border-hover:#196db6;--background:#fff;--disabled:#000;--disabled-inner:#f6f8ff;--r:43deg;background:var(--b,var(--background));border-radius:7px;cursor:pointer;display:inline-block;flex-shrink:0;margin:0;outline:none;pointer-events:none;position:relative;transition:background .3s,border-color .3s,box-shadow .2s;vertical-align:top}.assessment_checkbox,.assessment_letter{border:var(--border-size) solid var(--bc,var(--border));height:21px;width:21px}.assessment_letter{align-items:center;border-radius:7px;border-radius:5px;display:flex;font-size:14px;font-weight:400;justify-content:center;margin-right:2px}button.active .assessment_checkbox{--b:var(--active);--bc:var(--active);--d-o:0.3s;--d-t:0.6s;--d-t-e:cubic-bezier(0.2,0.85,0.32,1.2)}.assessment_checkbox:after{content:"";display:block;left:0;position:absolute;top:0;transition:trans.checklist var(--d-t,.3s) var(--d-t-e,ease),opacity var(--d-o,.2s)}button.active .assessment_checkbox:after{border:3px solid var(--active-inner);border-left:0;border-top:0;height:12px;left:6px;top:2px;transform:rotate(var(--r,20deg));width:6px}#result-container{flex-direction:column;margin:30px auto;max-width:var(--maximum_content_width);padding:0 20px;text-align:center}.assessment__title_results{font-size:40px;margin:0 auto 20px;max-width:80%}#score-message{background:#fff;border-radius:6px;box-shadow:0 0 15px hsla(0,0%,80%,.3);margin:20px auto 50px;max-width:800px;padding:30px}#accordion-container{margin-top:20px}.accordion-item{border:1px solid #ccc;margin-bottom:10px;padding:10px}.accordion__question_item{background:rgba(0,189,165,.15);border-radius:6px;box-shadow:0 0 10px 0 rgb(0 0 0/5%)}.accordion__question_item.cross{background:rgba(242,84,91,.15)}.accordion__question_item+.accordion__question_item{margin-top:25px}.accordion__question_item .accordion__question{align-items:flex-start;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:space-between;padding:30px;text-align:left}.accordion__question_item .accordion__actions{max-height:0;overflow:hidden;text-align:left;transition:max-height .3s ease-out}.accordion__question_item .accordion__actions .accordion__content{padding:0 30px 20px}.accordion__question_item.active .accordion__actions{max-height:1000px;transition:max-height .3s ease-out}.accordion__question_text{line-height:1.3;width:calc(100% - 40px)}.accordion__question_arrow{display:flex;height:26px;transition:all .25s ease;width:26px}.accordion__question_arrow svg{height:26px;width:26px}.active .accordion__question_arrow{transform:rotate(45deg)}.score__chart{display:flex;height:200px;margin:auto;max-width:350px}.answer.active,.scale-answer.active{animation:triple-blink .5s ease-in-out}.assessment__bar{bottom:0;height:10px;left:0;position:fixed;width:100%;z-index:9}.assessment__bar_progress{background:#000;height:10px;transition:width .4s ease-in-out;width:0}@keyframes triple-blink{0%,to{opacity:1}16.67%,50%,83.33%{opacity:0}33.33%,66.67%{opacity:1}}@media (max-width:768px){.assessment__title_results{font-size:30px}.question-content .assessment_question{font-size:24px}.scale-buttons{flex-wrap:wrap}.scale-buttons button{max-width:48px;padding:0;width:calc(16.66667% - 8.33333px)}}