.charactertraits_usercp-desc{text-align:justify;line-height:2;padding:0 0 24px 0;font-family:var(--main-font);font-size:13px;color:var(--text);border-bottom:1px solid var(--gray-dark);margin-bottom:32px}.charactertraits_usercp_trait{width:95%;padding:20px 0;margin:0 auto;box-sizing:border-box;border-bottom:1px solid var(--gray-dark)}.charactertraits_usercp_readonly{opacity:0.4;pointer-events:none}.charactertraits_usercp_trait-title{display:flex;justify-content:space-between;font-family:var(--mono-font);font-size:9px;text-transform:uppercase;letter-spacing:0.12em;color:var(--gray-light);margin-bottom:12px}.charactertraitActive{color:var(--color-accent1)}.charactertraits_trait-slider{position:relative;height:20px}.charactertraits_trait-slider input[type="range"]{-webkit-appearance:none;width:100%;height:20px;background:transparent;position:relative;z-index:3;cursor:pointer}.charactertraits_trait-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2px;height:14px;background:var(--light);cursor:pointer}.charactertraits_trait-slider input[type="range"]::-moz-range-thumb{width:2px;height:14px;background:var(--light);cursor:pointer;border:none}.charactertraits_trait-slider_progress{position:absolute;top:7px;left:0;height:2px;width:100%;background:var(--gray-dark);overflow:hidden}.charactertraits_trait-slider_progress::before{content:"";position:absolute;height:100%;width:calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%);background:var(--color-accent1)}.charactertraits_trait-slider output{position:absolute;top:-18px;left:calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%);transform:translateX(-50%);font-family:var(--mono-font);font-size:9px;font-weight:600;color:var(--color-accent1);pointer-events:none;letter-spacing:0.08em}.charactertraits_trait-slider output::after{content:var(--text-value)}.charactertraits_trait-slider_ticks{position:absolute;left:0;width:100%;height:6px;top:7px;pointer-events:none}.charactertraits_trait-slider_ticks span{position:absolute;top:0;height:6px;width:1px;background:var(--gray-dark);transform:translateX(-1px)}.tick-label{position:absolute;top:8px;font-family:var(--mono-font);font-size:9px;color:var(--gray);transform:translateX(-50%);letter-spacing:0.06em}.charactertraits_memberprofile_trait{width:100%;padding:16px 0;box-sizing:border-box;border-bottom:1px solid var(--gray-dark)}.charactertraits_memberprofile_trait-title{display:flex;justify-content:space-between;font-family:var(--mono-font);font-size:9px;text-transform:uppercase;letter-spacing:0.12em;color:var(--gray-light);margin-bottom:12px}