.personality-sliders-ucp{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.personality-slider-block{
  border:1px solid #784ca9;
  padding:10px;
}

.personality-slider-head{
  display:flex;
  justify-content:space-between;
  font-weight:600;
  margin-bottom:8px;
}

.personality-slider-control{
  display:flex;
  align-items:center;
  gap:10px;
}

.personality-slider-control input[type="range"]{
  width:100%;
}

.personality-profile-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.testdiv.personality-bar h1{
  margin:0 0 6px 0;
  font-size:14px;
  font-weight:500;
}

.testdiv.personality-bar .bar{
  position:relative;
  height:10px;
  border:1px solid #784ca9;
  overflow:hidden;
}

.testdiv.personality-bar .bar span{
  display:block;
  height:100%;
}

.bar span {
	background: #000;
}


.testdiv personality-bar strong, b  {
float: right;
	}