.product-personality-box{padding:30px 0 20px 0;margin-bottom:50px}
.product-personality-item{margin-bottom:30px}
.product-personality-item:last-child{margin-bottom:0}
.product-personality-item-title{color:#756e6b;font-size:1.6rem;font-weight:500;line-height:150%;margin-bottom:12px;display:flex;align-items:center}
.product-personality-item-title span{display:inline-flex;align-items:center}
.product-personality-item-title svg{height:19px;margin-bottom:1px;margin-left:3px}
.product-personality-item-description{color:#756e6b;font-size:1.4rem;font-weight:300;line-height:150%;margin-bottom:15px}
.product-personality-item-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding-bottom:40px}
.product-personality-item-scale-bar{display:block;width:100%;height:10px;position:relative}
.product-personality-item-scale-bar:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50px}
.product-personality-item-scale-bar:nth-child(1):before{opacity:.05}
.product-personality-item-scale-bar:nth-child(2):before{opacity:.2}
.product-personality-item-scale-bar:nth-child(3):before{opacity:.4}
.product-personality-item-scale-bar:nth-child(4):before{opacity:.6}
.product-personality-item-scale-bar:nth-child(5):before{opacity:.8}
.product-personality-item-scale-bar>span{position:absolute;display:none;flex-direction:column;align-items:center;color:#756e6b;font-size:1.5rem;font-weight:400;line-height:140%;width:auto;white-space:nowrap;top:calc(100% + 10px);left:50%;transform:translateX(-50%)}
.product-personality-item-scale-bar>span svg{margin-bottom:4px}
.product-personality-item-scale-bar.active-half>span,.product-personality-item-scale-bar.active>span{display:flex}
.product-personality-item-scale-bar.active-half>span{left:calc(100% + 3.5px)}
.product-personality-item.trait-emotional_stability .product-personality-item-scale-bar:before{background:#5981b2}
.product-personality-item.trait-emotional_stability .product-personality-item-scale-bar svg{color:#9bacc4}
.product-personality-item.trait-extraversion .product-personality-item-scale-bar:before{background:#f2a286}
.product-personality-item.trait-extraversion .product-personality-item-scale-bar svg{color:#f2a286}
.product-personality-item.trait-openness .product-personality-item-scale-bar:before{background:#9ca876}
.product-personality-item.trait-openness .product-personality-item-scale-bar svg{color:#9ca876}
.product-personality-item.trait-agreeableness .product-personality-item-scale-bar:before{background:#ce97bd}
.product-personality-item.trait-agreeableness .product-personality-item-scale-bar svg{color:#ce97bd}
.product-personality-item.trait-conscientiousness .product-personality-item-scale-bar:before{background:#99cddc}
.product-personality-item.trait-conscientiousness .product-personality-item-scale-bar svg{color:#99cddc}