.x-number-ratio-ctr{padding:2px 6px 30px}.x-number-ratio-ctr.disable-ratio-ctr .x-number-ratio.type-any-value,.x-number-ratio-ctr.disable-ratio-ctr .x-number-ratio-piece.type-fixed-value{cursor:not-allowed}.x-number-ratio{position:relative;height:4px;background:var(--Content-Contrast);border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-number-ratio.type-any-value{cursor:pointer}.x-number-ratio-cursor{position:absolute;z-index:1;top:0;bottom:0;margin:auto 0;width:14px;height:14px;border-radius:50%;border:2px solid var(--Brand-Default);background:var(--Content-Inverse);transform:translate(-50%)}.x-number-ratio-cursor.need-time-function{transition:all .15s linear}.x-number-radio-current{position:absolute;height:4px;border-radius:6px;background:var(--Brand-Default)}.x-number-radio-current.need-time-function{transition:all .15s linear}.x-number-ratio-piece{position:absolute;top:0;bottom:0;margin:auto 0;width:4px;height:10px;border-radius:6px;background-color:var(--Content-Contrast);transition:all .15s linear}.x-number-ratio-piece.type-fixed-value{cursor:pointer}.x-number-ratio-piece:nth-of-type(3):after{transform:translate(0)}.x-number-ratio-piece:last-of-type:after{transform:translate(-24px)}.x-number-ratio-piece:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:12px;height:12px;margin:auto;transform:translate(-50%)}.x-number-ratio-piece:after{content:attr(data-ratio-txt);position:absolute;top:20px;right:0;left:0;width:20px;margin:0 auto;font-size:12px;color:var(--Content-Contrast);transform:translate(-50%)}.x-number-ratio-piece.piece-in{background-color:var(--Brand-Default)}.x-number-ratio-piece.piece-in.last:after{transition:all .15s;color:var(--Content-Primary)}