.traits__situation-heading{font-size:18px;text-align:center;color:var(--text-color)}.traits__sitaution-heading-text{color:var(--primary-color-darkest);font-weight:bold}.traits__items{min-height:500px}.traits__trait-heading{display:flex;align-items:center}.traits__trait-icon{height:2rem;width:2rem;background-color:var(--primary-color-2);position:absolute}.traits__trait-icon.perseverance{-webkit-mask:url("../assets/images/traits/perseverance.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/perseverance.svg") no-repeat center/100% 100%}.traits__trait-icon.social-intelligence{-webkit-mask:url("../assets/images/traits/social-intelligence.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/social-intelligence.svg") no-repeat center/100% 100%}.traits__trait-icon.team-orientation{-webkit-mask:url("../assets/images/traits/team-orientation.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/team-orientation.svg") no-repeat center/100% 100%}.traits__trait-icon.creativity{-webkit-mask:url("../assets/images/traits/creativity.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/creativity.svg") no-repeat center/100% 100%}.traits__trait-icon.business-acumen{-webkit-mask:url("../assets/images/traits/business-acumen.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/business-acumen.svg") no-repeat center/100% 100%}.traits__trait-icon.vision{-webkit-mask:url("../assets/images/traits/vision.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/vision.svg") no-repeat center/100% 100%}.traits__trait-icon.achievement-striving{-webkit-mask:url("../assets/images/traits/achievement-striving.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/achievement-striving.svg") no-repeat center/100% 100%}.traits__trait-icon.meta-leadership{-webkit-mask:url("../assets/images/traits/meta-leadership.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/meta-leadership.svg") no-repeat center/100% 100%}.traits__trait-icon.need-for-autonomy{-webkit-mask:url("../assets/images/traits/need-for-autonomy.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/need-for-autonomy.svg") no-repeat center/100% 100%}.traits__trait-icon.agreeableness{-webkit-mask:url("../assets/images/traits/agreeableness.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/agreeableness.svg") no-repeat center/100% 100%}.traits__trait-icon.assertiveness{-webkit-mask:url("../assets/images/traits/assertiveness.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/assertiveness.svg") no-repeat center/100% 100%}.traits__trait-icon.cautiousness{-webkit-mask:url("../assets/images/traits/cautiousness.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/cautiousness.svg") no-repeat center/100% 100%}.traits__trait-icon.cooperation{-webkit-mask:url("../assets/images/traits/cooperation.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/cooperation.svg") no-repeat center/100% 100%}.traits__trait-icon.core-self-evaluation{-webkit-mask:url("../assets/images/traits/core-self-evaluation.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/core-self-evaluation.svg") no-repeat center/100% 100%}.traits__trait-icon.dutifulness{-webkit-mask:url("../assets/images/traits/dutifulness.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/dutifulness.svg") no-repeat center/100% 100%}.traits__trait-icon.need-for-cognition{-webkit-mask:url("../assets/images/traits/need-for-cognition.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/need-for-cognition.svg") no-repeat center/100% 100%}.traits__trait-icon.self-regulation{-webkit-mask:url("../assets/images/traits/self-regulation.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/self-regulation.svg") no-repeat center/100% 100%}.traits__trait-icon.tolerance-for-ambiguity{-webkit-mask:url("../assets/images/traits/tolerance-for-ambiguity.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/tolerance-for-ambiguity.svg") no-repeat center/100% 100%}.traits__trait-icon.trust{-webkit-mask:url("../assets/images/traits/trust.svg") no-repeat center/100% 100%;mask:url("../assets/images/traits/trust.svg") no-repeat center/100% 100%}.traits__btn-container{margin:1.5rem 0;width:100%;min-height:3rem;display:flex;justify-content:space-around}.traits__btn-container.trait-title-btns{margin-bottom:0;flex-wrap:wrap}.traits__btn-container hr{margin-bottom:1.5rem;margin-top:.25rem;width:100%}.traits__controls{display:flex}.traits__dot-tablist{display:flex;gap:.15rem;align-items:center}.traits__dot{height:32px;width:32px;margin:0 2px;padding:0;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.traits__dot:hover:not(.traits__dot.active),.traits__dot:focus-visible:not(.traits__dot.active){transform:scale(1.1)}.traits__dot:first-child{background-image:url(../assets/images/situations/self-icon.svg);background-repeat:no-repeat;background-size:contain}.traits__dot:first-child.active{outline:2px solid var(--primary-color-1)}.traits__dot:nth-of-type(2){background-image:url(../assets/images/situations/team-icon.svg);background-repeat:no-repeat;background-size:contain}.traits__dot:nth-of-type(2).active{outline:2px solid var(--primary-color-darker)}.traits__dot:nth-of-type(3){background-image:url(../assets/images/situations/leader-icon.svg);background-repeat:no-repeat;background-size:contain}.traits__dot:nth-of-type(3).active{outline:2px solid var(--primary-color-2)}.traits__dot:last-child{background-image:url(../assets/images/situations/managed-icon.svg);background-repeat:no-repeat;background-size:contain}.traits__dot:last-child.active{outline:2px solid var(--primary-color-2-darker)}.traits__btn{display:flex;gap:.5rem;background-color:rgba(0,0,0,0);align-items:center;justify-content:center;border:none;color:var(--primary-color-darker);font-weight:bold;text-transform:uppercase;font-size:14px;padding:0 6px;cursor:pointer;overflow:hidden}.traits__btn:hover,.traits__btn:focus-visible{color:var(--primary-color-2);outline:1px solid var(--primary-color-2)}@media(max-width: 768px){.traits__btn-text{display:none}}.traits__svg{height:auto;width:1.25rem;min-width:1.25rem;fill:inherit}.traits__svg.left{transform:rotate(90deg)}.traits__svg.right{transform:rotate(-90deg)}.traits__end-explanation{margin-top:2.75rem;position:relative}.traits__end-explanation svg{width:3rem;height:auto;position:absolute;fill:var(--primary-color-darker);top:-2rem}.traits__end-explanation p{border-left:2px solid var(--primary-color-darker);border-radius:5px;padding:1rem clamp(.5rem,10vw,1.25rem)}