.range-wrapper{display:flex;align-items:center;gap:10px;margin:auto auto 15px auto;width:95%}.range-wrapper span{width:20%;color:var(--darkcolor)}input[type="range"]{flex:1;-webkit-appearance:none;width:100%;height:4px;background:#f7f7f7;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--akzent);cursor:pointer;border:none}input[type="range"]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--lgreybg);cursor:pointer;border:none}output{width:5%;text-align:center;color:var(--darkcolor)}.left-label{text-align:left}.right-label{text-align:right}.character-eigenschaften{width:460px;margin:auto}#barsView{margin-top:30px}.bars-view{width:460px;display:flex;flex-flow:column}.range-wrapper{display:flex;align-items:center;gap:10px;width:100%}.range-wrapper span{text-align:center;font-size:13px;color:#444}.profile-range-bar{flex:1;height:4px;background:#f7f7f7;border-radius:2px;position:relative}.profile-range-fill{height:100%;background:transparent;position:relative;border-radius:2px}.profile-range-fill::after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--local-akzent,var(--akzent));cursor:pointer}.radar-wrapper{width:100%;max-width:450px;height:450px;position:relative;--local-akzent:#918fbf}#radarView{width:100% !important;height:100% !important;display:block}